/* Keep the photographic opening unchanged. Animation belongs to the workflows below. */
.mission-experience{position:relative;background:#04080e;isolation:isolate}
.mission-story{position:relative;padding-top:100px;padding-bottom:0}
.mission-story .story-intro{max-width:900px;padding-bottom:75px}
.mission-story .story-intro h2{font-size:clamp(44px,6vw,90px);line-height:.99;letter-spacing:-3px}
.mission-switcher{display:flex;gap:28px;margin-top:32px}
.mission-switcher a{font-size:8px;letter-spacing:1.5px;padding:13px 0;border-bottom:1px solid #3e5c6c;color:#bdd2df}
.mission-switcher a:hover{color:var(--cyan);border-color:var(--cyan)}
.procedure-layout{display:grid;grid-template-columns:1fr 1.1fr;gap:65px;position:relative}
.mission-stages .flight-stage{width:100%;min-height:90svh;padding:80px 0;scroll-margin-top:0}
.mission-stages .flight-stage h3{font-size:clamp(34px,3.7vw,57px);line-height:1.04;letter-spacing:-1.8px}
.mission-stages .flight-stage p{font-size:13px;line-height:1.9;color:#a0b1be;max-width:365px}
.mission-stages .flight-stage .eyebrow{color:var(--cyan);font-size:9px}
.mission-readout{display:flex;flex-wrap:wrap;gap:18px;margin-top:18px;border-block:1px solid #2b4555;padding:18px 0;width:100%;max-width:365px}
.mission-readout span{color:#c0dbe6;font-size:8px;letter-spacing:1.4px}
.mission-stages .flight-stage .mission-footnote{font-size:9px;color:#748c9c;line-height:1.7;margin-top:17px}
.procedure-visual{position:relative}
.procedure-console{position:sticky;top:15vh;border-block:1px solid #355262;padding:20px 0;background:radial-gradient(ellipse at center,#0c243255,transparent 75%)}
.procedure-console-head,.procedure-console-footer{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:7px;letter-spacing:1.2px;color:#87a6b8}
.procedure-badge{border:1px solid #294552;color:var(--cyan);font-size:6px;padding:5px 7px}
.procedure-viewport{height:520px;position:relative;margin-top:25px;overflow:hidden}
.procedure-scene{position:absolute;inset:0;opacity:0;transform:translateY(20px) scale(.97);transition:opacity .7s ease,transform 1s cubic-bezier(.2,.7,.2,1);pointer-events:none}
.mission-experience[data-phase="0"] .procedure-atc,.mission-experience[data-phase="1"] .procedure-jtac,.mission-experience[data-phase="2"] .procedure-carrier{opacity:1;transform:translateY(0) scale(1)}
.procedure-title>span{font-size:7px;letter-spacing:1.7px;color:var(--cyan)}
.procedure-title h4{font-size:23px;font-weight:400;letter-spacing:-.5px;margin:9px 0 5px}
.procedure-scene svg{display:block;width:100%;height:395px;overflow:visible}
.procedure-route{stroke-dasharray:100;stroke-dashoffset:100;filter:drop-shadow(0 0 5px #25d7e744);transition:stroke-dashoffset 2.1s cubic-bezier(.2,.65,.2,1) .25s}
.procedure-arrival{opacity:0;transition:opacity .8s ease 1.6s}
.mission-experience[data-phase="0"] .procedure-atc .procedure-route,.mission-experience[data-phase="2"] .procedure-carrier .procedure-route{stroke-dashoffset:0}
.mission-experience[data-phase="0"] .procedure-atc .procedure-arrival,.mission-experience[data-phase="2"] .procedure-carrier .procedure-arrival{opacity:1}
.procedure-flow{display:flex;align-items:center;justify-content:space-between;border-block:1px solid #203b4b;padding:16px 0;font-size:8px;letter-spacing:1px;color:#bdd6e4}
.procedure-flow i{font-style:normal;color:var(--cyan)}
.procedure-console-footer{border-top:1px solid #203b4b;padding-top:19px;font-size:6px;letter-spacing:.8px}
.procedure-console-footer span:first-child{color:var(--cyan);font-size:7px;letter-spacing:1px}
.nine-line-board{margin:26px 0 23px;border:1px solid #2a4557;padding:18px;background:#07111a}
.nine-line-heading{display:flex;justify-content:space-between;gap:10px;border-bottom:1px solid #2a4557;padding-bottom:15px;font-size:7px;letter-spacing:1.1px;color:var(--cyan)}
.nine-line-heading span:last-child{font-size:6px;color:#6b91a8}
.brief-row{display:flex;align-items:center;gap:18px;padding:10px 0;border-bottom:1px solid #162d3c;font-size:8px;letter-spacing:1.4px;color:#aec7d6;opacity:0;transform:translateY(8px)}
.brief-row:last-child{border:0}
.brief-row b{color:#54869f;font-size:8px;font-weight:400}
.brief-row i{height:1px;width:36px;background:#294c62;margin-left:auto}
.mission-experience[data-phase="1"] .brief-row{animation:brief-in .5s ease both}
.brief-row[data-row="1"]{animation-delay:.08s!important}.brief-row[data-row="2"]{animation-delay:.16s!important}.brief-row[data-row="3"]{animation-delay:.24s!important}.brief-row[data-row="4"]{animation-delay:.32s!important}.brief-row[data-row="5"]{animation-delay:.40s!important}.brief-row[data-row="6"]{animation-delay:.48s!important}.brief-row[data-row="7"]{animation-delay:.56s!important}.brief-row[data-row="8"]{animation-delay:.64s!important}
.mission-summary{border-top:1px solid #294252;display:flex;align-items:center;gap:35px;padding:40px 0 70px;flex-wrap:wrap}
.mission-summary>span{font-size:9px;letter-spacing:1.6px;color:var(--cyan)}
.mission-summary p{margin:0 0 0 auto;font-size:11px;color:#829bac}
.capability-note{font-size:10px;color:var(--muted);margin:35px 0 0;line-height:1.8;max-width:740px}
.mission-stages .flight-stage.will-reveal{transform:none;transition:opacity .7s ease}
.mission-stages .flight-stage.will-reveal.revealed{opacity:.65}
.mission-stages .flight-stage.will-reveal.revealed.active{opacity:1}
@keyframes brief-in{to{opacity:1;transform:translateY(0)}}
@media(max-width:1100px){.procedure-layout{gap:35px}.procedure-viewport{height:460px}.procedure-scene svg{height:335px}.procedure-title h4{font-size:20px}.nine-line-board{padding:15px;margin-top:22px}.brief-row{padding:8px 0;font-size:7px;letter-spacing:1px}.nine-line-heading{font-size:6px;letter-spacing:.6px}.nine-line-heading span:last-child{font-size:5px}.procedure-flow{font-size:7px}.procedure-console-footer{font-size:5px}.procedure-console-footer span:first-child{font-size:6px}}
@media(max-width:700px){.mission-story{padding:70px 7% 0}.mission-story .story-intro{padding-bottom:40px}.mission-story .story-intro h2{font-size:42px;letter-spacing:-2px}.mission-switcher{gap:20px;margin-top:25px}.mission-switcher a{font-size:7px;padding-block:10px}.procedure-layout{display:flex;flex-direction:column-reverse;gap:0}.procedure-visual{position:sticky;top:0;z-index:4;background:#04080ef5;margin-inline:-8.15%;padding-inline:8.15%;border-bottom:1px solid #203b4b;pointer-events:none}.procedure-console{position:static;padding:12px 0;border:0}.procedure-console-head{font-size:6px}.procedure-badge{font-size:5px;padding:3px 5px}.procedure-viewport{height:266px;margin-top:14px}.procedure-title>span{font-size:6px;letter-spacing:1.2px}.procedure-title h4{font-size:17px;margin-top:5px}.procedure-scene svg{height:190px}.procedure-flow{font-size:6px;padding:10px 0}.procedure-console-footer{padding-top:11px;font-size:5px;letter-spacing:.3px}.procedure-console-footer span:first-child{font-size:6px}.nine-line-board{padding:9px 12px;margin:10px 0 9px}.nine-line-heading{font-size:5px;padding-bottom:7px}.nine-line-heading span:last-child{font-size:5px}.brief-row{padding:4px 0;font-size:6px;letter-spacing:1px;gap:14px}.brief-row b{font-size:6px}.brief-row i{width:28px}.mission-stages .flight-stage{min-height:75svh;padding:65px 0;scroll-margin-top:335px}.mission-stages .flight-stage h3{font-size:35px;letter-spacing:-1px}.mission-stages .flight-stage p{font-size:12px}.mission-stages .flight-stage .eyebrow{font-size:8px}.mission-readout{padding:15px 0;gap:16px}.mission-readout span{font-size:7px}.mission-stages .flight-stage .mission-footnote{font-size:8px}.mission-summary{padding-bottom:45px;gap:18px}.mission-summary>span{font-size:7px}.mission-summary p{font-size:10px;width:100%;margin:0}.capability-note{font-size:9px}}
@media(prefers-reduced-motion:reduce){.procedure-scene,.procedure-route,.procedure-arrival{transition:none}.mission-experience[data-phase="1"] .brief-row{animation:none;opacity:1;transform:none}.mission-stages .flight-stage{opacity:1!important;transition:none}}

.procedure-scene{display:flex;flex-direction:column}.procedure-title,.procedure-flow{flex-shrink:0}.procedure-scene svg{flex:1;min-height:0;height:auto}.nine-line-board{flex:1;min-height:0;display:flex;flex-direction:column}.nine-line-heading{flex-shrink:0}.brief-row{flex:1;min-height:0;padding-block:0}