/* Nile Active — final production composition layer. */
:root{
  --na-prod-deep:#032417;
  --na-prod-green:#075f36;
  --na-prod-green-bright:#148452;
  --na-prod-cream:#f9ecc7;
  --na-prod-gold:#d8b233;
  --na-prod-red:#d6272c;
  --na-prod-body:Archivo,Arial,Helvetica,sans-serif;
  --na-prod-display:Anton,Impact,"Arial Narrow",sans-serif;
}

/* Shared navigation: one readable system on every page. */
.topbar{
  position:sticky!important;
  top:0;
  z-index:300!important;
  width:100%;
  min-height:76px;
  height:auto!important;
  display:grid!important;
  grid-template-columns:auto minmax(0,1fr) auto;
  align-items:center;
  gap:clamp(18px,2.4vw,38px);
  padding:10px clamp(18px,4vw,58px)!important;
  overflow:visible!important;
}
.topbar .brand{min-width:0;flex:none}
.topbar .brand img{display:block;height:auto!important;width:clamp(106px,8.8vw,142px)!important}
.topbar .nav{
  min-width:0;
  display:flex!important;
  align-items:center;
  justify-content:center;
  gap:clamp(16px,2vw,32px)!important;
  margin:0!important;
  overflow:hidden;
  white-space:nowrap;
  font-family:var(--na-prod-body)!important;
}
.topbar .nav a{
  flex:none;
  font-family:var(--na-prod-body)!important;
  font-size:clamp(11px,.9vw,14px)!important;
  font-style:normal!important;
  font-weight:900!important;
  line-height:1!important;
  letter-spacing:.105em!important;
  text-transform:uppercase;
}
.topbar .nav-actions{display:flex!important;align-items:center;justify-content:flex-end;gap:10px;white-space:nowrap}
.topbar .mobile-nav-menu{display:none!important;position:relative}
.topbar .disclosure-menu{position:relative;isolation:isolate}
.topbar .nb,
.topbar .disclosure-toggle{
  min-height:44px!important;
  height:44px!important;
  padding:0 17px!important;
  border-radius:999px!important;
  font-family:var(--na-prod-body)!important;
  font-size:11px!important;
  font-style:normal!important;
  font-weight:900!important;
  letter-spacing:.1em!important;
  line-height:1!important;
  white-space:nowrap;
}
.topbar .involve-toggle{min-width:168px!important}
.topbar .nb.primary{min-width:108px!important}
.topbar .disclosure-panel{
  position:absolute!important;
  z-index:350!important;
  top:calc(100% + 10px)!important;
  right:0!important;
  left:auto!important;
  width:max-content;
  min-width:280px;
  max-width:min(340px,calc(100vw - 24px));
  display:grid!important;
  gap:3px;
  margin:0!important;
  padding:9px!important;
  border:1px solid rgba(249,236,199,.24)!important;
  border-radius:18px!important;
  background:linear-gradient(145deg,rgba(3,36,23,.97),rgba(8,83,48,.93))!important;
  color:var(--na-prod-cream)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 28px 80px rgba(0,0,0,.36)!important;
  backdrop-filter:blur(22px) saturate(1.12)!important;
  -webkit-backdrop-filter:blur(22px) saturate(1.12)!important;
  opacity:0!important;
  visibility:hidden!important;
  pointer-events:none!important;
  transform:translate3d(0,-7px,0) scale(.985)!important;
  transform-origin:top right;
  transition:opacity .16s ease,transform .16s ease,visibility .16s step-end!important;
}
.topbar .disclosure-menu.is-open>.disclosure-panel{
  opacity:1!important;
  visibility:visible!important;
  pointer-events:auto!important;
  transform:translate3d(0,0,0) scale(1)!important;
  transition:opacity .16s ease,transform .16s ease,visibility 0s!important;
}
.topbar .disclosure-panel a{
  display:flex!important;
  align-items:center;
  min-height:39px;
  padding:0 12px!important;
  border-radius:10px!important;
  color:var(--na-prod-cream)!important;
  font-family:var(--na-prod-body)!important;
  font-size:10px!important;
  font-weight:900!important;
  letter-spacing:.08em!important;
  line-height:1.2!important;
  text-transform:uppercase;
}
.topbar .disclosure-panel a:hover,
.topbar .disclosure-panel a:focus-visible{background:rgba(249,236,199,.12)!important;outline:none}
.topbar .mobile-nav-divider{
  display:block;
  margin:7px 7px 3px;
  padding-top:8px;
  border-top:1px solid rgba(249,236,199,.18);
  color:rgba(249,236,199,.48);
  font:900 8px/1 var(--na-prod-body);
  letter-spacing:.18em;
  text-transform:uppercase;
}

