/* One continuous, quiet landscape beneath the collection. The product surfaces
   remain opaque so print colours and their contrast are not affected. */
.collection{position:relative;isolation:isolate}
.collection-atmosphere{position:absolute;inset:0;z-index:0;pointer-events:none;clip-path:inset(0)}
.collection-atmosphere-stage{position:sticky;top:0;height:100vh;height:100svh;overflow:hidden;opacity:.18;mask-image:linear-gradient(to bottom,transparent,black 12%,black 85%,transparent);-webkit-mask-image:linear-gradient(to bottom,transparent,black 12%,black 85%,transparent)}
.collection-atmosphere-stage img{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:cover;opacity:0}
.collection-content{position:relative;z-index:1}
.habitat-collections{max-width:1440px;margin-inline:auto}
.habitat-section:not([hidden])~.habitat-section:not([hidden]){margin-top:90px}
.habitat-section-heading{display:flex;align-items:baseline;justify-content:space-between;gap:20px;padding:22px 0 20px;border-top:1px solid #10262c24}
.habitat-section-heading h3{font-family:inherit;font-size:clamp(24px,2.4vw,36px);font-weight:800;line-height:1.15;letter-spacing:-.04em;margin:0}
.habitat-section-count{font-size:11px;font-weight:600;letter-spacing:.04em;color:var(--ink-soft);white-space:nowrap;margin:0}
.habitat-filters{flex-wrap:wrap}
.habitat-filters .filter{min-height:44px}
@media(max-width:1050px){
  .collection-toolbar{align-items:flex-start;gap:16px}
  .habitat-filters{flex:1;min-width:0}
  .habitat-filters .filter{padding-inline:11px}
}
@media(max-width:760px){
  .habitat-filters{grid-template-columns:repeat(3,minmax(0,1fr));gap:2px}
  .habitat-filters .filter{padding-inline:4px}
  .collection-toolbar{gap:10px;align-items:stretch}
  .habitat-section:not([hidden])~.habitat-section:not([hidden]){margin-top:54px}
  .habitat-section-heading{padding:20px 0 18px;gap:12px}
  .habitat-section-heading h3{font-size:26px}
  .habitat-section-count{font-size:10px}
}