/* A quiet, legible navigation layer. Brand and film supply the atmosphere. */
.top{gap:28px;background:#070a08}
.top #nav.site-nav{display:flex;align-items:center;gap:8px;margin-left:auto;background:transparent;position:static;border:0;padding:0;box-shadow:none;overflow:visible;font-family:Arial,Helvetica,sans-serif;text-transform:none;letter-spacing:0}
.nav-group{position:relative}
.nav-disclosure{display:flex;align-items:center;gap:12px;min-height:48px;padding:12px 16px;border:1px solid transparent;border-radius:4px;background:transparent;color:#eeeee7;font-size:15px;font-weight:400;line-height:1.3}
.nav-disclosure:hover,.nav-disclosure[aria-expanded="true"]{background:#20211f;border-color:#43463f}
.nav-disclosure.is-current>span{box-shadow:0 2px 0 -1px var(--orange)}
.nav-chevron{display:block;width:6px;height:6px;border-right:1px solid currentColor;border-bottom:1px solid currentColor;transform:rotate(45deg);margin-top:-3px;transition:transform .18s}
.nav-disclosure[aria-expanded="true"] .nav-chevron{transform:rotate(225deg);margin-top:3px}
.top #nav .nav-panel{position:absolute;top:calc(100% + 10px);right:0;width:340px;padding:12px;border:1px solid #41423d;border-radius:4px;background:#121411;box-shadow:0 18px 50px #0008;color:#eeeee7;z-index:60;animation:nav-in .16s ease-out}
.nav-panel-heading{padding:12px 12px 18px;margin-bottom:5px;border-bottom:1px solid #373a33}
.nav-panel-heading>span{font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:#f47a3c}
.nav-panel-heading p{font-size:14px;line-height:1.5;margin:8px 0 0;color:#bfc3b9}
.top #nav .nav-panel a{display:flex;flex-direction:column;align-items:flex-start;gap:5px;min-height:70px;padding:14px 12px;border:0;border-radius:3px;white-space:normal;line-height:1.35;transition:background .15s}
.top #nav .nav-panel a strong{font-size:18px;font-weight:700;color:#f3f1e7;letter-spacing:-.02em}
.top #nav .nav-panel a>span{font-size:13px;font-weight:400;color:#bfc3b9;line-height:1.45}
.top #nav .nav-panel a:hover,.top #nav .nav-panel a:focus-visible{background:#2a2e25;color:#fff}
.top #nav .nav-panel a.active{background:#262b22;box-shadow:inset 2px 0 var(--orange)}
.top #nav .nav-panel a.active:after{display:none}
.top .nav-cta{display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;text-transform:none;letter-spacing:0;flex-shrink:0;font-size:14px}
.race-action,.btn,.nav-cta{border-radius:3px;min-height:48px;padding:13px 22px;font-size:14px;line-height:1.4;letter-spacing:0;font-weight:700;transition:background .18s,border-color .18s,box-shadow .18s;box-shadow:none}
.race-action:not(.race-action-secondary),.btn:not(.light),.nav-cta{background:#f47536;color:#10140e;border-color:#f47536}
.race-action:not(.race-action-secondary):hover,.btn:not(.light):hover,.nav-cta:hover{background:#ff925c;color:#10140e;border-color:#ff925c}
.race-action-secondary,.btn.light{background:#131811;border-color:#70786b;color:#f2f1e7}
.race-action-secondary:hover,.btn.light:hover{background:#2a3025;border-color:#b7bdaf;color:#fff}
.race-action:before,.race-action:after,.btn:before,.btn:after,.nav-cta:before,.nav-cta:after{opacity:.4;width:4px;height:4px}
.textlink{font-size:14px;line-height:1.45;min-height:44px;display:inline-flex;align-items:center;text-underline-offset:4px}
.chip{min-height:44px;font-size:14px;border-radius:3px;padding:10px 16px}
.top .mobile-toggle{align-items:center;justify-content:center;gap:12px;min-height:44px;padding:10px 12px;font:14px/1.3 Arial,Helvetica,sans-serif;border:1px solid #646b5e;border-radius:3px;background:#151a12;color:#f3f1e7}
.menu-lines{display:block;width:15px;height:8px;border-block:1px solid currentColor;position:relative;transition:transform .18s}
.mobile-toggle[aria-expanded="true"] .menu-lines{border-bottom:0;height:1px;transform:rotate(45deg)}
.mobile-toggle[aria-expanded="true"] .menu-lines:after{content:'';position:absolute;width:15px;height:1px;background:currentColor;left:0;top:-1px;transform:rotate(90deg)}
@keyframes nav-in{from{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:741px){.top .mobile-toggle{display:none}}
@media(max-width:900px) and (min-width:741px){.top{gap:12px}.nav-disclosure{padding-inline:10px;font-size:14px}.top .nav-cta{padding-inline:14px;font-size:13px}}
@media(max-width:740px){
 .top{flex-wrap:nowrap;gap:16px}
 .top .mobile-toggle{display:inline-flex;margin-left:auto}
 .top>.nav-cta{display:none}
 .top #nav.site-nav{display:none;position:absolute;left:0;right:0;top:100%;margin:0;align-items:stretch;flex-direction:column;gap:0;padding:10px 12px max(16px,env(safe-area-inset-bottom));max-height:calc(100dvh - 100px);overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;background:#10130e;border:1px solid #41463a;border-radius:0 0 4px 4px;box-shadow:0 18px 40px #0008}
 .top #nav.site-nav.open{display:flex}
 .nav-disclosure{display:none}
 .top #nav .nav-panel{position:static;width:auto;padding:0;border:0;background:transparent;border-radius:0;box-shadow:none;animation:none}
 .nav-panel-heading{padding:14px 10px 8px;margin:0;border:0}
 .nav-panel-heading p{display:none}
 .top #nav .nav-panel a{padding:11px 10px;min-height:62px;gap:3px}
 .top #nav .nav-panel a strong{font-size:17px}
 .top #nav .nav-panel a>span{font-size:13px}
 .nav-group+.nav-group{margin-top:8px;padding-top:4px;border-top:1px solid #343a2e}
 .race-action,.btn{padding:13px 18px;min-height:48px}
}
@media(prefers-reduced-motion:reduce){.top #nav .nav-panel{animation:none}.nav-chevron,.menu-lines{transition:none}}