/* =========================================================
   HAKAWATI BRIEFINGS 3.0 — LOCKED VISUAL FOUNDATION
   ========================================================= */
:root{
  --hawk-black:#000000;
  --hawk-green:#2d8b72;
  --hawk-green-bright:#45b294;
  --hawk-green-deep:#0b2b23;
  --hawk-white:#f2f6f4;
  --hawk-muted:#a7b6b0;
}

/* Protected radar component: external SVG + independent sweep layer. */
.hawk-radar{
  position:fixed;
  left:50%;
  top:50%;
  width:min(84vw,920px);
  aspect-ratio:1;
  transform:translate(-50%,-50%);
  z-index:0;
  pointer-events:none;
  opacity:.42;
  border-radius:50%;
  overflow:hidden;
  filter:drop-shadow(0 0 28px rgba(69,178,148,.32)) drop-shadow(0 0 76px rgba(45,139,114,.24));
}
.hawk-radar::before{
  content:"";
  position:absolute;
  inset:-10%;
  border-radius:50%;
  background:radial-gradient(
    circle,
    rgba(69,178,148,.24) 0%,
    rgba(45,139,114,.14) 34%,
    rgba(11,43,35,.075) 58%,
    transparent 76%
  );
  filter:blur(12px);
  z-index:-1;
}
.hawk-radar img{
  width:100%;
  height:100%;
  object-fit:contain;
  display:block;
}
.hawk-radar::after{
  content:"";
  position:absolute;
  inset:1.2%;
  border-radius:50%;
  background:conic-gradient(
    from 0deg,
    rgba(105,224,190,.52) 0deg,
    rgba(69,178,148,.20) 34deg,
    transparent 76deg,
    transparent 360deg
  );
  animation:hawk-radar-sweep 22s linear infinite;
  transform-origin:50% 50%;
}
@keyframes hawk-radar-sweep{to{transform:rotate(360deg)}}

/* The radar is background atmosphere; all content stays above it. */
nav, main, footer, .footer-signature, .skip-link{
  position:relative;
  z-index:2;
}
body{
  position:relative;
  isolation:isolate;
}
.reveal{
  opacity:1;
  transform:none;
}
.js .reveal{
  opacity:0;
  transform:translateY(18px);
}
.js .reveal.visible{
  opacity:1;
  transform:none;
}

@media(max-width:700px){
  .hawk-radar{
    width:132vw;
    opacity:.27;
  }
}
@media(prefers-reduced-motion:reduce){
  .hawk-radar::after{animation:none}
}

/* Deployment-safe fallback if remote fonts are unavailable. */
body{font-family:"Libre Baskerville",Georgia,serif}
.nav-links a,.nav-sub,.brand-motto,.page-kicker,.dossier-label,
.divider-mark,.screen-label,.status-line,.footer-links a{
  font-family:"Share Tech Mono","Courier New",monospace;
}
.hero-wordmark,.page-title,.section-h,.screen-title,.tier-name,
.library-card-title{
  font-family:"Bebas Neue","Arial Narrow",Arial,sans-serif;
}


