/* Secret Pleasures UX staging 2026-10-15: low-motion, unified navigation. */
.site-header{position:relative;z-index:30}
.site-header .nav-inner{flex-wrap:wrap;column-gap:clamp(10px,1.3vw,20px);row-gap:11px;padding:11px 0}
.site-header .nav-inner>a{transition:color .18s ease,transform .18s ease}
.site-header .nav-inner>a:focus-visible,.site-header .header-actions a:focus-visible{outline:2px solid var(--gold-light,#e4b773);outline-offset:5px}
.site-header .nav-inner>a:hover{transform:translateY(-1px)}
.site-header .nav-inner .ambassador-menu{border:1px solid rgba(213,166,95,.55);border-radius:999px;padding:9px 12px;color:var(--gold-light,#e4b773)}
.site-header .nav-inner .ambassador-menu:hover{background:rgba(213,166,95,.12)}
.site-header .stories-menu.active{font-weight:750}
@media(max-width:900px){.site-header .nav-inner{display:flex;flex-direction:column;align-items:flex-start;gap:17px;padding:22px 8px}.site-header .ambassador-menu{margin-top:5px}}
@media(prefers-reduced-motion:reduce){.site-header .nav-inner>a{transition:none!important;transform:none!important}}

/* Progressive enhancement only; initial content remains visible if JS fails */
[data-sp-motion="ready"]{opacity:.84;transform:translateY(9px)}
[data-sp-motion="visible"]{opacity:1;transform:translateY(0);transition:opacity .45s ease,transform .45s ease}
@media(prefers-reduced-motion:reduce){[data-sp-motion]{opacity:1!important;transform:none!important;transition:none!important}}

/* Account and legal page styles must not override the dark storefront search. */
.site-header .search{background:rgba(255,255,255,.025)!important}
.site-header .search input{background:transparent!important;color:#f7f1ed!important;
 border:0!important;border-radius:0!important;box-shadow:none!important;
 outline:none!important;min-height:42px!important;margin:0!important}
.site-header .search input::placeholder{color:#998980!important}
.site-header .search button{background:transparent!important;color:#dab56e!important}
@media(max-width:900px){
 .site-header .main-nav.open{max-height:min(62vh,520px);overflow-y:auto}
 .site-header .nav-inner{gap:3px!important;padding:10px 0!important}
 .site-header .nav-inner>a{display:flex;align-items:center;min-height:41px;padding:9px 10px}
}