/* FIGHTS ON design refresh (2026-09-30)
   1 top status bar · 2 arrow/chevron dividers · 3 count-up stats (refresh.js)
   4 HUD micro-labels · 5 gold-tinted photography · 6 photo router cards · 7 Pathway track
   To swap a photo: change the url(...) in the page's style="--img:url(...)" attribute. */

/* ---------- 1. top status bar ---------- */
.topbar{background:#08080A;border-bottom:1px solid var(--graphite);font-family:var(--mono);font-size:12px;letter-spacing:.14em;text-transform:uppercase;line-height:1.4}
.topbar a{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:6px 12px;min-height:40px;padding-top:9px;padding-bottom:9px;color:var(--muted);text-decoration:none;text-align:center}
.topbar .tb-k{display:inline-flex;align-items:center;gap:9px;color:var(--gold)}
.topbar .tb-dot{width:7px;height:7px;border-radius:50%;background:var(--gold);animation:tbPulse 2.4s ease-out infinite}
.topbar .tb-sep{color:#4A4A52}
.topbar .tb-cta{color:var(--bone);border-bottom:1px solid var(--gold-dim);padding-bottom:1px;transition:color .18s,border-color .18s}
.topbar a:hover .tb-cta,.topbar a:focus-visible .tb-cta{color:var(--gold);border-color:var(--gold)}
@keyframes tbPulse{0%{box-shadow:0 0 0 0 rgba(212,175,55,.55)}70%{box-shadow:0 0 0 7px rgba(212,175,55,0)}100%{box-shadow:0 0 0 0 rgba(212,175,55,0)}}
@media (max-width:720px){.topbar{font-size:11px;letter-spacing:.1em}.topbar .tb-mid,.topbar .tb-sep{display:none}}

/* phone header fit: keep the MENU button on screen */
@media (max-width:720px){.brand img{height:22px}}
@media (max-width:380px){.brand img{height:19px}}

/* ---------- 2. arrow/chevron dividers ---------- */
.has-chev{position:relative;border-bottom:0!important;padding-bottom:calc(var(--chev-pad,72px) + 18px)}
.pagehead.has-chev{--chev-pad:60px}
.chev{position:absolute;left:0;right:0;bottom:-1px;width:100%;height:46px;z-index:3;pointer-events:none}
.chev .f{fill:var(--onyx)}
.chev .l1{fill:none;stroke:var(--gold);stroke-width:2;vector-effect:non-scaling-stroke}
.chev .l2{fill:none;stroke:var(--gold-dim);stroke-width:1;vector-effect:non-scaling-stroke;opacity:.7}
@media (max-width:720px){.chev{height:26px}.has-chev{padding-bottom:calc(var(--chev-pad,56px) + 8px)}}
/* small rank-chevron marker where a charcoal panel section begins */
.band.panel{position:relative}
.band.panel::before{content:"";position:absolute;left:50%;top:-1px;width:44px;height:12px;transform:translateX(-50%);background:var(--gold);
-webkit-clip-path:polygon(0 100%,50% 0,100% 100%,82% 100%,50% 34%,18% 100%);clip-path:polygon(0 100%,50% 0,100% 100%,82% 100%,50% 34%,18% 100%);opacity:.9}

/* ---------- 3. count-up stats ---------- */
.statbar .num{font-variant-numeric:tabular-nums}

/* ---------- 4. HUD micro-labels ---------- */
.hud{display:flex;align-items:center;gap:12px;font-family:var(--mono);font-size:12px;letter-spacing:.24em;text-transform:uppercase;color:var(--gold-dim);margin:0 0 20px;max-width:none}
.hud::before{content:"";width:22px;height:1px;background:var(--gold)}
.hud::after{content:"";flex:1;height:1px;background:linear-gradient(90deg,var(--graphite),transparent)}
.co .ao{display:block;margin-top:10px;font-family:var(--mono);font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--muted)}
.co .ao::before{content:"\25B8  ";color:var(--gold-dim)}

/* ---------- 5. gold-tinted photography ---------- */
.tint{background-color:var(--onyx);background-image:linear-gradient(#A8893A,#A8893A),var(--img);background-size:cover;background-position:center;background-repeat:no-repeat;background-blend-mode:color,normal}
.has-photo{position:relative;overflow:hidden;isolation:isolate}
.has-photo>.wrap{position:relative;z-index:2}
.hero-photo{position:absolute;top:0;bottom:0;right:0;width:62%;z-index:0;opacity:.55;background-position:var(--pos,center);-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 35%);mask-image:linear-gradient(90deg,transparent 0,#000 35%)}
.hero-photo::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,var(--onyx) 0%,rgba(11,11,13,.8) 22%,rgba(11,11,13,.2) 62%,rgba(11,11,13,.35) 100%),linear-gradient(0deg,var(--onyx) 0%,rgba(11,11,13,0) 34%),linear-gradient(180deg,rgba(11,11,13,.55) 0%,rgba(11,11,13,0) 22%)}
@media (max-width:900px){.hero-photo{width:100%;opacity:.28;-webkit-mask-image:none;mask-image:none}.hero-photo::after{background:linear-gradient(0deg,var(--onyx) 0%,rgba(11,11,13,.35) 60%,rgba(11,11,13,.6) 100%)}}

/* ---------- 6. photo router cards ---------- */
.ways a{position:relative;overflow:hidden}
.ways .ph{display:block;height:132px;margin:-26px -24px 22px;border-bottom:2px solid var(--gold);filter:brightness(.72) contrast(1.05);transition:filter .25s,transform .4s;background-position:var(--pos,center)}
.ways a:hover .ph,.ways a:focus-visible .ph{filter:brightness(.95) contrast(1.05)}
@media (max-width:720px){.ways .ph{height:150px}}

/* ---------- 7. Pathway track ---------- */
.route{position:relative;margin-top:30px}
.route::before{content:"";position:absolute;z-index:0;background:linear-gradient(180deg,var(--gold-dim),var(--gold));left:27px;top:34px;bottom:34px;width:2px}
.route .step{position:relative;grid-template-columns:56px minmax(0,1fr);border-bottom:0;padding:22px 0}
.route .step .num{position:relative;z-index:1;width:56px;height:56px;display:grid;place-items:center;background:var(--onyx);border:2px solid var(--gold);color:var(--gold);font-size:19px;letter-spacing:.02em}
.route .step:last-child .num{background:var(--gold);color:var(--onyx)}
@media (min-width:1000px){
.route{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:26px;margin-top:40px}
.route::before{left:28px;right:14px;top:27px;bottom:auto;width:auto;height:2px;background:linear-gradient(90deg,var(--gold-dim),var(--gold))}
.route::after{content:"";position:absolute;right:0;top:21px;width:14px;height:14px;background:var(--gold);-webkit-clip-path:polygon(0 0,100% 50%,0 100%);clip-path:polygon(0 0,100% 50%,0 100%)}
.route .step{display:block;padding:0}
.route .step .num{margin-bottom:24px}
.route .step h3{font-size:16px}
.route .step p{font-size:15px}
.route .step .when{min-height:5em}
}

/* ---------- 8. photo strip (About page aircraft) ---------- */
.photo-strip{position:relative;height:clamp(200px,28vw,360px);margin:-76px 0 56px;border-bottom:2px solid var(--gold);filter:brightness(.82) contrast(1.05);background-position:var(--pos,center)}
.photo-strip::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(28,28,32,.75) 0%,rgba(28,28,32,0) 45%)}
@media (max-width:720px){.photo-strip{margin:-56px 0 40px}}

