.tf-collection-grid{padding:4rem 0;background-color:#0d0d0d}.tf-collection-grid__inner{display:grid;grid-template-columns:1fr 1fr;gap:2px;max-width:100%}.tf-col-card{position:relative;display:block;overflow:hidden;aspect-ratio:3/4;text-decoration:none;background-color:#1e1e1e;cursor:pointer}.tf-col-card--featured{grid-column:1/-1;aspect-ratio:16/9}@media screen and (min-width:750px){.tf-col-card--featured{aspect-ratio:21/9}}.tf-col-card__img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center;transition:transform .6s cubic-bezier(.25,.46,.45,.94);filter:brightness(.9) contrast(1.05) saturate(.9)}.tf-col-card:hover .tf-col-card__img{transform:scale(1.05);filter:brightness(1) contrast(1) saturate(1)}.tf-col-card__placeholder{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#1e1e1e,#2a2a2a,#161616)}.tf-col-card__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,#0d0d0dd9,#0d0d0d4d,#0d0d0d0d);z-index:1;transition:background .3s ease}.tf-col-card:hover .tf-col-card__overlay{background:linear-gradient(to top,#0d0d0db3,#0d0d0d26,#0d0d0d00)}.tf-col-card__content{position:absolute;bottom:0;left:0;right:0;padding:1.5rem 1.2rem;z-index:2;display:flex;flex-direction:column;gap:.35rem}@media screen and (min-width:750px){.tf-col-card__content{padding:2rem 1.8rem}}.tf-col-card__eyebrow{font-family:Space Mono,monospace;font-size:.6rem;letter-spacing:.22em;text-transform:uppercase;color:#c4b89a;display:block}.tf-col-card__title{font-family:Space Grotesk,sans-serif!important;font-size:clamp(1rem,2.5vw,1.6rem)!important;font-weight:700!important;letter-spacing:-.01em!important;color:#f0ece4!important;margin:0!important;line-height:1.1!important;text-transform:uppercase!important}.tf-col-card__cta{font-family:Space Mono,monospace;font-size:.6rem;letter-spacing:.18em;text-transform:uppercase;color:#c4b89a;opacity:0;transform:translateY(6px);transition:opacity .25s ease,transform .25s ease;display:block;margin-top:.2rem}.tf-col-card:hover .tf-col-card__cta{opacity:1;transform:translateY(0)}
/*# sourceMappingURL=/cdn/shop/t/2/assets/twofold-collection-grid.css.map */