/* ============================================================
   SCROLL-SCRUB — Jet flight hero (Skyline aviation edition)
   ============================================================ */
.scroll-scrub{
  --ss-progress:0;
  --ss-bg:#06101c;
  --ss-ink:#F4F6F5;
  --ss-muted:rgba(244,246,245,.78);
  --ss-accent:var(--radar);
  --ss-signal:var(--signal);
  position:relative;
  isolation:isolate;
  color:var(--ss-ink);
  background:var(--ss-bg);
  margin-top:-76px;
}

.scroll-scrub__stage{
  position:sticky; top:0; z-index:0;
  width:100%; height:100dvh; overflow:hidden; background:var(--ss-bg);
}

.scroll-scrub__media,
.scroll-scrub__poster,
.scroll-scrub__video{
  position:absolute; inset:0; width:100%; height:100%;
}

.scroll-scrub__media{z-index:0}
.scroll-scrub__poster,
.scroll-scrub__video{
  display:block; object-fit:cover; object-position:center 42%;
}
.scroll-scrub__poster{z-index:0}
.scroll-scrub__video{z-index:1; opacity:0; transition:opacity .4s ease}
.scroll-scrub.is-ready .scroll-scrub__video{opacity:1}
.scroll-scrub.is-ready .scroll-scrub__poster{visibility:hidden}

.scroll-scrub__veil{
  position:absolute; inset:0; z-index:2; pointer-events:none;
  background:
    radial-gradient(ellipse 75% 55% at 55% 40%, transparent 0%, rgba(6,16,28,.18) 45%, rgba(6,16,28,.72) 100%),
    linear-gradient(180deg, rgba(6,16,28,.62) 0%, transparent 26%, transparent 55%, rgba(6,16,28,.9) 100%),
    linear-gradient(90deg, rgba(6,16,28,.55) 0%, transparent 38%, transparent 62%, rgba(6,16,28,.35) 100%);
}

.scroll-scrub__progress{
  position:absolute; z-index:5; top:0; right:0; left:0; height:2px;
  background:rgba(244,246,245,.12); pointer-events:none;
}
.scroll-scrub__progress span{
  display:block; width:100%; height:100%;
  background:linear-gradient(90deg, var(--ss-accent), var(--ss-signal));
  transform:scaleX(var(--ss-progress)); transform-origin:left center;
}

.scroll-scrub__chrome{
  position:absolute; z-index:6; inset:0; pointer-events:none;
  display:flex; flex-direction:column; justify-content:space-between;
  padding:calc(76px + 1.25rem) clamp(1.25rem, 5vw, 3.5rem) 1.5rem;
}
.scroll-scrub__eyebrow{
  font-family:var(--font-mono); font-size:.72rem; letter-spacing:.16em;
  color:var(--ss-accent); margin:0; text-transform:uppercase;
}
.scroll-scrub__hint{
  align-self:center; display:flex; flex-direction:column; align-items:center; gap:8px;
  font-family:var(--font-mono); font-size:.68rem; letter-spacing:.18em;
  color:rgba(244,246,245,.55); text-transform:uppercase;
  animation:ssHint 2.4s ease-in-out infinite;
}
.scroll-scrub__hint-line{
  width:1px; height:42px;
  background:linear-gradient(180deg, var(--ss-accent), transparent);
}
@keyframes ssHint{
  0%,100%{opacity:.45; transform:translateY(0)}
  50%{opacity:1; transform:translateY(6px)}
}

.scroll-scrub__story{position:relative; z-index:3; margin-top:-100dvh; pointer-events:none}
.scroll-scrub__chapter{position:relative; height:135dvh}
.scroll-scrub__chapter-pin{
  position:sticky; top:0; display:flex; align-items:flex-end; min-height:100dvh;
  padding:calc(76px + 2rem) clamp(1.25rem, 6vw, 5rem) clamp(3rem, 8vw, 5.5rem);
  pointer-events:none;
}
.scroll-scrub__chapter-card{
  max-width:min(40rem, 92vw); pointer-events:auto;
  padding:1.35rem 1.45rem 1.5rem;
  border:1px solid rgba(244,246,245,.14);
  border-radius:14px;
  background:rgba(6,16,28,.42);
  backdrop-filter:blur(16px) saturate(1.15);
  box-shadow:0 24px 60px rgba(0,0,0,.35);
  opacity:0; transform:translateY(28px);
  transition:opacity .55s cubic-bezier(.2,.8,.3,1), transform .55s cubic-bezier(.2,.8,.3,1);
}
.scroll-scrub__chapter.is-active .scroll-scrub__chapter-card{opacity:1; transform:translateY(0)}
.scroll-scrub__chapter[data-align="right"] .scroll-scrub__chapter-pin{justify-content:flex-end; text-align:right}
.scroll-scrub__chapter[data-align="right"] .scroll-scrub__chapter-card{margin-left:auto}