:root{
  --black:#000;
  --ink:#f2f6f4;
  --white:#fff;
  --green:#2d8b72;
  --green-bright:#45b294;
  --green-deep:#0b2b23;
  --green-dark:#061812;
  --panel:#07110e;
  --panel2:#0a1813;
  --line:rgba(69,178,148,.30);
  --line-soft:rgba(255,255,255,.11);
  --muted:#a7b6b0;
  --dim:#6f817a;
  --amber:#caa45e;
  --max:1220px;
  --mono:'Share Tech Mono','Space Mono',monospace;
  --display:'Bebas Neue','Orbitron',sans-serif;
  --serif:'Libre Baskerville',Georgia,serif;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;background:#000}
body{margin:0;background:#000;color:var(--ink);font-family:var(--serif);line-height:1.72}
body::before{
  content:"";position:fixed;inset:0;pointer-events:none;z-index:-3;
  background:
    linear-gradient(rgba(69,178,148,.025) 1px,transparent 1px),
    linear-gradient(90deg,rgba(69,178,148,.025) 1px,transparent 1px);
  background-size:36px 36px;
}
a{color:inherit}
img{max-width:100%;display:block}
.wrap{width:min(calc(100% - 40px),var(--max));margin:auto}
.skip-link{position:absolute;left:-999px;top:8px;background:#fff;color:#000;padding:.7rem 1rem;z-index:1000}
.skip-link:focus{left:8px}
.reveal{opacity:1;transform:none;transition:.65s ease}
.js .reveal{opacity:0;transform:translateY(18px)}
.js .reveal.visible{opacity:1;transform:none}

/* monitor navigation */
nav{position:sticky;top:0;z-index:30;display:flex;align-items:stretch;justify-content:space-between;background:rgba(0,0,0,.95);border-bottom:1px solid var(--line);min-height:86px;backdrop-filter:blur(14px)}
.nav-brand{display:flex;align-items:center;gap:.8rem;padding:.8rem 1.1rem;text-decoration:none;min-width:280px;border-right:1px solid var(--line)}
.nav-brand img{width:58px;height:58px;object-fit:contain;filter:drop-shadow(0 0 12px rgba(69,178,148,.26))}
.nav-sep{width:1px;height:42px;background:var(--line)}
.nav-hawk{font-family:'Orbitron',sans-serif;font-weight:700;letter-spacing:.14em;font-size:.87rem}
.nav-sub{font-family:var(--mono);text-transform:uppercase;letter-spacing:.15em;color:var(--dim);font-size:.62rem;margin-top:.2rem}
.nav-links{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(7,minmax(95px,1fr));flex:1}
.nav-links li{border-left:1px solid rgba(69,178,148,.18)}
.nav-links a{height:100%;min-height:86px;display:flex;align-items:center;justify-content:center;text-align:center;padding:.65rem .75rem;text-decoration:none;font-family:var(--mono);font-size:.68rem;letter-spacing:.08em;text-transform:uppercase;color:#a9bbb4;position:relative;background:linear-gradient(180deg,rgba(69,178,148,.025),transparent)}
.nav-links a::before{content:"";position:absolute;top:.5rem;left:.55rem;font-size:.46rem;color:var(--dim);letter-spacing:.12em}
.nav-links a::after{content:"";position:absolute;inset:7px;border:1px solid transparent;pointer-events:none}
.nav-links a:hover,.nav-links a.active{color:#fff;background:rgba(69,178,148,.10)}
.nav-links a:hover::after,.nav-links a.active::after{border-color:rgba(69,178,148,.36)}
.nav-links .nav-cta{color:#fff;background:linear-gradient(180deg,#1d6e5a,#0d3d32)}
.nav-links .nav-cta::before{content:"REQUEST"}
.menu-toggle{display:none;background:transparent;color:#fff;border:1px solid var(--line);padding:.6rem .8rem;margin:auto 1rem;font-family:var(--mono)}

/* hero */
.hero{min-height:calc(100vh - 86px);padding:6.5rem 5vw 5rem;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;position:relative;overflow:hidden}
.hero::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 72% 42%,rgba(45,139,114,.12),transparent 30%),linear-gradient(90deg,#000 0%,rgba(0,0,0,.92) 55%,rgba(0,0,0,.62));z-index:-1}
.hero-logo{width:min(210px,42vw);filter:drop-shadow(0 0 30px rgba(69,178,148,.20));margin-bottom:1.2rem}
.hero-wordmark{font-family:var(--display);font-size:clamp(4.4rem,10vw,10rem);line-height:.82;letter-spacing:.025em;text-transform:uppercase}
.hero-wordmark span{display:block;font-family:var(--mono);font-size:.68rem;line-height:1.4;letter-spacing:.23em;color:var(--dim);margin-top:1.2rem}
.brand-motto,.page-kicker,.dossier-label,.divider-mark,.tier-class,.limited-badge,.aud-tag,.flow-index,.project-mark,.host-meta,.spec-key,.spec-val,.coverage-tag,.library-card-tag,.launch-status,.launch-attrib,.footer-brand-text,.fs-motto,.fs-tag{font-family:var(--mono);text-transform:uppercase;letter-spacing:.12em}
.brand-motto{font-size:.76rem;color:var(--green-bright);margin:1.7rem 0}
.brand-motto .sep{color:var(--dim);padding:0 .6rem}
.hero-meaning{font-family:var(--serif);font-size:clamp(2rem,4.7vw,4.8rem);line-height:1.12;max-width:980px;margin:.5rem 0 1.3rem;font-weight:400}
.teal{color:var(--green-bright)}
.hero-support{font-family:var(--mono);font-size:clamp(.85rem,1.4vw,1rem);text-transform:uppercase;letter-spacing:.06em;color:#c4d2cd;max-width:850px}
.hero-lede{font-size:clamp(1.03rem,1.7vw,1.3rem);max-width:860px;color:var(--muted)}
.hero-btns,.host-actions,.contact-actions{display:flex;gap:.8rem;flex-wrap:wrap;margin-top:1.6rem}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:.8rem 1.25rem;text-decoration:none;font-family:var(--mono);text-transform:uppercase;letter-spacing:.08em;font-size:.72rem;border:1px solid var(--line);transition:.2s ease}
.btn-primary{background:var(--green);color:#fff;border-color:var(--green-bright)}
.btn-primary:hover{background:var(--green-bright);color:#00110c}
.btn-ghost{background:rgba(0,0,0,.48);color:#dce8e4}
.btn-ghost:hover{border-color:var(--green-bright);color:#fff}

/* ticker and dividers */
.ticker{overflow:hidden;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#020806}
.ticker-inner{display:flex;width:max-content;animation:ticker 42s linear infinite}
.ticker-item{padding:.8rem 1.4rem;font-family:var(--mono);font-size:.68rem;text-transform:uppercase;letter-spacing:.13em;color:#91a69e}
.dot{color:var(--green-bright);padding-left:1rem}
@keyframes ticker{to{transform:translateX(-50%)}}
.section-divider{height:42px;border-top:1px solid rgba(69,178,148,.16);border-bottom:1px solid rgba(69,178,148,.16);display:flex;align-items:center;justify-content:center;background:rgba(4,13,10,.74)}
.divider-mark{font-size:.59rem;color:var(--dim)}

/* general sections */
.section-pad{padding:7rem 0;position:relative}
.section-pad:nth-of-type(even){background:rgba(6,18,14,.30)}
.page-hero{padding:8rem 0 5rem;border-bottom:1px solid var(--line);background:linear-gradient(90deg,#000,rgba(6,24,18,.48),#000)}
.page-title,.section-h{font-family:var(--display);text-transform:uppercase;letter-spacing:.025em;line-height:.88;margin:.4rem 0 1.4rem}
.page-title{font-size:clamp(4rem,9vw,9rem)}
.section-h{font-size:clamp(3rem,6.3vw,6.5rem)}
.page-kicker,.dossier-label{color:var(--green-bright);font-size:.68rem}
.page-lede,.section-body{max-width:850px;color:var(--muted);font-size:1.08rem}
.method-body{max-width:830px;font-size:1.1rem;color:#c2cfca}
.what-grid,.hakawati-inner,.host-inner{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:start}
.what-text,.host-text{font-size:1.08rem;color:#c4d1cc}
.what-callout{border-left:3px solid var(--green);padding:1.2rem 1.5rem;background:rgba(45,139,114,.08);color:#edf5f2}
.what-specs,.hakawati-box{border:1px solid var(--line);background:linear-gradient(180deg,rgba(11,43,35,.48),rgba(0,0,0,.76));padding:2rem}
.spec-row{display:flex;align-items:center;gap:.7rem;padding:.65rem 0;border-bottom:1px solid rgba(255,255,255,.07)}
.spec-row:last-child{border-bottom:0}
.spec-key,.spec-val{font-size:.63rem}
.spec-key{color:var(--dim)}
.spec-val{color:#e4eeea;text-align:right}
.spec-dot{flex:1;border-bottom:1px dotted rgba(69,178,148,.24)}
.coverage-tag{display:inline-flex;border:1px solid var(--line);padding:.45rem .65rem;color:#b8cac3;font-size:.59rem}

/* monitor navigation and mini briefs */
.control-deck{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:3rem}
.control-screen{position:relative;min-height:205px;padding:1.5rem;border:1px solid var(--line);background:
 linear-gradient(rgba(69,178,148,.045) 1px,transparent 1px),
 linear-gradient(90deg,rgba(69,178,148,.045) 1px,transparent 1px),
 linear-gradient(180deg,#07120e,#010503);
 background-size:22px 22px;overflow:hidden;text-decoration:none}
.control-screen::before{content:attr(data-station);position:absolute;top:.55rem;right:.65rem;font-family:var(--mono);font-size:.5rem;letter-spacing:.14em;color:var(--dim)}
.control-screen::after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:linear-gradient(90deg,var(--green),transparent)}
.control-screen:hover{border-color:var(--green-bright);box-shadow:0 0 28px rgba(69,178,148,.12)}
.screen-label{font-family:var(--mono);font-size:.62rem;text-transform:uppercase;letter-spacing:.14em;color:var(--green-bright)}
.screen-title{font-family:var(--display);font-size:2rem;line-height:1;margin:2.4rem 0 .7rem;text-transform:uppercase}
.screen-copy{font-size:.94rem;color:var(--muted)}
.status-line{font-family:var(--mono);font-size:.54rem;letter-spacing:.12em;text-transform:uppercase;color:#7d9189;margin-top:1.4rem}

/* audience / tiers / flow */
.aud-grid,.phil-grid,.flow-grid,.landing-briefing-strip,.library-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:3rem}
.aud-card,.phil-card,.flow-step,.strip-card,.library-card,.tier-card{border:1px solid var(--line);background:rgba(3,10,7,.84);padding:1.6rem;position:relative}
.aud-name,.phil-title,.flow-step-title,.strip-name,.library-card-title{font-family:var(--display);font-size:2rem;text-transform:uppercase;line-height:1}
.aud-tag,.flow-index,.strip-label,.library-card-tag{font-size:.58rem;color:var(--green-bright)}
.aud-body,.phil-body,.flow-step-body,.library-card-status{color:var(--muted)}
.flow-grid{grid-template-columns:repeat(3,1fr)}
.phil-num{font-family:var(--mono);color:var(--green);font-size:.7rem}
.landing-briefing-strip{grid-template-columns:repeat(4,1fr)}
.strip-price{font-family:var(--mono);color:var(--green-bright);margin-top:.9rem}
.tier-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-top:2.5rem}
.tier-card{padding:2rem}
.tier-card.featured{grid-column:1/-1;border-color:var(--amber)}
.tier-name{font-family:var(--display);font-size:4rem;line-height:1}
.tier-tagline{color:var(--muted);font-style:italic}
.tier-price{font-family:var(--display);font-size:3rem;color:var(--green-bright);margin:.7rem 0}
.tier-features{padding-left:1.2rem;color:#b8c6c1}
.limited-badge{display:inline-flex;padding:.4rem .55rem;border:1px solid rgba(202,164,94,.55);color:var(--amber);font-size:.56rem}

/* project, corridor, hakawati */
.project-band,.contact-band,.footer-signature{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#020806}
.project-inner,.contact-inner{width:min(calc(100% - 40px),var(--max));margin:auto;padding:5rem 0}
.project-mark{color:var(--green-bright);font-size:.65rem}
.project-lede{font-size:clamp(1.2rem,2.4vw,1.75rem);max-width:1020px}
.project-note{font-family:var(--mono);font-size:.66rem;color:var(--dim)}
.corridor-band{border:1px solid var(--line);padding:2.5rem;background:linear-gradient(90deg,rgba(45,139,114,.11),transparent)}
.corridor-nodes{display:flex;flex-wrap:wrap;gap:.7rem;margin-top:2rem}
.corridor-node{font-family:var(--mono);font-size:.64rem;text-transform:uppercase;letter-spacing:.12em;border:1px solid var(--line);padding:.6rem .8rem}
.hakawati-arabic{font-size:5.5rem;color:var(--green-bright);text-align:center}
.hakawati-translation{text-align:center;font-family:var(--mono);font-size:.65rem;color:var(--dim);text-transform:uppercase;letter-spacing:.15em;margin-bottom:1.4rem}

/* briefing library grid */
.library-note{margin-top:1.5rem;font-family:var(--mono);font-size:.68rem;color:var(--dim)}
.library-grid{grid-template-columns:repeat(3,1fr)}
.library-card{min-height:240px;display:flex;flex-direction:column;overflow:hidden}
.library-card img{width:calc(100% + 3.2rem);max-width:none;margin:-1.6rem -1.6rem 1.2rem;height:135px;object-fit:cover;filter:saturate(.72) contrast(1.05)}
.library-card-title{font-size:1.8rem}
.library-card a{margin-top:auto;color:var(--green-bright);font-family:var(--mono);font-size:.66rem;text-transform:uppercase;text-decoration:none}

/* launch */
.launch-next{border:1px solid var(--line);padding:2rem;background:#020806;margin-top:2rem}
.launch-next-grid{display:grid;grid-template-columns:1fr auto;gap:2rem}
.launch-next-name{font-family:var(--display);font-size:3rem;text-transform:uppercase}
.countdown{display:grid;grid-template-columns:repeat(4,90px);gap:.4rem}
.cd-cell{border:1px solid var(--line);padding:.8rem;text-align:center;background:#06110d}
.cd-num{font-family:var(--display);font-size:2.4rem}
.cd-label{font-family:var(--mono);font-size:.55rem;color:var(--dim);text-transform:uppercase}
.launch-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin-top:1rem}
.launch-status{color:var(--green-bright);font-size:.66rem;padding:1rem 0}
.launch-attrib{font-size:.58rem;color:var(--dim);margin-top:1rem}

/* about portrait */
.scholar-portrait{border:1px solid var(--line);padding:8px;background:#020806;margin-bottom:1.5rem}
.scholar-portrait img{width:100%;aspect-ratio:4/5;object-fit:cover}

/* contact/footer */
.contact-inner{display:grid;grid-template-columns:1.2fr .8fr;gap:3rem;align-items:center}
.contact-text p{color:var(--muted)}
.footer-signature{text-align:center;padding:2.2rem}
.fs-motto{font-size:.72rem;color:#dce7e3}
.fs-tag{font-size:.55rem;color:var(--dim);margin-top:.4rem}
footer{padding:3rem 5vw;background:#000;border-top:1px solid var(--line)}
.footer-brand{display:flex;align-items:center;gap:1rem}
.footer-brand img{width:52px;height:52px;object-fit:contain}
.footer-links{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin:2rem 0}
.footer-links a{border:1px solid rgba(69,178,148,.18);padding:.65rem;text-align:center;text-decoration:none;font-family:var(--mono);font-size:.56rem;text-transform:uppercase;letter-spacing:.09em;background:rgba(45,139,114,.035)}
.footer-links a:hover{border-color:var(--green-bright)}
.footer-attrib,.footer-copy{font-family:var(--mono);font-size:.58rem;color:var(--dim);margin-top:.7rem}

/* article pages */
.article-shell{width:min(calc(100% - 40px),900px);margin:auto;padding:4rem 0 7rem}
.article-shell .article-hero-image{width:100%;aspect-ratio:16/9;object-fit:cover;border:1px solid var(--line);margin-bottom:2.5rem}
.article-shell h1{font-family:var(--display);font-size:clamp(3.5rem,7vw,7rem);text-transform:uppercase;line-height:.92}
.article-shell h2{font-family:var(--display);font-size:2.6rem;text-transform:uppercase;margin-top:3.5rem}
.article-shell h3{font-family:var(--mono);text-transform:uppercase;letter-spacing:.08em;color:var(--green-bright)}
.article-shell p{font-size:1.05rem;color:#c6d2cd}
.article-callout{border-left:3px solid var(--green);background:rgba(45,139,114,.07);padding:1.2rem 1.4rem;margin:2rem 0}
.meta{display:flex;flex-wrap:wrap;gap:.7rem;font-family:var(--mono);font-size:.62rem;color:var(--dim);text-transform:uppercase}
.article-nav{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-top:4rem}
.article-nav a{border:1px solid var(--line);padding:1rem;text-decoration:none;font-family:var(--mono);font-size:.66rem;text-transform:uppercase}

/* legal/contact */
.contact-form{display:grid;gap:1rem;max-width:760px}
.contact-form label{font-family:var(--mono);font-size:.66rem;text-transform:uppercase;color:var(--muted)}
.contact-form input,.contact-form textarea,.contact-form select{width:100%;padding:1rem;background:#050c09;border:1px solid var(--line);color:#fff;font:inherit}
.contact-form textarea{min-height:170px}

/* responsive */
@media(max-width:980px){
  nav{min-height:74px}
  .nav-brand{min-width:auto;border-right:0}
  .menu-toggle{display:block}
  .nav-links{display:none;position:absolute;left:0;right:0;top:74px;grid-template-columns:1fr 1fr;background:#000;border-bottom:1px solid var(--line)}
  .nav-links.open{display:grid}
  .nav-links a{min-height:70px}
  .what-grid,.hakawati-inner,.host-inner,.contact-inner{grid-template-columns:1fr}
  .control-deck,.aud-grid,.phil-grid,.flow-grid,.library-grid{grid-template-columns:1fr 1fr}
  .landing-briefing-strip{grid-template-columns:1fr 1fr}
  .footer-links{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:640px){
  .hero{padding:4.5rem 20px}
  .hero-wordmark{font-size:4.6rem}
  .section-pad{padding:5rem 0}
  .control-deck,.aud-grid,.phil-grid,.flow-grid,.library-grid,.tier-grid,.launch-grid{grid-template-columns:1fr}
  .tier-card.featured{grid-column:auto}
  .landing-briefing-strip{grid-template-columns:1fr}
  .footer-links{grid-template-columns:1fr 1fr}
  .countdown{grid-template-columns:repeat(2,80px)}
  .launch-next-grid{grid-template-columns:1fr}
  
}
@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{animation:none!important;scroll-behavior:auto!important;transition:none!important}
  .reveal{opacity:1;transform:none}
}


/* 2.0.2 deployment asset completion */
body::after{
  content:"";
  position:fixed;
  right:-6vw;
  top:8vh;
  width:min(52vw,720px);
  height:84vh;
  z-index:-2;
  pointer-events:none;
  background:url("images/florida-map-watermark.svg") center/contain no-repeat;
  opacity:.105;
  filter:drop-shadow(0 0 34px rgba(69,178,148,.08));
}
.page-hero,.hero{
  isolation:isolate;
}
.page-hero::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-2;
  background-image:
    linear-gradient(90deg,rgba(0,0,0,.98) 0%,rgba(0,0,0,.88) 48%,rgba(0,0,0,.55) 100%),
    var(--page-banner);
  background-size:cover;
  background-position:center;
  opacity:.62;
}
.page-hero::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  background:
    linear-gradient(rgba(69,178,148,.035) 1px,transparent 1px),
    linear-gradient(90deg,rgba(69,178,148,.035) 1px,transparent 1px);
  background-size:28px 28px;
}
.hero{
  background-image:
    linear-gradient(90deg,rgba(0,0,0,.98),rgba(0,0,0,.80) 58%,rgba(0,0,0,.40)),
    url("images/homepage-hawk-hero.png");
  background-size:cover;
  background-position:center;
}
.footer-brand img,.nav-brand img{
  background:#000;
  border-radius:50%;
}
.brand-lockup{
  display:flex;
  align-items:center;
  gap:1rem;
}
.brand-lockup img{
  width:58px;
  height:58px;
  object-fit:contain;
}
.brand-lockup strong{
  display:block;
  font-family:'Orbitron',sans-serif;
  letter-spacing:.12em;
}
.brand-lockup span{
  display:block;
  font-family:var(--mono);
  color:var(--dim);
  text-transform:uppercase;
  letter-spacing:.11em;
  font-size:.57rem;
}
@media(max-width:640px){
  body::after{right:-42vw;width:110vw;opacity:.06}
  .page-hero::before{background-position:65% center}
}


/* 3.0.3 compact homepage hero */
.hero{
  min-height:auto;
  padding:3.2rem 5vw 3.5rem;
  justify-content:flex-start;
  background-image:
    linear-gradient(
      90deg,
      rgba(0,0,0,.74) 0%,
      rgba(0,0,0,.48) 34%,
      rgba(0,0,0,.20) 58%,
      rgba(0,0,0,.28) 100%
    ),
    url("images/homepage-hawk-hero.png");
  background-size:cover;
  background-position:58% 28%;
}
.hero::before{
  background:
    radial-gradient(circle at 68% 28%,rgba(69,178,148,.12),transparent 22%),
    linear-gradient(90deg,rgba(0,0,0,.20),rgba(0,0,0,.04));
}
.hero-compact-shell{
  width:min(1180px,100%);
  display:grid;
  grid-template-columns:minmax(230px,340px) minmax(0,1fr);
  gap:clamp(1.4rem,4vw,4rem);
  align-items:center;
  margin-bottom:1.6rem;
}
.hero-logo-col{
  display:flex;
  align-items:center;
  justify-content:center;
}
.hero-logo-col .hero-logo{
  width:min(320px,100%);
  margin:0;
  filter:
    drop-shadow(0 0 22px rgba(69,178,148,.26))
    drop-shadow(0 0 7px rgba(255,255,255,.07));
}
.hero-identity-col{
  align-self:center;
  padding:1.2rem 0;
  text-shadow:0 2px 20px rgba(0,0,0,.78);
}
.hero-identity-title{
  font-family:var(--display);
  font-size:clamp(4.2rem,8.4vw,8.6rem);
  line-height:.82;
  text-transform:uppercase;
  letter-spacing:.025em;
  color:#fff;
}
.hero-identity-sub{
  margin-top:1rem;
  font-family:var(--mono);
  font-size:clamp(.72rem,1.3vw,.96rem);
  text-transform:uppercase;
  letter-spacing:.14em;
  color:#d5e0dc;
}
.hero-identity-motto{
  margin-top:.8rem;
  font-family:var(--mono);
  font-size:clamp(.68rem,1.1vw,.88rem);
  text-transform:uppercase;
  letter-spacing:.12em;
  color:var(--green-bright);
}
.hero .hero-meaning{
  max-width:980px;
  margin-top:.6rem;
}
.hero .hero-support,
.hero .hero-lede{
  max-width:900px;
}
@media(max-width:820px){
  .hero{
    padding:2.6rem 20px 3rem;
    background-position:62% 22%;
    background-image:
      linear-gradient(
        180deg,
        rgba(0,0,0,.40) 0%,
        rgba(0,0,0,.36) 44%,
        rgba(0,0,0,.62) 100%
      ),
      url("images/homepage-hawk-hero.png");
  }
  .hero-compact-shell{
    grid-template-columns:150px minmax(0,1fr);
    gap:1rem;
    align-items:center;
  }
  .hero-identity-title{
    font-size:clamp(3rem,14vw,5.2rem);
  }
  .hero-identity-sub{
    font-size:.62rem;
    line-height:1.45;
  }
  .hero-identity-motto{
    font-size:.58rem;
    line-height:1.45;
  }
}
@media(max-width:560px){
  .hero-compact-shell{
    grid-template-columns:112px minmax(0,1fr);
    gap:.85rem;
  }
  .hero-logo-col .hero-logo{
    width:112px;
  }
  .hero-identity-title{
    font-size:clamp(2.65rem,13.8vw,4rem);
  }
  .hero-identity-sub,
  .hero-identity-motto{
    letter-spacing:.08em;
  }
}


/* 3.0.4 smoke lounge hero */
.hero{
  background-image:
    linear-gradient(
      90deg,
      rgba(0,0,0,.70) 0%,
      rgba(0,0,0,.55) 36%,
      rgba(0,0,0,.40) 64%,
      rgba(0,0,0,.58) 100%
    ),
    url("images/hawk-smoke-banner.png")!important;
  background-size:cover!important;
  background-position:center 48%!important;
}
.hero::before{
  background:
    radial-gradient(circle at 34% 42%,rgba(69,178,148,.12),transparent 28%),
    linear-gradient(90deg,rgba(0,0,0,.10),rgba(0,0,0,.02))!important;
}
.hero::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  z-index:-1;
  background:
    radial-gradient(circle at 56% 40%,rgba(255,255,255,.025),transparent 24%),
    linear-gradient(180deg,rgba(255,255,255,.015),transparent 28%,rgba(0,0,0,.16));
}
.hero-compact-shell,
.hero .hero-meaning,
.hero .hero-support,
.hero .hero-lede,
.hero .hero-btns{
  position:relative;
  z-index:2;
}
@media(max-width:820px){
  .hero{
    background-position:44% 45%!important;
    background-image:
      linear-gradient(
        180deg,
        rgba(0,0,0,.48) 0%,
        rgba(0,0,0,.42) 46%,
        rgba(0,0,0,.68) 100%
      ),
      url("images/hawk-smoke-banner.png")!important;
  }
}


/* RADAR UNIFORMITY 3.0.5 */
.hawk-radar{
  position:fixed!important;
  left:50%!important;
  top:50%!important;
  right:auto!important;
  bottom:auto!important;
  width:min(84vw,920px)!important;
  height:auto!important;
  aspect-ratio:1!important;
  transform:translate(-50%,-50%)!important;
  z-index:1!important;
  pointer-events:none!important;
  opacity:.42!important;
  display:block!important;
  overflow:visible!important;
  border-radius:50%!important;
  filter:
    drop-shadow(0 0 28px rgba(69,178,148,.32))
    drop-shadow(0 0 76px rgba(45,139,114,.24))!important;
}
.hawk-radar::before{
  content:"";
  position:absolute;
  inset:-10%;
  border-radius:50%;
  background:radial-gradient(
    circle,
    rgba(69,178,148,.24) 0%,
    rgba(45,139,114,.14) 34%,
    rgba(11,43,35,.075) 58%,
    transparent 76%
  );
  filter:blur(12px);
  z-index:-1;
}
.hawk-radar img{
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  display:block!important;
  opacity:1!important;
}
.hawk-radar::after{
  content:"";
  position:absolute;
  inset:1.2%;
  border-radius:50%;
  background:conic-gradient(
    from 0deg,
    rgba(105,224,190,.52) 0deg,
    rgba(69,178,148,.20) 34deg,
    transparent 76deg,
    transparent 360deg
  );
  animation:hawk-radar-sweep 22s linear infinite;
  transform-origin:50% 50%;
}
@keyframes hawk-radar-sweep{to{transform:rotate(360deg)}}
nav,main,footer,.footer-signature,.skip-link,.skip{
  position:relative;
  z-index:2;
}
@media(max-width:700px){
  .hawk-radar{
    width:132vw!important;
    opacity:.27!important;
  }
}
@media(prefers-reduced-motion:reduce){
  .hawk-radar::after{animation:none!important}
}
/* END RADAR UNIFORMITY 3.0.5 */


/* LIVE LAUNCH BOARD 3.0.5 */
.launch-source-bar{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  justify-content:space-between;
  gap:.8rem;
  margin:1.4rem 0 1rem;
  padding:.8rem 1rem;
  border:1px solid rgba(69,178,148,.25);
  background:rgba(0,0,0,.72);
  font-family:var(--mono);
  font-size:.62rem;
  letter-spacing:.1em;
  text-transform:uppercase;
  color:var(--muted);
}
.launch-source-bar a{color:var(--green-bright)}
.launch-featured{
  border:1px solid rgba(69,178,148,.52);
  background:
    linear-gradient(rgba(69,178,148,.045) 1px,transparent 1px),
    linear-gradient(90deg,rgba(69,178,148,.045) 1px,transparent 1px),
    linear-gradient(145deg,rgba(7,22,17,.96),rgba(0,0,0,.96));
  background-size:26px 26px;
  box-shadow:0 0 38px rgba(45,139,114,.12),inset 0 1px 0 rgba(255,255,255,.04);
  margin:1.5rem 0 2rem;
  padding:clamp(1.4rem,3vw,2.4rem);
}
.launch-featured-grid{
  display:grid;
  grid-template-columns:minmax(0,1.4fr) minmax(290px,.6fr);
  gap:2rem;
  align-items:center;
}
.launch-classification,
.launch-card-number{
  font-family:var(--mono);
  color:var(--green-bright);
  font-size:.61rem;
  letter-spacing:.14em;
  text-transform:uppercase;
}
.launch-featured-name{
  font-family:var(--display);
  font-size:clamp(2.7rem,6vw,5.8rem);
  line-height:.9;
  text-transform:uppercase;
  margin:.55rem 0 .8rem;
}
.launch-meta-line{
  display:flex;
  flex-wrap:wrap;
  gap:.55rem 1rem;
  font-family:var(--mono);
  font-size:.68rem;
  letter-spacing:.07em;
  text-transform:uppercase;
  color:#c6d4cf;
}
.launch-status-chip{
  display:inline-flex;
  align-items:center;
  gap:.35rem;
  padding:.33rem .55rem;
  border:1px solid rgba(69,178,148,.45);
  color:var(--green-bright);
  background:rgba(45,139,114,.08);
}
.launch-status-chip[data-status="TBD"],
.launch-status-chip[data-status="TBC"]{
  border-color:rgba(202,164,94,.48);
  color:#d8bd7f;
  background:rgba(202,164,94,.06);
}
.launch-status-chip[data-status="POSTPONED"]{
  border-color:rgba(194,93,93,.45);
  color:#d58f8f;
  background:rgba(194,93,93,.06);
}
.mission-report{
  margin-top:1.25rem;
  color:#c1cec9;
  max-width:850px;
}
.mission-report-label{
  display:block;
  margin-bottom:.4rem;
  font-family:var(--mono);
  font-size:.58rem;
  text-transform:uppercase;
  letter-spacing:.14em;
  color:var(--dim);
}
.launch-countdown{
  display:grid;
  grid-template-columns:repeat(4,minmax(58px,1fr));
  gap:.45rem;
}
.launch-countdown .cd-cell{
  border:1px solid rgba(69,178,148,.31);
  background:rgba(0,0,0,.72);
  min-height:88px;
  padding:.65rem .35rem;
  display:flex;
  flex-direction:column;
  justify-content:center;
  text-align:center;
}
.launch-countdown .cd-num{
  font-family:var(--display);
  font-size:clamp(2rem,4vw,3.2rem);
  line-height:1;
  color:#f1f7f4;
  text-shadow:0 0 15px rgba(69,178,148,.32);
}
.launch-countdown .cd-label{
  margin-top:.35rem;
  font-family:var(--mono);
  font-size:.52rem;
  text-transform:uppercase;
  letter-spacing:.11em;
  color:var(--green-bright);
}
.launch-countdown[data-expired="true"]{
  grid-template-columns:1fr;
}
.launch-countdown[data-expired="true"]::before{
  content:"Launch window reached — verify current status";
  border:1px solid rgba(202,164,94,.45);
  padding:1rem;
  font-family:var(--mono);
  font-size:.65rem;
  text-transform:uppercase;
  letter-spacing:.09em;
  color:#d8bd7f;
}
.launch-countdown[data-expired="true"] .cd-cell{display:none}
.launch-events{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:1rem;
  margin-top:1rem;
}
.launch-event-card{
  position:relative;
  min-height:390px;
  display:flex;
  flex-direction:column;
  padding:1.45rem;
  border:1px solid rgba(69,178,148,.28);
  background:
    linear-gradient(rgba(69,178,148,.04) 1px,transparent 1px),
    linear-gradient(90deg,rgba(69,178,148,.04) 1px,transparent 1px),
    linear-gradient(150deg,rgba(7,18,14,.94),rgba(0,0,0,.96));
  background-size:22px 22px;
  overflow:hidden;
}
.launch-event-card::after{
  content:"";
  position:absolute;
  left:0;right:0;bottom:0;
  height:3px;
  background:linear-gradient(90deg,var(--green-bright),transparent 80%);
}
.launch-event-card h3{
  font-family:var(--display);
  font-size:clamp(1.9rem,3vw,3rem);
  line-height:.95;
  text-transform:uppercase;
  margin:.65rem 0;
}
.launch-event-card .mission-report{
  font-size:.94rem;
  line-height:1.65;
  flex:1;
}
.launch-event-card .launch-countdown{
  margin-top:1rem;
}
.launch-event-card .launch-countdown .cd-cell{
  min-height:64px;
  padding:.45rem .2rem;
}
.launch-event-card .launch-countdown .cd-num{
  font-size:1.7rem;
}
.launch-disclaimer{
  margin-top:1.5rem;
  padding:1rem 1.15rem;
  border-left:3px solid var(--green);
  background:rgba(45,139,114,.07);
  color:var(--muted);
  font-size:.9rem;
}
.launch-load-error{
  border:1px solid rgba(202,164,94,.42);
  background:rgba(202,164,94,.06);
  padding:1.2rem;
  color:#d8bd7f;
}
@media(max-width:900px){
  .launch-featured-grid{grid-template-columns:1fr}
}
@media(max-width:760px){
  .launch-events{grid-template-columns:1fr}
}
@media(max-width:430px){
  .launch-countdown{grid-template-columns:repeat(2,1fr)}
}