.collection-pair{display:grid;grid-template-columns:1fr}.collection-pair__tile{position:relative;display:block;overflow:hidden;aspect-ratio:var(--collection-pair-ratio, .8);background-color:#1a1a1a;color:var(--collection-pair-text-color, #ffffff);text-decoration:none}.collection-pair__tile img,.collection-pair__tile .placeholder-svg{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;object-fit:cover;object-position:center}.collection-pair__tile .placeholder-svg{background-color:#ffffff0f;fill:#ffffff4d}.collection-pair__tile img.collection-pair__image--mobile{display:none}@media screen and (max-width:749px){.collection-pair__tile--has-mobile img.collection-pair__image--desktop{display:none}.collection-pair__tile--has-mobile img.collection-pair__image--mobile{display:block}}.collection-pair__tile:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(to top,rgba(0,0,0,var(--collection-pair-overlay, .35)),#0000 40%)}.collection-pair__content{position:absolute;left:1.5rem;right:1.5rem;bottom:3rem;z-index:1;display:flex;flex-direction:column}.collection-pair__label{margin:0;max-width:100%;color:inherit;font-size:var(--collection-pair-label-mobile, 3.2rem);font-weight:var(--font-heading-weight, 600);line-height:1;letter-spacing:-.02em;overflow-wrap:break-word}.collection-pair__link{margin-top:1.4rem;color:inherit;font-size:1.4rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;text-decoration:underline;text-underline-offset:.4rem;text-decoration-thickness:.1rem}.collection-pair__tile:hover .collection-pair__link{text-decoration-thickness:.2rem}.collection-pair__content--left{align-items:flex-start;text-align:left}.collection-pair__content--center{align-items:center;text-align:center}.collection-pair__content--right{align-items:flex-end;text-align:right}.collection-pair--natural .collection-pair__tile{aspect-ratio:var(--tile-ratio-mobile, var(--tile-ratio, .8))}@media screen and (min-width:750px){.collection-pair--natural .collection-pair__tile{aspect-ratio:var(--tile-ratio, .8)}}@media screen and (max-width:749px){.collection-pair__content--mobile-left{align-items:flex-start;text-align:left}.collection-pair__content--mobile-center{align-items:center;text-align:center}.collection-pair__content--mobile-right{align-items:flex-end;text-align:right}.collection-pair--mobile-full .collection-pair__tile{aspect-ratio:auto;height:100vh;height:100svh}}.collection-pair__tile:focus-visible{outline:.2rem solid rgb(var(--color-foreground));outline-offset:-.4rem}@media screen and (min-width:750px){.collection-pair{grid-template-columns:repeat(var(--collection-pair-columns, 2),1fr)}.collection-pair--gap{gap:.2rem}.collection-pair--screen .collection-pair__tile{aspect-ratio:auto;height:100vh;height:100svh;min-height:48rem}.collection-pair__content{left:5rem;right:5rem;bottom:5rem}.collection-pair__label{font-size:var(--collection-pair-label-desktop, 5.6rem)}.collection-pair__link{font-size:1.6rem}}.collection-pair--compact{display:flex;gap:.8rem;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;margin:1rem 0 2rem}.collection-pair--compact::-webkit-scrollbar{display:none}.collection-pair--compact .collection-pair__tile{flex:0 0 62%;aspect-ratio:auto;height:38vh;height:38svh;max-height:32rem;min-height:20rem;scroll-snap-align:start}.collection-pair--compact .collection-pair__content{left:1.2rem;right:1.2rem;bottom:1.4rem;align-items:flex-start;text-align:left}.collection-pair--compact .collection-pair__label{font-size:2rem}.collection-pair--compact .collection-pair__link{margin-top:.8rem;font-size:1.2rem}@media screen and (min-width:750px){.collection-pair--compact{display:grid;grid-template-columns:repeat(var(--collection-pair-columns, 3),1fr);overflow:visible;gap:1.2rem;margin:1.6rem 0 3rem}.collection-pair--compact .collection-pair__tile{height:30vh;max-height:30rem}.collection-pair--compact .collection-pair__content{left:2rem;right:2rem;bottom:2rem;align-items:center;text-align:center}.collection-pair--compact .collection-pair__label{font-size:2.6rem}}@media screen and (max-width:749px){.collection-pair--mobile-2:not(.collection-pair--compact){grid-template-columns:repeat(2,1fr)}.collection-pair--mobile-2 .collection-pair__content{left:1rem;right:1rem;bottom:1.2rem;align-items:center;text-align:center}.collection-pair--mobile-2 .collection-pair__link{margin-top:.6rem;font-size:1.1rem}}@media screen and (max-width:749px){.collection-pair--mobile-2.collection-pair--gap:not(.collection-pair--compact){gap:.4rem}}@media screen and (min-width:750px){.collection-pair--compact-scroll{display:flex;overflow-x:auto;scroll-snap-type:x mandatory}.collection-pair--compact-scroll .collection-pair__tile{flex:0 0 calc(25% - .9rem)}}.collection-pair__backdrop{display:none}@media screen and (min-width:750px){.collection-pair--fit .collection-pair__tile{aspect-ratio:auto;height:100vh;height:100svh;min-height:48rem}.collection-pair--fit .collection-pair__tile img.collection-pair__image--desktop,.collection-pair--fit .collection-pair__tile img.collection-pair__image--asset{z-index:0;object-fit:contain}.collection-pair--fit .collection-pair__tile img.collection-pair__backdrop{display:block;z-index:0;object-fit:cover;filter:blur(28px) saturate(1.05);transform:scale(1.15)}.collection-pair--fit .collection-pair__tile--solid{background:linear-gradient(90deg,var(--tile-bg-left),var(--tile-bg-right))}.collection-pair--fit .collection-pair__tile--solid img.collection-pair__image--desktop,.collection-pair--fit .collection-pair__tile--solid img.collection-pair__image--asset{left:50%;right:auto;width:auto;max-width:none;height:100%;transform:translate(-50%);object-fit:cover;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 7%,#000 93%,transparent 100%);mask-image:linear-gradient(90deg,transparent 0,#000 7%,#000 93%,transparent 100%)}}@media screen and (max-width:749px){.collection-pair--mobile-whole .collection-pair__tile{aspect-ratio:var(--tile-ratio-mobile, var(--tile-ratio, .8));height:auto}}.collection-pair__tile img.collection-pair__image--asset-mobile{display:none}@media screen and (max-width:749px){.collection-pair .collection-pair__tile.collection-pair__tile--mobile-tall{aspect-ratio:auto;height:100vh;height:100svh}.collection-pair__tile--mobile-tall img.collection-pair__image--asset-desktop{display:none}.collection-pair__tile--mobile-tall img.collection-pair__image--asset-mobile{display:block}}
/*# sourceMappingURL=/cdn/shop/t/8/assets/section-collection-pair.css.map */