/* Landing hero: movement numbers become light floating signals, not a whole page. */
.v3-display{word-spacing:.12em!important}
.v3-hero{overflow:hidden}
.v3-hero-copy{max-width:760px!important}
.v3-hero-metrics{
  position:absolute;
  z-index:4;
  right:clamp(22px,5vw,72px);
  bottom:clamp(28px,5vw,66px);
  width:min(560px,43vw);
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
}
.v3-hero-metric{
  min-height:92px;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  padding:15px 16px;
  border:1px solid rgba(249,236,199,.25);
  border-radius:18px;
  background:linear-gradient(145deg,rgba(249,236,199,.13),rgba(7,95,54,.16));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.16),0 18px 46px rgba(0,0,0,.2);
  backdrop-filter:blur(18px) saturate(1.15);
  -webkit-backdrop-filter:blur(18px) saturate(1.15);
}
.v3-hero-metric span{color:rgba(249,236,199,.62);font:900 8px/1 var(--na-prod-body);letter-spacing:.17em;text-transform:uppercase}
.v3-hero-metric strong{color:var(--na-prod-cream);font:italic 900 clamp(25px,2.5vw,39px)/.9 var(--na-prod-display);text-transform:uppercase}
.v3-hero-sticker{
  position:absolute;
  z-index:4;
  right:clamp(24px,5vw,76px);
  top:clamp(92px,13vh,145px);
  width:clamp(150px,15vw,218px);
  aspect-ratio:1.18;
  display:grid;
  place-content:center;
  gap:6px;
  padding:20px;
  border:2px solid rgba(216,178,51,.72);
  border-radius:50% 46% 50% 43%;
  background:linear-gradient(145deg,rgba(5,59,34,.9),rgba(7,95,54,.72));
  color:var(--na-prod-cream);
  text-align:center;
  box-shadow:inset 0 0 0 5px rgba(249,236,199,.06),0 24px 60px rgba(0,0,0,.27);
  backdrop-filter:blur(16px);
  transform:rotate(6deg);
}
.v3-hero-sticker small{font:900 7px/1.2 var(--na-prod-body);letter-spacing:.18em;text-transform:uppercase;opacity:.7}
.v3-hero-sticker strong{font:italic 900 clamp(25px,3vw,43px)/.82 var(--na-prod-display);text-transform:uppercase}
.v3-hero-sticker span{font:900 8px/1.2 var(--na-prod-body);letter-spacing:.12em;text-transform:uppercase;color:var(--na-prod-gold)}

/* Full-width atlas: the map is the composition. */
.motion-map-section .v3-wrap{width:100%!important;max-width:none!important;padding-left:clamp(18px,3vw,46px)!important;padding-right:clamp(18px,3vw,46px)!important}
.motion-map-section .v3-head{max-width:980px!important;margin-bottom:24px!important}
.motion-map-section .v3-map-mount{
  padding:0!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
}
#uk-campaign-map .na-atlas{grid-template-columns:minmax(0,1fr)!important;gap:0!important}
#uk-campaign-map .na-atlas__panel{display:none!important}
#uk-campaign-map .na-atlas__stage{width:100%;border-radius:30px!important}
#uk-campaign-map .na-atlas__stage-header{min-height:78px!important;padding:14px 20px!important}
#uk-campaign-map .na-atlas__stage-header>div:first-child{gap:4px!important}
#uk-campaign-map .na-atlas__stage-header strong{font-size:clamp(23px,3vw,42px)!important}
#uk-campaign-map .na-atlas__stage-header small{display:block;color:rgba(249,236,199,.62);font:800 9px/1.35 var(--na-prod-body);letter-spacing:.02em}
#uk-campaign-map .na-atlas__viewport{min-height:clamp(650px,78vh,940px)!important;aspect-ratio:auto!important}
#uk-campaign-map .na-atlas__tooltip{
  min-width:230px!important;
  max-width:min(330px,72vw)!important;
  gap:5px!important;
  padding:13px 15px 14px!important;
  border-color:rgba(216,178,51,.48)!important;
  border-radius:16px!important;
  background:linear-gradient(145deg,rgba(2,31,19,.97),rgba(8,83,48,.94))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 22px 60px rgba(0,0,0,.42)!important;
}
#uk-campaign-map .na-atlas__tooltip strong{font-size:clamp(22px,2.2vw,31px)!important}
#uk-campaign-map .na-atlas__tooltip p{margin:2px 0 0;color:rgba(249,236,199,.79);font:750 10px/1.45 var(--na-prod-body)}
#uk-campaign-map .na-atlas__tooltip small{display:block;padding-top:5px;border-top:1px solid rgba(249,236,199,.15);font-size:7px!important;letter-spacing:.06em;text-transform:uppercase}
#uk-campaign-map .na-atlas__bottom-note{
  min-height:46px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  padding:10px 18px;
  border-top:1px solid rgba(249,236,199,.13);
  background:rgba(2,23,13,.72);
  color:rgba(249,236,199,.58);
  font:800 8px/1.4 var(--na-prod-body);
  letter-spacing:.08em;
  text-transform:uppercase;
}
#uk-campaign-map .na-atlas__bottom-note b{color:var(--na-prod-gold);font-weight:900}

