@layer pages{.shop-page{color:var(--ink);background:#eeeae0;overflow:hidden}.shop-intro{color:#fff;min-height:clamp(24rem,58svh,42rem);padding:clamp(6rem,11vw,9rem) var(--gutter) clamp(2.5rem,5vw,4rem);background:#090a08;align-items:end;gap:2rem;display:grid}.shop-intro h1{letter-spacing:-.11em;text-transform:uppercase;font-size:clamp(7rem,22vw,18rem);line-height:.62}.shop-intro h1 span{color:var(--yellow)}.shop-intro>p{border-left:.55rem solid var(--yellow);max-width:30rem;padding-left:1.1rem;font-size:clamp(1.15rem,2vw,1.5rem);line-height:1.35}.shop-categories{background:var(--yellow);white-space:nowrap;z-index:15;display:flex;position:sticky;top:0;overflow-x:auto}.shop-categories a{letter-spacing:.08em;text-transform:uppercase;border-right:1px solid #00000040;padding:1.15rem 1.4rem;font-size:.78rem;font-weight:900;text-decoration:none}.shop-categories a[aria-current]{background:var(--ink);color:var(--yellow)}.shop-drop{color:#fff;background:#0a0b09;display:grid}.shop-drop>aside{padding:clamp(2.5rem,6vw,6rem) var(--gutter);align-content:center;gap:1.25rem;display:grid}.shop-drop h2{letter-spacing:-.075em;text-transform:uppercase;max-width:10ch;font-size:clamp(3rem,8vw,7rem);line-height:.8}.shop-drop aside>p:not(.eyebrow){max-width:35rem;line-height:1.5}.shop-drop .button{justify-self:start}.shop-products{padding:clamp(3.5rem,7vw,7rem) var(--gutter)}.shop-products>header{border-bottom:3px solid var(--ink);grid-template-columns:1fr auto;align-items:end;gap:.5rem;margin-bottom:1rem;padding-bottom:1rem;display:grid}.shop-products>header .eyebrow{grid-column:1/-1}.shop-products h2{letter-spacing:-.075em;text-transform:uppercase;font-size:clamp(2.8rem,8vw,7rem);line-height:.8}.shop-products>header>span{text-transform:uppercase;font:700 .72rem Courier New,monospace}.shop-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;display:grid}.shop-product{background:#fff;min-width:0}.shop-product>a{text-decoration:none;display:block}.shop-product__visual{aspect-ratio:4/5;background:#d8d4cb;position:relative;overflow:hidden}.shop-product__media{object-fit:cover;width:100%;height:100%;transition:transform .55s}.shop-product a:hover .shop-product__media,.shop-product a:focus-visible .shop-product__media{transform:scale(1.025)}.shop-product__flag,.shop-product__sold{letter-spacing:.07em;text-transform:uppercase;padding:.5rem .65rem;font-size:.7rem;font-weight:900;position:absolute;top:.75rem;left:.75rem}.shop-product__flag{background:var(--yellow)}.shop-product__sold{background:var(--ink);color:#fff}.shop-product__copy{gap:.55rem;padding:1rem;display:grid}.shop-product__copy>p{letter-spacing:.07em;text-transform:uppercase;font:700 .68rem Courier New,monospace}.shop-product h3{letter-spacing:-.035em;font-size:clamp(1.15rem,2.5vw,1.8rem);line-height:1}.shop-product__copy>div{align-items:end;gap:.5rem;display:flex}.shop-product__copy>div span{text-transform:uppercase;margin-left:auto;font-size:.72rem;font-weight:900}.shop-product del{color:#777;font-size:.8rem}.shop-product--large .shop-product__visual{aspect-ratio:16/12}.shop-product--large .shop-product__copy{background:var(--yellow);color:var(--ink)}.shop-membership{color:#fff;padding:clamp(4rem,9vw,8rem) var(--gutter);background:#101ab8;gap:3rem;display:grid}.shop-membership>div{gap:1.2rem;display:grid}.shop-membership h2{letter-spacing:-.08em;text-transform:uppercase;max-width:10ch;font-size:clamp(3.5rem,10vw,8rem);line-height:.78}.shop-membership__price{font-size:clamp(2rem,5vw,4rem);font-weight:900}.shop-membership__price small{letter-spacing:.06em;text-transform:uppercase;font-size:.8rem}.shop-membership ul{margin:0;padding:0;list-style:none}.shop-membership li{border-top:1px solid #ffffff59;padding:1rem 0;font-size:1rem}.shop-membership li:before{color:var(--yellow);content:"→";margin-right:.7rem}.shop-membership .button{justify-self:start}}@media (min-width:48rem){.shop-intro,.shop-drop{grid-template-columns:1.25fr .75fr}.shop-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.shop-membership{grid-template-columns:1.1fr .9fr}.shop-product--large .shop-product__copy{display:none}}@media (min-width:72rem){.shop-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (prefers-reduced-motion:reduce){.shop-product__media{transition:none}}