.scroll-scrub__kicker{
  font-family:var(--font-mono); font-size:.72rem; letter-spacing:.14em;
  color:var(--ss-accent); margin:0 0 12px; text-transform:uppercase;
}
.scroll-scrub__chapter h2{
  font-family:var(--font-display);
  font-size:clamp(2.15rem, 5.2vw, 3.7rem);
  line-height:1.04; letter-spacing:-.02em; color:var(--ss-ink); margin:0 0 .5em; text-wrap:balance;
}
.scroll-scrub__chapter p{
  color:var(--ss-muted); font-size:clamp(1.02rem, 1.6vw, 1.16rem);
  max-width:44ch; margin:0 0 1.1em; line-height:1.55;
}
.scroll-scrub__supporting-line{
  font-family:var(--font-mono);
  font-size:.72rem;
  letter-spacing:.06em;
  text-transform:uppercase;
  color:rgba(244,246,245,.64);
  margin-top:-.2em;
}
.scroll-scrub__chapter[data-align="right"] p{margin-left:auto}
.scroll-scrub__tags{display:flex; flex-wrap:wrap; gap:8px; margin:0 0 1.2em; padding:0; list-style:none}
.scroll-scrub__chapter[data-align="right"] .scroll-scrub__tags{justify-content:flex-end}
.scroll-scrub__tags li{
  font-family:var(--font-mono); font-size:.66rem; letter-spacing:.1em; text-transform:uppercase;
  color:rgba(244,246,245,.82); border:1px solid rgba(244,246,245,.18); border-radius:999px;
  padding:7px 12px; background:rgba(6,16,28,.4);
}

.scroll-scrub .btn-ghost{color:var(--ss-ink); border-color:rgba(244,246,245,.35)}
.scroll-scrub .btn-ghost:hover{background:rgba(244,246,245,.08)}