/* Luxury movement ticket: signature green body, gold document work, red timer stub. */
.race-day-ticket.race-day-ticket--airline,
.race-day-ticket{
  border-color:rgba(216,178,51,.58)!important;
  background:var(--na-prod-deep)!important;
  box-shadow:0 35px 110px rgba(0,0,0,.5),0 0 0 1px rgba(216,178,51,.14),inset 0 1px 0 rgba(255,255,255,.12)!important;
}
.race-day-ticket-strip{
  background:linear-gradient(100deg,#032417 0%,#075f36 64%,#0b7243 100%)!important;
  border-bottom:1px solid rgba(216,178,51,.52)!important;
}
.race-day-ticket-brand-line{background:linear-gradient(180deg,transparent,var(--na-prod-gold),transparent)!important}
.race-day-ticket-utilities{color:var(--na-prod-cream)!important}
.race-day-ticket-utilities small{color:rgba(216,178,51,.75)!important}
.race-day-ticket-main{
  background:
    linear-gradient(115deg,rgba(216,178,51,.07),transparent 32%),
    radial-gradient(circle at 78% 15%,rgba(30,132,82,.26),transparent 36%),
    repeating-linear-gradient(125deg,transparent 0 27px,rgba(216,178,51,.035) 27px 28px,transparent 28px 58px),
    linear-gradient(145deg,#032417,#06452b 70%,#075f36)!important;
  color:var(--na-prod-cream)!important;
}
.race-day-ticket-main::before{background:repeating-linear-gradient(180deg,var(--na-prod-gold) 0 3px,transparent 3px 6px,var(--na-prod-cream) 6px 8px,transparent 8px 12px)!important;opacity:.72!important}
.race-day-ticket-main::after{color:rgba(216,178,51,.13)!important}
.race-day-dialog h2{color:var(--na-prod-cream)!important;text-shadow:0 3px 0 rgba(0,0,0,.18)!important}
.race-day-kicker,.race-day-ticket-sequence{color:rgba(216,178,51,.86)!important}
.race-day-flight-line{color:var(--na-prod-gold)!important}
.race-day-flight-line::before,.race-day-flight-line::after{background:repeating-linear-gradient(90deg,rgba(216,178,51,.58) 0 4px,transparent 4px 8px)!important}
.race-day-ticket-date,.race-day-ticket-campaign,
.race-day-ticket-details div,
.race-day-signup-field{
  border:1px solid rgba(216,178,51,.22)!important;
  background:rgba(249,236,199,.07)!important;
  color:var(--na-prod-cream)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06)!important;
}
.race-day-ticket-race span,.race-day-ticket-details dt,.race-day-signup-label{color:rgba(216,178,51,.72)!important}
.race-day-ticket-race strong,.race-day-ticket-details dd{color:var(--na-prod-cream)!important}
.race-day-description,.race-day-beta-note{color:rgba(249,236,199,.66)!important}
.race-day-signup input{color:var(--na-prod-cream)!important}
.race-day-signup input::placeholder{color:rgba(249,236,199,.42)!important}
.race-day-links a:first-child,.race-day-signup button{background:var(--na-prod-gold)!important;color:var(--na-prod-deep)!important;border-color:var(--na-prod-gold)!important}
.race-day-links a:last-child{background:rgba(249,236,199,.08)!important;color:var(--na-prod-cream)!important;border-color:rgba(216,178,51,.42)!important}
.race-day-ticket-stub{border-left:1px solid rgba(216,178,51,.38)!important}
.race-day-ticket-stub-head{border-bottom-color:rgba(216,178,51,.62)!important}
.race-day-unit{border-color:rgba(216,178,51,.5)!important;background:linear-gradient(180deg,rgba(255,248,221,.18),rgba(84,0,5,.18))!important}
.race-day-unit strong{color:#fff7d8!important}
.race-day-ticket-code,.race-day-barcode{filter:drop-shadow(0 4px 12px rgba(60,0,4,.24))}

/* Store: replace filler concept grids with one confident teaser. */
body:has(main[data-testid="store-page"]) section[data-testid="coming-soon"],
body:has(main[data-testid="store-page"]) section[data-testid="merch-ideas"]{display:none!important}
.store-next-drop{
  margin:26px 54px 14px;
  padding:clamp(30px,5vw,62px);
  overflow:hidden;
  border:1px solid rgba(216,178,51,.42);
  border-radius:24px;
  background:
    radial-gradient(circle at 86% 10%,rgba(216,178,51,.2),transparent 34%),
    repeating-linear-gradient(125deg,transparent 0 31px,rgba(249,236,199,.035) 31px 32px,transparent 32px 66px),
    linear-gradient(145deg,#032417,#075f36 62%,#0c7546);
  color:var(--na-prod-cream);
  box-shadow:0 30px 90px rgba(5,59,34,.24),inset 0 1px 0 rgba(255,255,255,.09);
}
.store-next-drop__grid{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:30px;align-items:end}
.store-next-drop__kicker{margin:0;color:var(--na-prod-gold);font:900 9px/1 var(--na-prod-body);letter-spacing:.24em;text-transform:uppercase}
.store-next-drop h2{max-width:900px;margin:10px 0 0;color:var(--na-prod-cream);font:italic 900 clamp(48px,7vw,98px)/.86 var(--na-prod-display);text-transform:uppercase}
.store-next-drop p{max-width:760px;margin:16px 0 0;color:rgba(249,236,199,.76);font:750 15px/1.55 var(--na-prod-body)}
.store-next-drop__tags{display:flex;flex-wrap:wrap;gap:7px;margin-top:22px}
.store-next-drop__tags span{display:inline-flex;align-items:center;min-height:30px;padding:0 10px;border:1px solid rgba(216,178,51,.3);border-radius:999px;background:rgba(249,236,199,.055);color:rgba(249,236,199,.78);font:900 8px/1 var(--na-prod-body);letter-spacing:.12em;text-transform:uppercase}
.store-next-drop__seal{width:150px;aspect-ratio:1;display:grid;place-content:center;padding:18px;border:2px solid var(--na-prod-gold);border-radius:50%;color:var(--na-prod-gold);font:italic 900 25px/.88 var(--na-prod-display);text-align:center;text-transform:uppercase;transform:rotate(7deg);box-shadow:inset 0 0 0 5px rgba(216,178,51,.08)}

@media(max-width:1180px){
  .topbar{grid-template-columns:auto minmax(0,1fr) auto}
  .topbar .nav{display:none!important}
  .topbar .mobile-nav-menu{display:block!important;justify-self:end}
  .topbar .nav-actions{grid-column:3}
  .v3-hero-metrics{width:min(620px,58vw)}
}
@media(max-width:820px){
  .topbar{min-height:70px;padding:9px 16px!important;gap:8px}
  .topbar .brand img{width:98px!important}
  .topbar .nav-actions{gap:7px}
  .topbar .involve-toggle{min-width:132px!important}
  .topbar .nb.primary{min-width:86px!important}
  .topbar .nb,.topbar .disclosure-toggle{height:40px!important;min-height:40px!important;padding:0 12px!important;font-size:9px!important}
  .v3-hero{align-items:start!important;padding-bottom:210px!important}
  .v3-hero-sticker{top:auto;right:18px;bottom:112px;width:130px;padding:14px}
  .v3-hero-metrics{right:18px;bottom:22px;left:18px;width:auto;grid-template-columns:repeat(3,1fr)}
  .v3-hero-metric{min-height:76px;padding:11px;border-radius:14px}
  #uk-campaign-map .na-atlas__viewport{min-height:610px!important}
  #uk-campaign-map .na-atlas__bottom-note{align-items:flex-start;flex-direction:column;gap:3px}
  .store-next-drop{margin:18px 22px 10px;padding:28px 22px}
  .store-next-drop__grid{grid-template-columns:1fr}
  .store-next-drop__seal{width:120px;justify-self:end}
}
@media(max-width:590px){
  .topbar .involve-menu{display:none!important}
  .topbar .disclosure-panel{right:-94px!important;min-width:min(310px,calc(100vw - 22px))}
  .v3-display{word-spacing:.08em!important}
  .v3-hero{padding-bottom:285px!important}
  .v3-hero-sticker{bottom:174px}
  .v3-hero-metrics{grid-template-columns:1fr;gap:6px}
  .v3-hero-metric{min-height:56px;flex-direction:row;align-items:center}
  .v3-hero-metric strong{font-size:25px}
  #uk-campaign-map .na-atlas__stage-header{align-items:flex-start!important;flex-direction:column!important}
  #uk-campaign-map .na-atlas__legend{justify-content:flex-start!important}
  #uk-campaign-map .na-atlas__viewport{min-height:560px!important}
  #uk-campaign-map .na-atlas__tooltip{min-width:195px!important}
}
@media(prefers-reduced-motion:reduce){
  .topbar .disclosure-panel{transition:none!important}
  .v3-hero-sticker{transform:none}
}
