.collection{background:var(--color-cream,#f8f1e4);color:var(--color-text,#172333)}
.collection-hero{background:#0d1b2a;color:#fff;display:grid;min-height:min(78vh,52rem);position:relative}.collection-hero__copy{align-self:center;max-width:48rem;padding:clamp(3rem,8vw,8rem) max(1.25rem,calc((100vw - 75rem)/2));position:relative;z-index:1}.collection-hero h1{font-size:clamp(3rem,8vw,7rem);line-height:.92;margin:.4rem 0 1.25rem;max-width:10ch}.collection-hero__intro{font-size:clamp(1.1rem,2vw,1.4rem);line-height:1.6;max-width:43rem}.collection-hero figure{inset:0;margin:0;position:absolute}.collection-hero figure:after{background:linear-gradient(90deg,rgba(13,27,42,.98),rgba(13,27,42,.8) 43%,rgba(13,27,42,.12));content:"";inset:0;position:absolute}.collection-hero img{height:100%;object-fit:cover;width:100%}
.collection-section,.collection-prompt{margin-inline:auto;max-width:75rem;padding:clamp(4rem,8vw,7rem) 1.25rem}.collection-take{max-width:52rem}.collection-take h2,.collection-section h2,.collection-prompt h2{font-size:clamp(2.1rem,5vw,4rem);line-height:1.05}.collection-take .flow{font-size:1.15rem;line-height:1.8}.collection-quote{background:#0d1b2a;color:#fff;margin:0;padding:clamp(4rem,10vw,8rem) max(1.25rem,calc((100vw - 60rem)/2));text-align:center}.collection-quote p{font:700 clamp(2rem,5vw,4.5rem)/1.08 "Bricolage Grotesque",sans-serif;margin:0}
.collection-grid{display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(min(100%,16rem),1fr));margin-top:2rem}.collection-card{align-items:center;background:#fff;border:1px solid rgba(13,27,42,.14);border-radius:1rem;color:inherit;display:flex;justify-content:space-between;min-height:9rem;padding:1.5rem;text-decoration:none}.collection-card:hover{border-color:#db6b2b;transform:translateY(-2px)}.collection-gallery{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(min(100%,18rem),1fr))}.collection-gallery img{aspect-ratio:4/3;height:auto;object-fit:cover;width:100%}.collection-prompt{background:#f1c27d;border-radius:1.5rem;margin-block:3rem;text-align:center}.collection-prompt h2{margin-inline:auto;max-width:22ch}@media (prefers-reduced-motion:reduce){.collection-card{transition:none}.collection-card:hover{transform:none}}
.collection-product{align-items:flex-start;flex-direction:column}.collection-product img{height:auto;width:100%}.collection-product>span{display:grid;gap:.35rem}