/* Isolated design study; only nav-depth-preview.html loads this layer. */
.site-header,.site-header.scrolled{height:112px!important;padding:20px clamp(16px,2.4vw,40px)!important;align-items:center!important;background:transparent!important;box-shadow:none!important;border:0!important}
.site-header::before{display:block!important;content:"";position:absolute;inset:0 0 -190px;z-index:-3;background:linear-gradient(180deg,#03141ee8 0%,#06232db0 32%,#092b3440 68%,transparent 100%)!important;opacity:1;pointer-events:none}
.site-header::after,.surface-ocean-front,.nav-waterline{display:none!important}
.surface-ocean-canvas{top:0;bottom:auto;height:300px;width:100%;z-index:-2;opacity:.8}
.site-header .nav{gap:7px!important;flex:1;justify-content:center;min-width:0}
.site-header .nav a,.site-header .header-buy,.site-header .nav-toggle{background: url('../assets/ui/nav-float.v23.webp') center/100% 100% no-repeat!important;box-shadow:none!important;border:0!important;outline:0!important;color:#f3e7cb!important;text-shadow:0 2px 3px #000!important;min-height:54px!important;padding:15px 19px!important;font-size:14px!important;letter-spacing:.015em!important;filter:drop-shadow(0 8px 7px #0005)!important;animation:depth-float 10s ease-in-out var(--float-delay,0s) infinite!important;translate:none!important;rotate:none!important;transition:transform .25s ease,filter .25s ease!important}
.site-header .nav a.active{background:url('../assets/ui/nav-float.v23.webp') center/100% 100% no-repeat!important;box-shadow:none!important;outline:none!important;color:#ffe1a2!important;filter:drop-shadow(0 0 7px #d6af6240)!important}
.site-header .nav a.active::after{display:block!important;content:"";position:absolute;left:28%!important;right:28%!important;bottom:9px!important;top:auto!important;width:auto!important;height:1px!important;background:linear-gradient(90deg,transparent,#dfb974,transparent)!important;box-shadow:0 0 7px #d4a34c!important}
.site-header :is(.nav a,.header-buy,.nav-toggle):hover{filter:brightness(1.13) drop-shadow(0 3px 9px #d5b16b22)!important;transform:translateY(-2px)!important}
.site-header :is(.nav a,.header-buy,.nav-toggle):focus-visible{outline:2px solid #e3c38c!important;outline-offset:4px!important}
.brass-glint{inset:8px 12%!important;opacity:.35;background:linear-gradient(112deg,transparent 33%,#edcc8738 49%,transparent 60%)!important;animation:depth-glint 17s ease-in-out infinite!important;mix-blend-mode:screen}
.nav a:nth-child(2n) .brass-glint{animation-delay:-7s!important}
.nav a:nth-child(3n) .brass-glint{animation-delay:-12s!important}
.header-brand{flex:0 0 46px;margin:0!important;filter:drop-shadow(0 0 10px #96c7be20)!important}
.header-tools{flex-shrink:0}.header-tools .header-buy{font-size:13px!important}
.sound-toggle{background:#09263080!important;border:1px solid #a6c7bd33!important;box-shadow:none!important;backdrop-filter:none;margin:0!important}
.discovery-badge{display:none!important}
.experience-ocean{filter:brightness(.72) saturate(.78)}
.experience-watermark{opacity:.45}
.treasure-stage{padding-top:155px!important}
.treasure-stage>.eyebrow{color:#d6bf88;letter-spacing:.23em!important;font-size:11px}
.treasure-halo{opacity:.38!important}
@keyframes depth-float{0%,100%{transform:translateY(0) rotate(-.15deg)}50%{transform:translateY(-2px) rotate(.2deg)}}
@keyframes depth-glint{0%,65%,100%{opacity:0;transform:translateX(-12%)}79%{opacity:.6;transform:translateX(8%)}90%{opacity:0;transform:translateX(18%)}}
@media(max-width:1300px){
 .site-header .nav{top:93px!important;left:auto!important;right:20px!important;width:min(360px,calc(100vw - 40px))!important;padding:18px!important;background:linear-gradient(155deg,#0a2834fa,#041620fc)!important;border:1px solid #b29a6338!important;box-shadow:0 20px 45px #0005!important;border-radius:16px!important;max-height:calc(100dvh - 120px);overflow:auto;gap:5px!important}
 .site-header .nav a{width:100%;min-height:55px!important;font-size:16px!important;animation:none!important}
 .site-header .nav-toggle{margin-left:12px}
 .header-tools{margin-left:auto}
}
@media(max-width:700px){
 .site-header,.site-header.scrolled{height:86px!important;padding:12px 15px!important;gap:8px}
 .site-header::before{bottom:-150px}.surface-ocean-canvas{height:235px}
 .header-brand{flex-basis:38px;width:38px;height:48px}
 .site-header .header-buy,.site-header .nav-toggle{padding:12px 17px!important;min-height:48px!important;font-size:13px!important;animation:none!important}
 .site-header .nav-toggle{margin-left:0}
 .site-header .nav{top:78px!important;right:14px!important;width:calc(100vw - 28px)!important;max-height:calc(100dvh - 100px);padding:15px!important}
 .sound-toggle{display:none!important}
 .treasure-stage{padding-top:123px!important}
 .treasure-stage>.eyebrow{font-size:9px;letter-spacing:.12em!important}
}
@media(prefers-reduced-motion:reduce){.site-header .nav a,.site-header .header-buy,.site-header .nav-toggle,.brass-glint{animation:none!important;transition:none!important}}

/* Only the transparent wooden silhouette is visible, including hover states. */
.site-header .nav a,.site-header .header-buy,.site-header .nav-toggle,
.site-header .nav a:hover,.site-header .nav a.active:hover,.site-header .header-buy:hover,.site-header .nav-toggle:hover{
 background-color:transparent!important;box-shadow:none!important;border:0!important;
 animation:none!important;transition:filter .25s ease!important;
}
.site-header .brass-glint{display:none!important}
.site-header .nav a::before,.site-header .nav a::after,
.site-header .header-buy::before,.site-header .header-buy::after,
.site-header .nav-toggle::before,.site-header .nav-toggle::after{display:none!important}
.site-header .nav a.active{filter:brightness(1.12) drop-shadow(0 0 5px #d6af6230)!important}
.surface-ocean-canvas{opacity:1}
@media(max-width:1300px){
 .site-header .nav{background:transparent!important;border:0!important;box-shadow:none!important;backdrop-filter:none!important}
}