/* Approved v02: the same typography, straight rules and gold blocks as the page. */
.site-header{background:linear-gradient(110deg,#102640f5,#0b1b30f5);border-bottom:1px solid #65829f66;backdrop-filter:blur(18px)}
.site-header.scrolled{background:#091525f7;box-shadow:0 1px 0 #ffffff14}
.header{padding-block:22px;gap:42px;min-height:110px}
.brand{width:144px;flex-shrink:0}
#main-nav{width:min(76%,920px);gap:46px;align-items:center;justify-content:flex-start}
#main-nav>a.nav-chapter{display:flex;flex-direction:column;align-items:flex-start;gap:6px;padding:0;white-space:nowrap}
.nav-index{font-size:11px;line-height:1;letter-spacing:.04em;color:#8fa8c4;font-weight:550;transition:color .25s}
.nav-title{position:relative;display:flex;align-items:center;gap:22px;min-height:42px;font-family:Anton,Impact,sans-serif;font-size:22px;line-height:1.2;font-weight:400;text-transform:uppercase;letter-spacing:-.01em;transition:color .25s}
#main-nav>a.nav-chapter::after{bottom:0;height:1px}
#main-nav>a[aria-current] .nav-index{color:var(--gold)}
#main-nav>.curious-nav::after{display:none}
.curious-nav .nav-index{color:var(--gold)}
.curious-nav .nav-title{isolation:isolate;overflow:hidden;padding:10px 17px;background:var(--gold);color:#0a192c;border:1px solid #ffe285;min-height:44px}
.curious-nav .nav-title::before{content:'';position:absolute;z-index:-1;inset:0;background:#fff3;transform:translateX(-102%);transition:transform .45s var(--ease)}
.nav-arrow{font-family:Bricolage,Arial,sans-serif;font-size:22px;line-height:1;transition:transform .3s var(--ease)}
#main-nav>.shop-link{padding:12px 0;margin-left:auto;gap:16px;font-size:13px}
#main-nav>.shop-link span{font-size:20px}
@media(hover:hover){#main-nav>.nav-chapter:not(.curious-nav):hover .nav-title,#main-nav>.nav-chapter:hover .nav-index{color:var(--gold)}.curious-nav:hover .nav-title::before{transform:translateX(0)}.curious-nav:hover .nav-arrow{transform:translate(2px,-2px)}#main-nav>.shop-link:hover span{transform:translate(2px,-2px)}}
.curious-nav:focus-visible .nav-title::before{transform:translateX(0)}
@media(min-width:981px) and (max-width:1100px){#main-nav{gap:28px}.nav-title{font-size:20px;gap:14px}.curious-nav .nav-title{padding-inline:13px}}
@media(max-width:980px){
 .header{padding-block:20px;min-height:95px;flex-wrap:wrap;gap:12px}.brand{width:112px}
 .menu-toggle:not([hidden]){display:flex;align-items:center;gap:13px;padding:12px 14px;border:1px solid #69839f;background:transparent;font-size:12px;min-height:44px;border-radius:0}
 .menu-toggle i{width:18px;height:8px;border-block:1px solid var(--white);position:relative;transition:transform .3s}.menu-open .menu-toggle i{transform:rotate(90deg)}
 #main-nav{width:100%;gap:10px;flex-wrap:wrap;justify-content:flex-start}
 .nav-ready #main-nav{position:absolute;top:calc(100% + 1px);left:0;right:0;width:auto;display:flex;flex-direction:column;align-items:stretch;gap:8px;padding:16px 20px 20px;background:#0c1d32;border:1px solid #65829f66;border-top:0;visibility:hidden;opacity:0;transform:translateY(-8px);transition:opacity .25s,transform .3s var(--ease),visibility .3s}
 .menu-open #main-nav{visibility:visible;opacity:1;transform:none}
 .nav-ready #main-nav>a.nav-chapter{display:grid;grid-template-columns:24px minmax(0,1fr);gap:12px;align-items:center;padding:7px 0;min-height:61px}
 .nav-ready #main-nav .nav-title{font-size:26px;min-height:44px;justify-content:space-between}
 .nav-ready #main-nav>.curious-nav{padding-block:8px}
 .nav-ready #main-nav .curious-nav .nav-title{padding:10px 16px}
 .nav-ready #main-nav>.shop-link{width:100%;border-top:1px solid #65829f66;margin:9px 0 0;padding:17px 0 0;font-size:13px;min-height:44px;justify-content:space-between}
}
.motion-paused .nav-title,.motion-paused .nav-index,.motion-paused .nav-arrow,.motion-paused .shop-link span{transition:none!important;transform:none!important}
@media(prefers-reduced-motion:reduce){.nav-title,.nav-index,.nav-arrow,.shop-link span,.curious-nav .nav-title::before{transition:none!important}.nav-arrow,.shop-link span{transform:none!important}}