:root{--nav-h:68px}.nav{z-index:60;position:sticky;top:0}.nav:before,.nav:after{content:"";pointer-events:none;transition:opacity var(--d-base) var(--ease-out);position:absolute;left:0;right:0}.nav:before{z-index:-1;opacity:.78;background:#05141aeb;inset:0}.nav:after{background:var(--line);opacity:0;height:1px;bottom:0}.nav.is-scrolled:before{opacity:1}body:has(#mobile-menu-sheet) .nav:before{opacity:1}.nav.is-scrolled:after{opacity:1}body:has(#mobile-menu-sheet) .nav:after{opacity:1}.nav__inner{min-height:var(--nav-h);align-items:center;gap:28px;display:flex}.brand{flex:none;align-items:center;gap:11px;text-decoration:none;display:inline-flex}.brand img{border-radius:9px}.brand__name{letter-spacing:0;font-size:19px;font-weight:700}.brand__ngaji{color:var(--teal)}.brand__more{color:var(--gold-line)}.nav__links{letter-spacing:.01em;color:var(--ink-on-night);flex:1;align-items:center;gap:20px;margin-left:8px;font-size:14px;font-weight:500;display:flex}.nav__links a{transition:transform var(--d-fast) var(--ease-press);padding:8px 0;text-decoration:none;position:relative}.nav__links a:after{content:"";background:var(--gold-line);transform-origin:0;width:100%;height:1px;transition:transform var(--d-base) var(--ease);position:absolute;bottom:3px;left:0;transform:scaleX(0)}.nav__links a:hover{color:var(--cream)}.nav__links a:hover:after,.nav__links a:focus-visible:after{transform:scaleX(1)}.lang-toggle{background:#f5f0e512;border-radius:999px;gap:2px;padding:3px;display:inline-flex}.lang-toggle a,.lang-toggle button{min-width:38px;min-height:28px;color:var(--ink-on-night-2);letter-spacing:.06em;cursor:pointer;transition:transform var(--d-fast) var(--ease-press);background:0 0;border-radius:999px;justify-content:center;align-items:center;font-size:12px;font-weight:700;text-decoration:none;display:inline-flex}.lang-toggle a:hover,.lang-toggle button:hover{color:var(--cream)}.lang-toggle a.is-active,.lang-toggle button.is-active{color:var(--cream);background:#f5f0e529}.lang-toggle a:active,.lang-toggle button:active,.mobile-menu__trigger:active{transform:scale(.97)}.nav__actions{align-items:center;display:flex}.nav__cta{min-height:40px;color:var(--night);background:var(--cream);isolation:isolate;border-radius:999px;gap:8px;padding:0 20px 0 17px;font-size:14px;font-weight:700;overflow:hidden}.nav__cta:before{content:"";z-index:-1;border-radius:inherit;background:linear-gradient(120deg, var(--gold-soft), var(--gold));opacity:0;transition:opacity var(--d-base) var(--ease-out);position:absolute;inset:0}.nav.is-scrolled .nav__cta:before{opacity:1}.nav.is-scrolled .nav__cta{box-shadow:0 8px 24px #d9a94c38}.nav__roll{white-space:pre;height:1.3em;line-height:1.3;display:inline-flex;overflow:hidden}.nav__ch{transition:transform .32s var(--ease-in-out) calc(var(--i,0) * 24ms);display:inline-block;position:relative}.nav__ch:after{content:attr(data-c);position:absolute;top:100%;left:0}.nav__cta:hover .nav__ch,.nav__cta:focus-visible .nav__ch{transform:translateY(-100%)}@media (prefers-reduced-motion:reduce){.nav__ch{transition:none!important;transform:none!important}}.mobile-menu{display:none}.mobile-menu__trigger{min-width:var(--tap-min);min-height:var(--tap-min);color:var(--cream);cursor:pointer;transition:transform var(--d-fast) var(--ease-press);background:#f5f0e512;border-radius:999px;justify-content:center;align-items:center;display:inline-flex}.mobile-menu__sheet{z-index:80;padding:12px var(--gutter) calc(28px + env(safe-area-inset-bottom));background:var(--night);border-top:1px solid var(--line);animation:menu-in var(--d-base) var(--ease-out) both;flex-direction:column;display:flex;position:fixed;inset:0;overflow-y:auto}.mobile-menu__close{width:var(--tap-min);height:var(--tap-min);border:1px solid var(--line-strong);color:var(--cream);background:var(--night-2);cursor:pointer;border-radius:50%;justify-content:center;align-self:flex-end;align-items:center;margin-bottom:8px;display:inline-flex}.mobile-menu__links{flex-direction:column;display:flex}.mobile-menu__links a{min-height:64px;font-family:var(--font-display);color:var(--cream);border-bottom:1px solid var(--line);animation:menu-in var(--d-base) var(--ease-out) both;animation-delay:calc(40ms + var(--i,0) * var(--stagger-item));align-items:center;font-size:clamp(26px,7.4vw,34px);line-height:1.1;text-decoration:none;display:flex}.mobile-menu__foot{gap:16px;margin-top:auto;padding-top:32px;display:grid}.mobile-menu__foot .lang-toggle{justify-self:start}.mobile-menu__foot .btn{border-radius:999px;width:100%}@keyframes menu-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.mobile-cta{z-index:50;padding:12px 16px calc(12px + env(safe-area-inset-bottom));border-top:1px solid var(--line);transition:transform var(--d-base) var(--ease-out), opacity var(--d-base) var(--ease-out), visibility 0s linear 0s;background:#05141af0;display:none;position:fixed;inset:auto 0 0}.mobile-cta .btn{border-radius:999px;width:100%}.mobile-cta.is-away{opacity:0;visibility:hidden;pointer-events:none;transition:transform var(--d-base) var(--ease-out), opacity var(--d-base) var(--ease-out), visibility 0s linear var(--d-base);transform:translateY(100%)}@media (max-width:1200px){.nav__inner{gap:16px}.nav__links,.nav__lang,.nav__actions{display:none}.mobile-menu{margin-left:0;display:block}.brand{min-height:var(--tap-min)}.lang-toggle a,.lang-toggle button{min-width:var(--tap-min);min-height:var(--tap-min)}}@media (max-width:720px){:root{--nav-h:64px}.brand__name{font-size:18px}.mobile-cta{display:block}}@media (prefers-reduced-transparency:reduce){.nav:before{background:var(--night);opacity:1}.mobile-cta{background:var(--night)}}@media (prefers-reduced-motion:reduce){.mobile-menu__sheet,.mobile-menu__links a{animation:none!important}}.nav__account{flex-shrink:0}@media (max-width:1200px){.nav__account{margin-left:auto}}@media (max-width:480px){.nav__inner{gap:8px}.nav__account .account-trigger{max-width:6rem}}
