/*
  mission.heltonfonias.com — same visual system as heltonfonias.com
  (Football LIVE Studio/vps-deploy/assets/livehub-taste.css): warm ink, paper
  text, one accent, Geist, pills for controls, soft cells for content.
  Loaded after the page's inline styles.
*/
@font-face{font-family:'Geist';src:url('fonts/Geist-Variable.woff2') format('woff2');font-weight:100 900;font-style:normal;font-display:swap}
@font-face{font-family:'Geist';src:url('fonts/Geist-Italic-Variable.woff2') format('woff2');font-weight:100 900;font-style:italic;font-display:swap}
:root{
  --lh-ink:#0c0a09;--lh-ink-2:#141110;--lh-ink-3:#1c1917;--lh-ink-4:#292524;
  --lh-paper:#fafaf9;--lh-mute:#a8a29e;--lh-accent:#ff2d3f;
  --lh-line:rgba(255,255,255,.1);--lh-radius-card:1.25rem;--lh-ease:cubic-bezier(.16,1,.3,1);
  --lh-font:'Geist',ui-sans-serif,system-ui,-apple-system,'Segoe UI',sans-serif;
  --bg:#0c0a09;--surface:#141110;--line:rgba(255,255,255,.1);--violet:#ff2d3f;--magenta:#ff2d3f;--lime:#fafaf9;--text:#fafaf9;--muted:#a8a29e;--light:#141110;--ink:#fafaf9;
}
html{background:var(--lh-ink);color-scheme:dark}
body{background:var(--lh-ink);color:var(--lh-paper);font-family:var(--lh-font);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
::selection{background:var(--lh-accent);color:var(--lh-ink)}
a:focus-visible,button:focus-visible{outline:2px solid var(--lh-accent);outline-offset:3px}
.lh-grain{position:fixed;inset:0;z-index:2147483000;pointer-events:none;opacity:.06;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.9 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
.lh-wordmark{margin:48px 0 0;padding-bottom:24px;overflow:hidden;color:rgba(255,255,255,.06);font-family:var(--lh-font);font-size:21vw;font-weight:700;line-height:.8;letter-spacing:-.06em;text-align:center;user-select:none}
@keyframes lh-rise{from{opacity:0;transform:translateY(24px)}}

/* Small labels: one voice everywhere */
.status,.eyebrow,.kicker,.num,.tag,.module-id,.phase,.cost-card>span,.risk-grid article>span,.callout>span,small,.priority-item>strong,.current-build-grid article>span,.gallery-head span,.console-pill{font-family:var(--lh-font)!important;font-weight:600;letter-spacing:.14em}
.kicker,.eyebrow,.num{color:var(--lh-accent)}
.eyebrow{display:inline-flex;padding:6px 14px;border:1px solid rgba(255,255,255,.15);border-radius:999px;background:rgba(255,255,255,.05);color:rgba(250,250,249,.8);font-size:11px;text-transform:uppercase}

/* Headings */
h1,h2,h3{font-family:var(--lh-font);text-wrap:balance}
h1{font-weight:700;line-height:1.02;letter-spacing:-.05em}
h1 em,h2 em{font-style:italic;font-weight:400;color:rgba(255,255,255,.7)}
h2{font-weight:700;line-height:1.05;letter-spacing:-.04em}
h3{font-weight:600;letter-spacing:-.03em}
.section-head h2{font-size:clamp(2.25rem,4.6vw,3.75rem)}
.section-head p,.lead{color:var(--lh-mute);font-size:18px;line-height:1.6}
.accent{color:var(--lh-accent)}

/* Top bar as a floating pill */
.topbar{position:sticky;top:16px;z-index:40;width:min(1400px,calc(100% - 48px));margin:16px auto 0;padding-inline:20px 10px;border:1px solid var(--lh-line);border-radius:999px;background:rgba(12,10,9,.7);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}
.topbar nav a{color:var(--lh-mute);font-size:14px}
.topbar nav a:hover,.text-link:hover,.footer a:hover{color:var(--lh-paper)}
.brand{font-weight:600;letter-spacing:-.01em}
.brand .accent{color:var(--lh-paper)}
.status{color:var(--lh-mute)}
.status i{background:#22c55e;box-shadow:none}
.development-notice{border:0;background:var(--lh-ink-2);color:var(--lh-mute)}
.development-notice strong{color:var(--lh-paper);font-family:var(--lh-font)}
.development-notice b{color:var(--lh-accent)}

/* Hero */
.hero{background:none}
.hero-grid>div:first-child>*{animation:lh-rise .9s var(--lh-ease) both}
.hero-grid>div:first-child>:nth-child(2){animation-delay:80ms}
.hero-grid>div:first-child>:nth-child(3){animation-delay:160ms}
.button{display:inline-flex;align-items:center;gap:8px;height:48px;padding:0 24px;border:0;border-radius:999px;background:var(--lh-paper);color:var(--lh-ink);box-shadow:none;font-family:var(--lh-font);font-size:14px;font-weight:500;transition:transform .3s var(--lh-ease)}
.button:hover{background:var(--lh-paper);transform:scale(1.03)}
.button:active{transform:scale(.98)}
.text-link{color:var(--lh-paper)}
.hero-art .orbit{border-color:rgba(255,255,255,.1)}
.art-core{border:0;border-radius:var(--lh-radius-card);background:var(--lh-ink-2);box-shadow:none}
.art-label{border:1px solid var(--lh-line);border-radius:999px;background:rgba(12,10,9,.8);color:var(--lh-paper);font-family:var(--lh-font)}
.art-label b,.priority-item>b,.priority-item>strong{color:var(--lh-accent);font-family:var(--lh-font)}

/* Cells */
.panel,.module,.cost-card,.risk-grid article,.callout,.priority-item,.metric-row>*,.tool-progress-panel,.current-build-grid article,.current-build-market,.market-brief,.market-steps article,.decision,.fin-note,.design-disclaimer,.timeline article,.design-controls,.mini-table,.three-col>*{border-color:transparent;border-radius:var(--lh-radius-card);background-color:var(--lh-ink-2);box-shadow:none}
.section.alt{background:#000}
.module-id{color:var(--lh-mute)}
.module-id span{color:var(--lh-accent)}
.chips span,.tag,.console-pill{border:1px solid var(--lh-line);border-radius:999px;background:transparent;color:var(--lh-mute);font-family:var(--lh-font)}
.next{border-color:var(--lh-line)}
.phase{color:var(--lh-paper);font-variant-numeric:tabular-nums}
.phase i{color:var(--lh-mute)}
.brand-badge{border-radius:16px;background:var(--lh-paper);box-shadow:none}
.module-monogram{border:0;border-radius:16px;background:var(--lh-ink-4);color:var(--lh-paper);font-family:var(--lh-font)}
.theme-switcher button{border-radius:999px;font-family:var(--lh-font)}
.stitch-gallery figure{border-radius:var(--lh-radius-card);overflow:hidden;border-color:var(--lh-line)}
progress,.tool-progress-meter{accent-color:var(--lh-paper)}
.footer{border-top:1px solid var(--lh-line);color:var(--lh-mute)}
.footer a{color:rgba(250,250,249,.8)}
@media(max-width:700px){.topbar{width:calc(100% - 24px)}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}
.module{padding:28px;margin-bottom:16px}
.brand img,.art-core img,.console-brand img{filter:none}