/* White editorial header and visual collections navigation. */
.header{background:#fff;backdrop-filter:none;border:0;box-shadow:none;isolation:isolate}
.header.is-scrolled{box-shadow:0 3px 20px #0110160a}
.header .header-main{height:112px;display:grid;grid-template-columns:180px minmax(0,1fr) 144px;gap:24px;align-items:center;max-width:1720px;padding-inline:40px}
.header .logo{margin:0;justify-self:start}
.header .brand-logo{width:174px;height:48px}
.header .brand-logo img{width:196px;left:-10px;top:-39px;mix-blend-mode:normal}
.header .main-nav{display:flex;flex-direction:column;gap:2px;margin:0;max-width:none;font-size:clamp(16px,1.2vw,18px);font-weight:700;letter-spacing:0;line-height:1.4;min-width:0}
.header-nav-row{display:flex;justify-content:center;align-items:center;gap:clamp(2px,.6vw,12px)}
.header-nav-row>a,.header-nav-row>button{display:block;padding:10px 13px;min-height:42px;border:0;border-radius:28px;white-space:nowrap;font:inherit;line-height:1.4;background:transparent;color:#191919;transition:color .18s,background .18s;text-decoration:none}
.header-nav-row>a:hover,.header-nav-row>button:hover,.header-nav-row>button[aria-expanded=true]{color:#fff;background:#191919;text-decoration:none}
.header .header-actions{gap:6px;justify-content:flex-end}
.header .header-actions .icon-button{width:44px;height:44px;padding:10px;color:#191919}
.header .header-actions svg{width:24px;height:24px;stroke-width:1.4}
.header .header-actions .icon-button b,.header .favorite-count{right:-1px;top:0;background:transparent;color:#191919;font-size:11px;font-weight:400}
.header .mobile-menu{display:none}
.header-collections{position:absolute;top:100%;inset-inline:0;background:#fff;padding:12px 0 48px;border-radius:0 0 24px 24px;box-shadow:0 24px 28px #01101612;max-height:calc(100dvh - 112px);overflow:auto;overscroll-behavior:contain}
.header-collections[hidden]{display:none}
.header-collection-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;max-width:1720px;padding-inline:40px}
.header-collection-card{position:relative;display:block;aspect-ratio:1;overflow:hidden;border-radius:20px;background:#e9e8e7;color:#fff;isolation:isolate}
.header-collection-card img{width:100%;height:100%;object-fit:cover;transition:transform .55s cubic-bezier(.22,1,.36,1)}
.header-collection-card:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,transparent 42%,#10171520 55%,#101715d9 100%);z-index:1;pointer-events:none}
.header-card-copy{position:absolute;bottom:28px;left:28px;right:48px;z-index:2;display:grid;gap:4px}
.header-card-copy strong{font-size:clamp(20px,1.75vw,30px);line-height:1.15;font-weight:700;letter-spacing:-.7px}
.header-card-copy>span{font-size:clamp(12px,.82vw,14px);font-weight:500;line-height:1.4}
.header-collection-card>svg{position:absolute;right:25px;bottom:40px;z-index:2;width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.5;transition:transform .25s}
.header-collection-card:hover img{transform:scale(1.035)}
.header-collection-card:hover>svg{transform:translateX(3px)}
.header a:focus-visible,.header button:focus-visible{outline:2px solid #009de1;outline-offset:3px}
.header-collection-card:focus-visible{outline-offset:4px}
@media(min-width:1101px) and (max-width:1350px){.header .header-main{grid-template-columns:154px minmax(0,1fr) 132px;gap:14px;padding-inline:28px}.header .brand-logo{width:152px;height:44px}.header .brand-logo img{width:170px;left:-9px;top:-34px}.header-nav-row>a,.header-nav-row>button{padding-inline:9px}.header-collection-grid{padding-inline:28px;gap:18px}.header-card-copy{left:20px;bottom:22px;right:40px}.header-collection-card>svg{right:18px;bottom:32px}}
@media(max-width:1100px){.header .header-main{height:80px;grid-template-columns:44px minmax(0,1fr) 144px;gap:12px;padding-inline:24px}.header .main-nav,.header-collections{display:none}.header .mobile-menu{display:inline-flex;width:44px;height:44px;margin:0}.header .logo{margin:0}.header .brand-logo{width:155px;height:44px}.header .brand-logo img{width:174px;left:-9px;top:-35px}}
@media(max-width:760px){.header .header-main{height:76px;grid-template-columns:40px minmax(0,1fr) 84px;padding-inline:14px;gap:6px}.header .logo{justify-self:center}.header .brand-logo{width:142px;height:40px}.header .brand-logo img{width:160px;left:-8px;top:-33px}.header .header-actions{gap:0}.header .header-actions .icon-button{width:42px;height:44px;padding:9px}.header .header-actions [data-action=favorites]{display:none}.header .mobile-menu{width:40px}.header .header-actions svg{width:23px;height:23px}}
@media(prefers-reduced-motion:reduce){.header-nav-row>a,.header-nav-row>button,.header-collection-card img,.header-collection-card>svg{transition:none}}

.header #cart-count{background:transparent;color:#191919}

/* Motion measured against Bloom: rising labels, sliding surface, staggered cards. */
.header-nav-row>a,.header-nav-row>button{position:relative;overflow:hidden;isolation:isolate;transition:none}
.header-nav-row>a:hover,.header-nav-row>button:hover,.header-nav-row>button[aria-expanded=true]{background:transparent;color:#191919}
.header-nav-label{display:block;transition:transform .5s cubic-bezier(.3,1,.3,1),opacity .5s cubic-bezier(.3,1,.3,1)}
.header-nav-incoming{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;border-radius:inherit;background:#191919;color:#fff;transform:translateY(100%) scale(.6);transition:transform .5s cubic-bezier(.3,1,.3,1);pointer-events:none}
.header-nav-row>:is(:hover,:focus-visible,[aria-expanded=true]) .header-nav-label{opacity:0;transform:translateY(-10%) scale(.6)}
.header-nav-row>:is(:hover,:focus-visible,[aria-expanded=true]) .header-nav-incoming{transform:translateY(0) scale(1)}
.header-collections{padding:0;background:transparent;border-radius:0;box-shadow:none;overflow:hidden;visibility:hidden;pointer-events:none;transition:visibility 0s .6s}
.header-collections.is-open{visibility:visible;pointer-events:auto;transition-delay:0s}
.header-collection-surface{background:#fff;border-radius:0 0 24px 24px;padding:12px 0 48px;max-height:calc(100dvh - 112px);overflow:auto;overscroll-behavior:contain;transform:translateY(-105%);transition:transform .6s cubic-bezier(.7,0,.2,1)}
.header-collections.is-open .header-collection-surface{transform:translateY(0)}
.header-collection-grid{overflow:hidden;padding-block:4px}
.header-collection-card{opacity:0;transform:translateX(25%);transition:transform 1.5s cubic-bezier(.075,.82,.165,1),opacity .9s cubic-bezier(.19,1,.22,1);transition-delay:0s}
.header-card-copy{opacity:0;transform:translateX(25%);transition:transform 2s cubic-bezier(.075,.82,.165,1),opacity 1s cubic-bezier(.19,1,.22,1);transition-delay:0s}
.header-collections.is-open .header-collection-card,.header-collections.is-open .header-card-copy{opacity:1;transform:translateX(0)}
.header-collection-card:nth-child(1){--card-delay:.3s;--copy-delay:.45s}
.header-collection-card:nth-child(2){--card-delay:.4s;--copy-delay:.55s}
.header-collection-card:nth-child(3){--card-delay:.5s;--copy-delay:.65s}
.header-collection-card:nth-child(4){--card-delay:.6s;--copy-delay:.75s}
.header-collections.is-open .header-collection-card{transition-delay:var(--card-delay)}
.header-collections.is-open .header-card-copy{transition-delay:var(--copy-delay)}
.header-collection-card:focus-visible,.header-collection-card:focus-visible .header-card-copy{opacity:1;transform:none;transition-delay:0s}
@media(prefers-reduced-motion:reduce){
 .header-nav-label,.header-nav-incoming,.header-collections,.header-collection-surface,.header-collection-card,.header-card-copy{transition:none!important}
 .header-collection-card,.header-card-copy{transform:none}
}