/* ---------- 9. services photo band (homepage) ---------- */
.svc-band{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:2px;background:var(--gold-dim);border-top:2px solid var(--gold);border-bottom:2px solid var(--gold)}
.svc-band .svc{position:relative;height:clamp(160px,17vw,240px);background-position:var(--pos,center)}
.svc-band .svc::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(11,11,13,.8) 0%,rgba(11,11,13,.25) 60%);transition:opacity .3s}
.svc-band .svc:hover::after{opacity:.5}
.svc-band .svc span{position:absolute;z-index:1;left:14px;bottom:12px;font-family:var(--mono);font-size:11px;letter-spacing:.24em;text-transform:uppercase;color:var(--gold)}
@media (max-width:900px){.svc-band{grid-template-columns:repeat(3,minmax(0,1fr))}.svc-band .svc{height:150px}}
@media (max-width:480px){.svc-band .svc{height:112px}.svc-band .svc span{left:8px;bottom:8px;font-size:10px;letter-spacing:.12em}}

/* ---------- 10. company card photos (Companies page) ---------- */
.co .co-ph{display:block;height:150px;margin:-34px -30px 24px;border-bottom:2px solid var(--gold);filter:brightness(.72) contrast(1.05);transition:filter .25s;background-position:var(--pos,center)}
.co:hover .co-ph,.co:focus-visible .co-ph{filter:brightness(.95) contrast(1.05)}

/* ---------- 11. full-width photo band (mid-page break) ---------- */
.photo-band{position:relative;height:clamp(200px,26vw,340px);border-top:2px solid var(--gold);border-bottom:2px solid var(--gold);background-position:var(--pos,center)}
.photo-band::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(11,11,13,.45) 0%,rgba(11,11,13,.1) 40%,rgba(11,11,13,.5) 100%)}
@media (max-width:720px){.photo-band{height:180px}}