#header{position:fixed;inset:0 0 auto 0;z-index:900;display:flex;align-items:center;justify-content:space-between;padding:26px 60px;transition:background .35s,padding .35s,box-shadow .35s,color .35s}#header.scrolled{background:var(--yellow);padding:16px 60px;box-shadow:0 1px 0 rgba(24,22,20,.12)}#header.on-dark .logo,#header.on-dark nav a{color:#fff}#header.on-dark .burger span{background:#fff}#header.scrolled .logo,#header.scrolled nav a{color:var(--black)}#header.scrolled .burger span{background:var(--black)}nav a:hover,nav a.active{color:var(--orange)}#header.on-dark nav a:hover{color:var(--yellow)}#header.scrolled nav a:hover{color:var(--orange)}#header.hero-mode{background:transparent;padding:0 60px;height:64px}#header.hero-mode .logo{color:#fff}#header.hero-mode nav a{color:rgba(255,255,255,.85)}#header.hero-mode .burger span{background:#fff}#header.hero-mode.scrolled{background:rgba(253,249,237,.92);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 1px 0 var(--line);padding:0 60px;height:64px}#header.hero-mode.scrolled .logo{color:var(--black)}#header.hero-mode.scrolled nav a{color:var(--black)}#header.hero-mode.scrolled .burger span{background:var(--black)}#header.hero-mode.scrolled nav a:hover{color:var(--orange)}#header.hero-mode .nav-lock{color:rgba(255,255,255,.5)}#header.hero-mode.scrolled .nav-lock{color:rgba(24,22,20,.3)}.logo{font-family:var(--g);font-size:.8rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--black)}nav{display:flex;align-items:center;gap:44px;list-style:none}nav a{font-family:var(--g);font-size:.72rem;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--black);transition:color .25s}.burger{display:none;flex-direction:column;gap:5px;cursor:pointer;padding:4px;background:none;border:none}.burger span{display:block;width:22px;height:1.5px;background:var(--black);transition:transform .3s,opacity .3s,background .35s}.nav-overlay{display:none;position:fixed;inset:0;background:var(--black);z-index:800;flex-direction:column;align-items:center;justify-content:center;gap:48px}.nav-overlay.open{display:flex}.nav-overlay a{font-family:var(--g);font-size:1.6rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--ivory);transition:color .25s}.nav-overlay a:hover{color:var(--orange)}.nav-overlay a.active{color:var(--orange)}.nav-overlay-sub{font-size:1rem!important;font-weight:400!important;opacity:.5;margin-top:-20px}.social-rail{position:fixed;left:24px;top:50%;transform:translateY(-50%);z-index:600;display:flex;flex-direction:column;align-items:center;gap:16px}.social-rail .rail-line{width:1px;height:56px;background:var(--black);opacity:.18;transition:background .2s,opacity .2s}.social-rail a{width:32px;height:32px;display:flex;align-items:center;justify-content:center;color:var(--black);transition:color .2s}.social-rail a:hover{color:var(--orange)}.social-rail svg{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.social-rail.on-dark .rail-line{background:var(--orange);opacity:.5}.social-rail.on-dark a{color:var(--orange)}.social-rail.on-dark a:hover{color:#fff}.social-rail.on-light .rail-line{background:var(--black);opacity:.18}.social-rail.on-light a{color:var(--black)}.social-rail.on-light a:hover{color:var(--orange)}.nav-item{position:relative;display:flex;align-items:center}.nav-dropdown{position:absolute;top:calc(100% + 16px);left:50%;transform:translateX(-50%) translateY(-6px);background:rgba(253,249,237,.97);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(24,22,20,.1);padding:6px 0;min-width:210px;opacity:0;pointer-events:none;transition:opacity .2s ease,transform .2s ease;box-shadow:0 8px 24px rgba(24,22,20,.1);border-radius:3px}.nav-item:hover .nav-dropdown{opacity:1;pointer-events:all;transform:translateX(-50%) translateY(0)}.nav-dropdown::after{content:"";position:absolute;top:-18px;left:0;right:0;height:18px}.nav-dropdown-tag{display:block;padding:8px 16px 4px;font-family:var(--g);font-size:.55rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:rgba(24,22,20,.35)}.nav-dropdown a{display:block;padding:8px 16px;font-family:var(--g);font-size:.7rem;font-weight:500;letter-spacing:.06em;text-transform:uppercase;color:var(--black)!important;transition:color .2s;white-space:nowrap}.nav-dropdown a:hover{color:var(--orange)!important}.nav-chevron{font-size:.55rem;margin-left:4px;opacity:.5;transition:transform .2s,opacity .2s;pointer-events:none}.nav-item:hover .nav-chevron{transform:rotate(180deg);opacity:1}.nav-lock{cursor:pointer;color:#ec3a00;opacity:.7;transition:opacity .2s,filter .2s;display:flex;align-items:center;flex-shrink:0;background:none;border:none;padding:0 2px}.nav-lock:hover{opacity:1;animation:lockGlow .6s ease-in-out infinite alternate}@keyframes lockGlow{from{filter:drop-shadow(0 0 5px #ec3a00) drop-shadow(0 0 10px rgba(236,58,0,.6))}to{filter:drop-shadow(0 0 10px #ec3a00) drop-shadow(0 0 22px #ff6a00) drop-shadow(0 0 35px rgba(236,58,0,.4))}}.nav-lock svg{width:15px;height:15px;stroke:currentColor;fill:none;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.nav-overlay .nav-lock{color:#ec3a00;opacity:.9;transform:scale(1.4)}#mobile-social-bar{display:none}nav a.active,#header.scrolled nav a.active,.nav-overlay a.active{color:var(--orange)}@media (max-width:900px){#header{padding:14px 36px!important}#header.hero-mode{padding:0 24px!important}nav{display:none}.burger{display:flex}.social-rail{display:none}#mobile-social-bar{display:flex;position:fixed;bottom:0;left:0;right:0;height:52px;background:rgba(253,249,237,.92);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-top:1px solid rgba(24,22,20,.08);align-items:center;justify-content:center;gap:48px;z-index:600}#mobile-social-bar a{width:36px;height:36px;display:flex;align-items:center;justify-content:center;color:var(--black);transition:color .2s}#mobile-social-bar a:hover{color:var(--orange)}#mobile-social-bar svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}}@media (max-width:600px){#header{padding:12px 20px!important}#header.hero-mode{padding:0 16px!important}}
@media (min-width:901px){nav{gap:34px}}@media (max-width:900px){.nav-overlay{justify-content:flex-start;align-items:flex-start;gap:0;padding:96px 28px 84px;overflow-y:auto;-webkit-overflow-scrolling:touch}.nav-overlay a{width:100%;font-size:1.18rem;line-height:1.15;padding:12px 0;letter-spacing:.06em}.nav-overlay-sub{font-size:.86rem!important;margin-top:0;padding:7px 0 7px 18px!important;opacity:.58}.nav-overlay .nav-lock{margin-top:18px;align-self:center}}
