/* Light theme overrides ---------------------------------------------------- */
:root{
  --paper:#f7f6f2;
  --paper-soft:#efede7;
  --ink:#111412;
  --ink-muted:#616763;
  --ivory:#111412;
  --night:#f7f6f2;
  --night-soft:#f1efe9;
  --line:rgba(17,20,18,.16);
  --tech-line:rgba(17,20,18,.16);
  --tech-muted:#686e6a;
}

html,body{color:var(--ink);background:var(--paper)}
::selection{color:#fff;background:var(--red)}

.loader{color:var(--ink);background:var(--paper)}
.loader-grid,.flight-grid,.system-grid{
  background-image:linear-gradient(rgba(17,20,18,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(17,20,18,.05) 1px,transparent 1px)
}
.loader-kicker{color:#666c68}
.loader-line{background:#d8d5ce}

.site-frame{border-color:rgba(17,20,18,.2);mix-blend-mode:normal}
.frame-corner{border-color:var(--ink)}
.topbar{color:var(--ink);border-color:rgba(17,20,18,.07)}
.topbar.scrolled{background:rgba(247,246,242,.96);border-color:rgba(17,20,18,.16)}
.main-nav a{color:#464b48}
.nav-contact{color:var(--ink);border-color:rgba(17,20,18,.28);background:rgba(255,255,255,.62)}
.nav-contact:hover{color:var(--ink);border-color:rgba(197,31,31,.62);background:rgba(197,31,31,.08)}
.theme-toggle{color:var(--ink);border-color:rgba(17,20,18,.28);background:rgba(255,255,255,.62)}
.theme-toggle-track{border-color:rgba(17,20,18,.3)}
.menu-button{border-color:rgba(17,20,18,.34)}
.menu-button span{background:var(--ink)}
.menu-overlay{color:var(--ink);background:var(--paper)}
.menu-overlay nav a{border-color:rgba(17,20,18,.14)}
.menu-ghost{-webkit-text-stroke-color:rgba(17,20,18,.07)}
.menu-email{color:#5f6561}

.flight{background:var(--paper)}
.flight-stage{color:var(--ink);background:var(--paper)}
.flight-stage::before{
  background:
    radial-gradient(circle at 28% 22%,rgba(197,31,31,calc(.055 + var(--hero-p)*.13)),transparent 31%),
    radial-gradient(circle at 76% 73%,rgba(242,43,34,.055),transparent 28%),
    linear-gradient(135deg,#f7f6f2,#f2efea 58%,#f7f6f2)
}
#flightCanvas{opacity:.88;filter:none;mix-blend-mode:normal}
.flight-grid{opacity:.32}
.flight-vignette{box-shadow:inset 0 0 150px rgba(69,43,38,.07)}
.radar{border-color:rgba(17,20,18,.12)}
.radar::before,.radar::after{background:rgba(17,20,18,.09)}
.radar span{border-color:rgba(17,20,18,.12)}
.hero-orbit{border-color:rgba(17,20,18,.1)}
.hero-protocol{color:#272c29}
.hero-protocol span:last-child,.hero-sequence,.hud{color:#686e6a}
.word-main{color:#171a18}
.word-the{color:#5f6561}
.hero-word{filter:none}
.hud-bottom-right>span{color:var(--ink)}
.hero-message{
  border-color:rgba(17,20,18,.16);
  background:linear-gradient(90deg,transparent,rgba(247,246,242,.8) 20%,rgba(247,246,242,.98) 54%)
}
.hero-message::before{color:#686e6a}
.hero-message h1{color:var(--ink)}
.hero-message>p:last-child{color:#555b57}
.hero-reveal-message span{color:#555b57}
.hero-reveal-message strong{color:var(--ink)}
.scroll-command{color:#5c625e}
.scroll-command>div{background:#c9c6bf}
.scroll-command i{background:var(--ink)}
.flight-timeline{color:#676d69}
.flight-timeline::before{background:#c8c5be}
.flight-timeline span{background:var(--red-hot)}

.section-coordinate{color:#666c68}
.section-coordinate i{background:rgba(17,20,18,.2)}
.vision{
  color:var(--ink);
  background:
    radial-gradient(circle at 12% 70%,rgba(197,31,31,.1),transparent 30%),
    radial-gradient(circle at 78% 16%,rgba(17,20,18,.035),transparent 26%),
    var(--paper)
}
.vision::after{border-color:rgba(17,20,18,.14)}
.vision-number{-webkit-text-stroke-color:rgba(17,20,18,.075)}
.vision h2{color:var(--ink)}
.vision-copy p{color:#5c625e}
.vision-copy .vision-lead{color:#222724}
.vision-eye{border-color:rgba(17,20,18,.18);background:#191c1a}
.micro-list span{color:#343936;border-color:rgba(17,20,18,.24);background:rgba(255,255,255,.35)}

.system{background:var(--paper-soft)}
.system-stage{
  color:var(--ink);
  background:
    radial-gradient(circle at 22% 56%,rgba(197,31,31,.11),transparent 28%),
    radial-gradient(circle at 78% 18%,rgba(17,20,18,.035),transparent 24%),
    var(--paper-soft);
  box-shadow:inset 22px 0 0 -21px rgba(17,20,18,.16),inset -22px 0 0 -21px rgba(17,20,18,.16)
}
.system-topline{color:#666c68}
.system-rail button{color:#777d79;border-bottom-color:rgba(17,20,18,.16)}
.system-rail button.is-active{color:var(--ink)}
.system-number{color:rgba(17,20,18,.045)}
.system-rings,.system-rings i{border-color:rgba(17,20,18,.13)}
.service-scene h2{color:var(--ink)}
.service-scene>div span{color:#414744;border-color:rgba(17,20,18,.22);background:rgba(255,255,255,.42)}
.service-scene small{color:#606662}
.system-progress{background:#d2cfc8}

.velocity-row span{color:#fff}
.velocity-outline span{color:transparent;-webkit-text-stroke-color:rgba(255,255,255,.88)}

.method,.method-stage{color:var(--ink);background:var(--paper)}
.method-stage{box-shadow:inset 22px 0 0 -21px rgba(17,20,18,.16),inset -22px 0 0 -21px rgba(17,20,18,.16)}
.method-header{color:#666c68;border-color:rgba(17,20,18,.22)}
.method-intro h2{color:var(--ink)}
.method-intro>span{color:#656b67}
.method-card{color:var(--ink);background:#fff;border-color:rgba(17,20,18,.15)}
.method-card:nth-child(3){background:#f0eee8}
.method-card:nth-child(4){color:var(--ink);background:#e7e4dc}
.method-card:nth-child(4) .method-card-top{color:#626864}
.method-card:nth-child(4)>p{color:#575d59}
.method-card:nth-child(5){color:#fff;background:#be211d;border-color:#d83831}
.method-card:nth-child(5) .method-card-top{color:#ffd1cd}
.method-card>p{color:#606662}
.method-card:nth-child(5)>p{color:#ffe0dd}
.method-end{color:var(--ink);background:#fff;border-color:rgba(17,20,18,.15)}
.method-end h3{color:var(--ink)}
.method-end a{color:#fff}

.identity-film{background:var(--paper-soft)}
.identity-stage{
  color:var(--ink);
  background:
    radial-gradient(circle at 76% 48%,rgba(197,31,31,.13),transparent 29%),
    radial-gradient(circle at 23% 60%,rgba(17,20,18,.035),transparent 22%),
    linear-gradient(135deg,#f7f6f2,#efebe6 60%,#f7f6f2);
  box-shadow:inset 22px 0 0 -21px rgba(17,20,18,.16),inset -22px 0 0 -21px rgba(17,20,18,.16)
}
.identity-copy h2{color:var(--ink)}
.identity-copy p{color:#5f6561}
.identity-mark{border-color:rgba(17,20,18,.16)}
.identity-ring{border-color:rgba(17,20,18,.16)}
.identity-mark>span{color:#606662}

.finale{
  color:var(--ink);
  background:
    radial-gradient(circle at 20% 52%,rgba(197,31,31,.1),transparent 29%),
    linear-gradient(125deg,#f7f6f2,#efebe6 75%,#f7f6f2)
}
.finale::before{background:linear-gradient(120deg,transparent 46%,rgba(197,31,31,.055))}
.finale-top,.finale-bottom{color:#666c68;border-color:rgba(17,20,18,.22)}
.finale-copy h2{color:var(--ink)}
.finale-copy p{color:#5b615d}
.finale-orbit{border-color:rgba(17,20,18,.15)}
.finale-orbit i{border-color:rgba(17,20,18,.14)}

.footer{color:#626864;border-top-color:rgba(17,20,18,.16);background:#ece9e2}
.footer a{color:var(--ink)}

@media(max-width:760px){
  .hero-message{background:linear-gradient(180deg,transparent,rgba(247,246,242,.86) 28%,var(--paper) 72%)}
  .vision{background:radial-gradient(circle at 15% 60%,rgba(197,31,31,.09),transparent 32%),var(--paper)}
}