.site-header.is-over-scrub{
  background:rgba(6,16,28,.55); border-bottom-color:rgba(244,246,245,.08); backdrop-filter:blur(14px);
}
.site-header.is-over-scrub .brand,
.site-header.is-over-scrub .brand-word{color:#F4F6F5}
.site-header.is-over-scrub .brand-word-sub{color:rgba(244,246,245,.55)}
.site-header.is-over-scrub .brand-mark{color:var(--radar)}
.site-header.is-over-scrub .main-nav a,
.site-header.is-over-scrub .nav-more-btn{color:rgba(244,246,245,.78)}
.site-header.is-over-scrub .main-nav a:hover,
.site-header.is-over-scrub .nav-more-btn:hover{color:#fff}
.site-header.is-over-scrub .nav-more-menu{
  background:#fff;
  border-color:var(--line);
  box-shadow:0 16px 36px rgba(14,31,46,.22);
}
.site-header.is-over-scrub .nav-more-menu a{color:var(--ink) !important}
.site-header.is-over-scrub .nav-more-menu a:hover{
  background:var(--paper-2);
  color:var(--navy) !important;
}
.site-header.is-over-scrub .btn-nav-roadmap{
  color:#F4F6F5; border-color:rgba(143,217,210,.55);
}
.site-header.is-over-scrub .btn-nav-roadmap:hover{
  background:rgba(47,167,160,.18); color:#fff; border-color:#8FD9D2;
}
.site-header.is-over-scrub .nav-toggle span{background:#F4F6F5}

/* Sortie plan — engagement flight path */
.sortie-section{
  position:relative; overflow:hidden;
  background:
    radial-gradient(ellipse 70% 55% at 85% 40%, rgba(47,167,160,.14), transparent 55%),
    linear-gradient(180deg, #0A1624 0%, #0C1A2A 60%, #101F30 100%);
  color:#F4F6F5; padding:88px 0 72px;
}
.sortie-atmosphere{
  position:absolute; inset:0; pointer-events:none; z-index:0;
}
.sortie-atmosphere img{
  position:absolute; right:-6%; top:50%; transform:translateY(-48%);
  width:min(52vw, 620px); max-width:none; opacity:.18;
  mask-image:linear-gradient(90deg, transparent 0%, #000 28%, #000 72%, transparent 100%);
  -webkit-mask-image:linear-gradient(90deg, transparent 0%, #000 28%, #000 72%, transparent 100%);
  filter:saturate(.85) contrast(1.05);
}
.sortie-inner{position:relative; z-index:1}
.sortie-section .eyebrow{color:#8FD9D2}
.sortie-section h2{color:#F4F6F5; max-width:22ch}
.sortie-section .section-lede{color:rgba(244,246,245,.72); max-width:58ch}

.sortie-path{
  list-style:none; margin:48px 0 0; padding:0;
  display:grid; grid-template-columns:repeat(5, 1fr); gap:18px;
  position:relative;
}
.sortie-path::before{
  content:""; position:absolute; top:22px; left:6%; right:6%; height:2px; z-index:0;
  background:repeating-linear-gradient(90deg, rgba(143,217,210,.45) 0 8px, transparent 8px 16px);
}
.sortie-path::after{
  content:""; position:absolute; top:18px; left:6%; width:14px; height:10px; z-index:2;
  clip-path:polygon(0 50%, 70% 0, 100% 50%, 70% 100%);
  background:var(--signal);
  box-shadow:0 0 12px 2px rgba(232,163,61,.5);
  animation:sortieFly 11s linear infinite;
}
@keyframes sortieFly{
  0%{left:6%; opacity:0}
  8%{opacity:1}
  92%{opacity:1}
  100%{left:calc(94% - 14px); opacity:0}
}

.sortie-waypoint{
  position:relative; z-index:1;
  display:flex; flex-direction:column; align-items:flex-start;
  padding-top:52px;
}
.sortie-index{
  position:absolute; top:0; left:0;
  width:46px; height:46px; border-radius:50%;
  display:flex; align-items:center; justify-content:center;
  font-size:.78rem; letter-spacing:.06em; font-weight:600;
  color:#0A1624; background:#8FD9D2;
  box-shadow:0 0 0 6px #0C1A2A;
  transition:transform .25s ease, background .25s ease, box-shadow .25s ease;
}
.sortie-waypoint:last-child .sortie-index{
  background:var(--signal); color:#0A1624;
}
.sortie-waypoint:hover .sortie-index{
  transform:scale(1.08);
  box-shadow:0 0 0 6px #0C1A2A, 0 0 18px rgba(143,217,210,.35);
}
.sortie-copy h3{
  font-size:1.05rem; margin:0 0 8px; color:#F4F6F5;
}
.sortie-copy p{
  margin:0; font-size:.9rem; line-height:1.55;
  color:rgba(244,246,245,.68); max-width:28ch;
}

.sortie-footer-row{
  display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between;
  gap:18px; margin-top:48px; padding-top:28px;
  border-top:1px solid rgba(244,246,245,.12);
}
.sortie-readout{
  display:flex; flex-wrap:wrap; gap:10px 18px; margin:0;
  font-size:.72rem; letter-spacing:.14em; text-transform:uppercase;
  color:rgba(244,246,245,.55);
}
.sortie-readout span{position:relative; padding-right:18px}
.sortie-readout span:not(:last-child)::after{
  content:""; position:absolute; right:0; top:50%; transform:translateY(-50%);
  width:4px; height:4px; border-radius:50%; background:rgba(143,217,210,.55);
}
.sortie-section .sortie-cta{color:#F4F6F5; border-color:rgba(244,246,245,.28)}
.sortie-section .sortie-cta:hover{border-color:#8FD9D2; color:#8FD9D2}

@media (max-width:960px){
  .sortie-path{grid-template-columns:1fr; gap:0}
  .sortie-path::before, .sortie-path::after{display:none}
  .sortie-atmosphere img{opacity:.1; width:min(90vw, 480px); right:-20%}
  .sortie-waypoint{
    flex-direction:row; gap:18px; align-items:flex-start;
    padding:22px 0; border-top:1px solid rgba(244,246,245,.1);
  }
  .sortie-waypoint:last-child{border-bottom:1px solid rgba(244,246,245,.1)}
  .sortie-index{position:static; flex:0 0 auto}
  .sortie-copy p{max-width:60ch}
}

@media (max-width:720px){
  .scroll-scrub__chapter{height:120dvh}
  .scroll-scrub__chapter h2{font-size:clamp(1.85rem, 8vw, 2.5rem)}
}

@media (prefers-reduced-motion: reduce){
  .scroll-scrub__hint{animation:none}
  .scroll-scrub__chapter-card{opacity:1; transform:none; transition:none}
  .scroll-scrub__video{display:none !important}
  .scroll-scrub__poster{visibility:visible !important}
  .sortie-path::after{animation:none; left:50%; opacity:.7}
}