/* Final visual pass: keep the strong v5 structure, put the Tomcat/Chicken Wing crew art where it actually works, and turn the crew section into a cleaner operations board. */
.hero{position:relative;overflow:hidden;isolation:isolate;background:#0d120d;min-height:720px}
.hero .shell{position:relative;z-index:3}
.hero-media{position:absolute!important;top:42px!important;right:2.8%!important;bottom:42px!important;left:41.5%!important;opacity:1!important;border:2px solid #6d7a64;box-shadow:12px 12px 0 #394232;overflow:hidden;background-color:#111711!important;background-repeat:no-repeat!important;background-position:center center!important;background-size:cover!important}
.hero-media:after{content:"";position:absolute;inset:0;box-shadow:inset 0 0 0 1px rgba(255,255,255,.08);pointer-events:none}
.hero-copy{position:relative;z-index:4;max-width:610px}
.hero:before{content:"";position:absolute;z-index:2;inset:0;background:linear-gradient(90deg,#0d120d 0%,#0d120d 37%,rgba(13,18,13,.96) 42%,rgba(13,18,13,.35) 57%,rgba(13,18,13,.08) 100%);pointer-events:none}
.hero h1,.hero-tag{color:#fff}.hero h1 span{color:#9eae91}.hero-sub{color:#d7ddd3}.hero .eyebrow{color:#e8ddc8}.hero-badge{background:rgba(16,21,16,.9);backdrop-filter:blur(4px)}

#crew{background:#eee5d5}
#crew .crew-grid{align-items:stretch;gap:42px}
#crew .crew-copy{align-self:center}
.crew-board-wrap{display:flex;align-items:stretch}
.crew-board{position:relative;width:100%;min-height:520px;background:#1a2118;border:3px solid #30372c;box-shadow:10px 10px 0 #5a6b4d;padding:34px 30px 30px;overflow:hidden;color:#fff;display:flex;flex-direction:column;justify-content:space-between}
.crew-board:before{content:"";position:absolute;inset:0;background:url('/chicken-wing-art.svg') center/78% auto no-repeat;opacity:.07;filter:grayscale(1);pointer-events:none}
.crew-board>*{position:relative;z-index:2}
.crew-board-top{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding-bottom:20px;border-bottom:1px solid #687361}
.crew-board-kicker{font:700 11px/1.2 Inter,Arial,sans-serif;letter-spacing:.18em;text-transform:uppercase;color:#d8ccb4}
.crew-board-title{font-family:'Bebas Neue','Arial Black',sans-serif;font-size:clamp(42px,4vw,62px);line-height:.92;letter-spacing:.02em;text-transform:uppercase;margin-top:7px}
.crew-board-stamp{border:2px solid #d8ccb4;color:#d8ccb4;padding:9px 10px;font:800 10px/1.2 Inter,Arial,sans-serif;letter-spacing:.11em;text-transform:uppercase;white-space:nowrap;transform:rotate(2deg)}
.crew-roster{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:26px 0 24px}
.crew-slot{min-height:190px;border:1px solid #73806b;background:rgba(255,255,255,.035);padding:18px 16px;display:flex;flex-direction:column;justify-content:flex-end;position:relative;overflow:hidden}
.crew-slot:before{content:"";position:absolute;top:17px;left:17px;width:46px;height:46px;border:2px solid #d8ccb4;border-radius:50%;background:radial-gradient(circle at 50% 38%,#d8ccb4 0 15%,transparent 16%),linear-gradient(145deg,transparent 45%,#d8ccb4 46% 53%,transparent 54%);opacity:.92}
.crew-slot strong{font-family:'Bebas Neue','Arial Black',sans-serif;font-size:29px;line-height:1;text-transform:uppercase;letter-spacing:.025em}
.crew-slot span{display:block;margin-top:7px;color:#cbd2c7;font-size:13px;line-height:1.45}
.crew-slot:nth-child(2):after{content:"FACTS (ISH)";position:absolute;top:26px;right:-23px;background:#b33526;color:#fff;padding:5px 28px;font:800 9px/1 Inter,Arial,sans-serif;letter-spacing:.08em;transform:rotate(35deg)}
.crew-board-bottom{display:flex;justify-content:space-between;align-items:end;gap:20px;border-top:1px solid #687361;padding-top:18px}
.crew-board-bottom strong{font-family:'Bebas Neue','Arial Black',sans-serif;font-size:30px;line-height:1;text-transform:uppercase;color:#d8ccb4}
.crew-board-bottom span{font:800 10px/1.4 Inter,Arial,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:#fff;text-align:right}

/* Birthday pass: replace the operations-board placeholder with the actual Chicken Wing portrait. */
.crew-photo-card{margin:0;position:relative;width:100%;align-self:center}
.crew-photo-card img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;object-position:center;border:1px solid #30372c;box-shadow:14px 14px 0 #596a4b}
.crew-photo-card figcaption{position:absolute;left:18px;right:18px;bottom:18px;background:rgba(16,20,15,.9);border:1px solid #75806f;padding:10px 13px;color:#fff;backdrop-filter:blur(5px);display:flex;justify-content:space-between;align-items:center;gap:16px;text-transform:uppercase}
.crew-photo-card figcaption strong{font-family:'Bebas Neue','Arial Black',sans-serif;font-size:25px;letter-spacing:.035em}
.crew-photo-card figcaption span{font:800 9px/1.35 Inter,Arial,sans-serif;letter-spacing:.11em;color:#d8ccb4;text-align:right}

.aircraft-image img{display:block;width:100%;height:auto;object-fit:cover}

/* Mission-console navigation: still clean, but now it feels like part of the joke instead of plain text links. */
.top .links{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:7px;align-items:center;padding:0 4px}
.top .links a{position:relative;display:flex;align-items:center;justify-content:center;min-height:46px;padding:7px 8px 7px 31px;border:1px solid #465141;background:linear-gradient(180deg,#1b2219 0%,#151b14 100%);box-shadow:inset 0 1px 0 rgba(255,255,255,.04),0 3px 0 #090c09;color:#eee8dc;font-size:9px;font-weight:800;line-height:1.15;letter-spacing:.07em;text-align:center;text-transform:uppercase;overflow:hidden;transition:transform .15s ease,border-color .15s ease,background .15s ease,color .15s ease,box-shadow .15s ease}
.top .links a:before{position:absolute;left:8px;top:50%;transform:translateY(-50%);font-family:'Bebas Neue','Arial Black',sans-serif;font-size:23px;line-height:1;color:#8fa083;letter-spacing:.02em;opacity:.85}
.top .links a:nth-child(1):before{content:'01'}
.top .links a:nth-child(2):before{content:'02'}
.top .links a:nth-child(3):before{content:'03'}
.top .links a:nth-child(4):before{content:'04'}
.top .links a:nth-child(5):before{content:'05'}
.top .links a:nth-child(6):before{content:'06'}
.top .links a:after{content:'';position:absolute;left:0;right:100%;bottom:0;height:3px;background:#b73528;transition:right .18s ease}
.top .links a:hover{transform:translateY(-2px);border-color:#8c987f;background:linear-gradient(180deg,#253022 0%,#1b2319 100%);color:#fff;box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 5px 0 #090c09}
.top .links a:hover:after{right:0}
.top .links a:hover:before{color:#d8ccb4}
.nav>.btn{position:relative;border:1px solid #89977f;background:linear-gradient(180deg,#607255 0%,#506247 100%);box-shadow:5px 5px 0 #273022;overflow:visible}
.nav>.btn:after{content:'LIVE';position:absolute;right:9px;top:-9px;background:#b73528;color:#fff;border:1px solid #151a14;padding:2px 5px;font-size:7px;line-height:1;font-weight:900;letter-spacing:.12em;transform:rotate(2deg)}
.nav>.btn:hover{background:linear-gradient(180deg,#6c805f 0%,#596b4f 100%)}

/* Keep support visible without making the site feel like a checkout page. */
.final-actions{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin-top:24px}
.final-actions .btn{margin:0}.support-note{max-width:700px;margin:14px auto 0;color:#cfd6c9;font-size:11px;line-height:1.55;letter-spacing:.02em}
.support-footer-link{font-weight:800;color:#e4d3b4!important}

@media(max-width:1160px){
  .top .links{gap:5px}
  .top .links a{padding-left:25px;font-size:8px;letter-spacing:.04em}
  .top .links a:before{left:6px;font-size:19px}
}
@media(max-width:980px){
  .hero{min-height:auto;padding-bottom:0}
  .hero:before{background:linear-gradient(180deg,#0d120d 0%,rgba(13,18,13,.94) 52%,rgba(13,18,13,.25) 76%,rgba(13,18,13,.05) 100%)}
  .hero .shell{padding-bottom:430px}
  .hero-media{top:auto!important;left:4%!important;right:4%!important;bottom:34px!important;height:370px!important}
  #crew .crew-grid{grid-template-columns:1fr!important}
  .crew-board{min-height:460px}
}
@media(max-width:700px){
  .hero .shell{padding-bottom:330px}
  .hero-media{height:285px!important;left:18px!important;right:18px!important;bottom:24px!important}
  .crew-roster{grid-template-columns:1fr}
  .crew-slot{min-height:125px}
  .crew-board{padding:24px 20px;min-height:auto}
  .crew-board-top,.crew-board-bottom{align-items:flex-start;flex-direction:column}
  .crew-board-bottom span{text-align:left}
  .crew-photo-card figcaption{position:static;margin-top:0;flex-direction:column;align-items:flex-start}
  .crew-photo-card figcaption span{text-align:left}
}

/* Mobile cleanup: remove the desktop-console crowding and eliminate the oversized hero dead space. */
@media(max-width:760px){
  .top .links{display:none!important}
  .nav{height:auto!important;min-height:0!important;padding:12px 16px!important;grid-template-columns:minmax(0,1fr) auto!important;gap:12px!important;align-items:center!important}
  .brand{min-width:0!important;gap:10px!important}
  .brand-mark{width:46px!important;height:46px!important;font-size:34px!important;flex:0 0 46px!important}
  .brand-copy{min-width:0!important}
  .brand-copy strong{font-size:26px!important;line-height:.88!important;white-space:nowrap!important}
  .brand-copy span{font-size:20px!important;line-height:.92!important;white-space:nowrap!important}
  .brand-copy small{display:none!important}
  .nav>.btn{width:auto!important;min-height:46px!important;padding:11px 14px!important;font-size:10px!important;white-space:nowrap!important;box-shadow:3px 3px 0 #273022!important}
  .nav>.btn:after{right:5px!important;top:-7px!important}

  .ticker{white-space:nowrap!important;overflow:hidden!important}
  .ticker div{display:inline-block!important;width:max-content!important;padding:7px 0!important;font-size:9px!important;line-height:1!important;animation:marquee 26s linear infinite!important}
  .ticker span{display:inline!important;padding-right:40px!important}

  .hero{min-height:0!important;padding:0!important;overflow:hidden!important;background:#0d120d!important}
  .hero:before,.hero:after{background:none!important}
  .hero-media{display:none!important}
  .hero .shell{padding-bottom:0!important}
  .hero-grid{min-height:0!important;display:block!important;padding-top:24px!important;padding-bottom:28px!important}
  .hero-copy{display:block!important;width:100%!important;max-width:none!important;padding:0!important}
  .hero-copy>.eyebrow{display:block!important;margin:0 0 10px!important;font-size:10px!important;line-height:1.35!important}
  .hero h1{display:block!important;font-size:clamp(46px,14vw,68px)!important;line-height:.86!important;margin:0 0 14px!important}
  .hero h1 span{display:block!important}
  .hero-tag{display:block!important;margin-top:0!important;max-width:none!important;font-size:16px!important;line-height:1.45!important}
  .hero-sub{display:block!important;margin-top:9px!important;max-width:none!important;font-size:13px!important;line-height:1.55!important}
  .hero-actions{display:grid!important;grid-template-columns:1fr 1fr!important;gap:10px!important;margin-top:18px!important}
  .hero-actions .btn{display:inline-flex!important;width:100%!important;min-height:46px!important;padding:11px 12px!important;font-size:10px!important}
  .hero-badge{display:flex!important;width:100%!important;margin-top:18px!important;padding:11px 12px!important;gap:11px!important;align-items:center!important}
  .callsign-mark{width:44px!important;height:44px!important;flex:0 0 44px!important;font-size:22px!important}
  .hero-badge strong{font-size:9px!important;line-height:1.3!important}
  .hero-badge span{font-size:11px!important;line-height:1.35!important}

  .mission-strip .shell{grid-template-columns:1fr 1fr!important;padding-top:12px!important;padding-bottom:12px!important}
  .mission-item{padding:10px 12px!important;min-width:0!important}
  .mission-item:first-child{padding-left:12px!important}
  .mission-item b{font-size:8px!important}
  .mission-item span{font-size:13px!important;line-height:1.25!important}

  .section{padding-top:48px!important;padding-bottom:48px!important}
  .final{padding-top:48px!important;padding-bottom:48px!important}
}

@media(max-width:430px){
  .nav{padding-left:12px!important;padding-right:12px!important;gap:9px!important}
  .brand-mark{width:42px!important;height:42px!important;flex-basis:42px!important;font-size:31px!important}
  .brand-copy strong{font-size:23px!important}
  .brand-copy span{font-size:18px!important}
  .nav>.btn{min-height:43px!important;padding:10px 11px!important;font-size:9px!important}
  .hero-grid{padding-top:21px!important;padding-bottom:24px!important}
  .hero h1{font-size:clamp(44px,15vw,62px)!important}
  .hero-actions{grid-template-columns:1fr!important}
}