@font-face{font-family:Montserrat;font-weight:400;font-display:swap;src:url(fonts/montserrat-latin-400-normal.woff2) format("woff2")}
@font-face{font-family:Montserrat;font-weight:600;font-display:swap;src:url(fonts/montserrat-latin-600-normal.woff2) format("woff2")}
@font-face{font-family:Montserrat;font-weight:700;font-display:swap;src:url(fonts/montserrat-latin-700-normal.woff2) format("woff2")}
@font-face{font-family:Roboto;font-weight:400;font-display:swap;src:url(fonts/roboto-latin-400-normal.woff2) format("woff2")}
@font-face{font-family:Roboto;font-weight:500;font-display:swap;src:url(fonts/roboto-latin-500-normal.woff2) format("woff2")}
:root{--navy:#032855;--navy2:#1b375f;--deep:#0b1628;--ink:#0a0f1a;--txt:#dfe4ee;--txt2:#c3c8d4;--soft:#8fb0e0;--bar:#d6dae3;--blue:#0d6efd;
--head:Montserrat,"Segoe UI",system-ui,sans-serif;--sans:Roboto,"Segoe UI",system-ui,sans-serif}
*{box-sizing:border-box}
body{margin:0;background:#000;color:var(--txt);font:16px/1.55 var(--sans);-webkit-font-smoothing:antialiased}
a{color:#bcd3ff}a:hover{color:#fff}
h1,h2,h3{font-family:var(--head);font-weight:700;color:#fff;margin:0;line-height:1.12}
h1{font-size:clamp(32px,4.6vw,56px)}h2{font-size:clamp(24px,2.6vw,32px)}h3{font-size:18px}
p{margin:0}
.wrap{max-width:1200px;margin:0 auto;padding:64px 28px}
.draft{background:#ffd75e;color:#1d1f20;font:500 13px/1.4 var(--sans);text-align:center;padding:8px 12px}
.draft a{color:#032855;font-weight:700;margin:0 4px}
.draft a[aria-current]{text-decoration:none;background:#032855;color:#fff;padding:1px 7px}
header{position:sticky;top:0;z-index:20;background:var(--bar)}
header .wrap{padding:12px 28px;display:flex;align-items:center;justify-content:space-between;gap:20px}
header img{height:36px;width:auto;display:block}
header nav{display:flex;align-items:center;gap:22px;font:400 15px var(--sans)}
header nav a{color:#1d1f20;text-decoration:none;padding:8px 2px}
header nav a.cta{background:var(--blue);color:#fff;padding:9px 16px}
.btn{display:inline-block;background:var(--blue);color:#fff;text-decoration:none;font:500 15px var(--sans);padding:13px 22px}
.btn:hover{background:#0b5ed7;color:#fff}
.grad{background:linear-gradient(90deg,var(--navy2) 0%,var(--deep) 55%,#000 100%)}
.kicker{font:500 12px var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--soft)}
.stack{display:flex;flex-direction:column;gap:18px}
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px}
.card{border:1px solid rgba(255,255,255,.25);padding:22px;display:flex;flex-direction:column;gap:8px}
.card h3{font-size:19px}
.card p{color:var(--txt2);font-size:15px}
video{display:block}
.hero-video{position:relative;min-height:520px;background:#05070d;overflow:hidden;display:flex;align-items:center}
.hero-video video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.45}
.hero-video .wrap{position:relative;width:100%}
.hero-video .inner{max-width:620px;display:flex;flex-direction:column;gap:20px}
.lead{font-size:18px;color:var(--txt)}
.split{display:grid;grid-template-columns:1fr 1fr;min-height:540px}
.split .text{background:var(--ink);display:flex;align-items:center}
.split .text .inner{max-width:560px;margin-left:auto;padding:56px 44px;display:flex;flex-direction:column;gap:20px}
.split .media{position:relative;background:#05070d;overflow:hidden}
.split .media video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.stm{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid rgba(255,255,255,.4)}
.stm div{padding:22px 20px 0 0;display:flex;flex-direction:column;gap:6px}
.stm div+div{border-left:1px solid rgba(255,255,255,.2);padding-left:20px}
.stm b{font:700 19px var(--head);color:#fff}
.stm span{color:var(--txt2);font-size:15px}
.feature{display:grid;grid-template-columns:1.4fr 1fr;gap:28px;align-items:center;border:1px solid rgba(255,255,255,.2);padding:20px}
.ph{aspect-ratio:16/10;border:1px dashed rgba(255,255,255,.4);display:flex;align-items:center;justify-content:center;text-align:center;color:var(--soft);font-size:14px;padding:16px;background:rgba(255,255,255,.03)}
.wall{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:220px;gap:8px}
.wall figure{margin:0;position:relative;overflow:hidden;background:#fff}
.wall figure.big{grid-column:span 2;grid-row:span 2;background:#05070d}
.wall img,.wall video{width:100%;height:100%;object-fit:cover;display:block}
.wall figcaption{position:absolute;left:10px;bottom:10px;font-size:13px;color:#fff;background:rgba(0,0,0,.65);padding:4px 9px}
.chips{display:flex;gap:8px;flex-wrap:wrap}
.chips span{border:1px solid rgba(255,255,255,.4);color:#fff;padding:6px 12px;font-size:13px}
.chips span.on{background:#fff;color:var(--deep)}
.row{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;flex-wrap:wrap}
.strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.strip figure{margin:0;background:#fff;aspect-ratio:1;overflow:hidden;position:relative}
.strip img{width:100%;height:100%;object-fit:cover;display:block}
.strip figcaption{position:absolute;left:8px;bottom:8px;font-size:12px;color:#fff;background:rgba(0,0,0,.65);padding:3px 7px}
.about{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:start}
.facts{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.facts div{border-top:1px solid rgba(255,255,255,.3);padding-top:12px}
.facts b{display:block;font:700 30px var(--head);color:#fff}
.facts span{font-size:14px;color:var(--txt2)}
.contact{background:var(--bar);color:#1d1f20}
.contact h2{color:var(--navy)}
.contact .wrap{display:flex;flex-wrap:wrap;gap:24px;align-items:center;justify-content:space-between}
footer{background:#000;color:#9aa3b2;font-size:14px}
footer .wrap{padding:24px 28px;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between}
footer a{color:#c9d3e6}
footer nav{display:flex;gap:18px;flex-wrap:wrap}
@media (max-width:860px){
  .wrap{padding:44px 18px}
  header .wrap{padding:10px 18px}
  header nav a:not(.cta){display:none}
  header img{height:30px}
  .split{grid-template-columns:1fr}
  .split .media{min-height:240px}
  .split .text .inner{padding:36px 18px;margin:0}
  .hero-video{min-height:440px}
  .stm{grid-template-columns:1fr}
  .stm div,.stm div+div{border-left:0;border-top:1px solid rgba(255,255,255,.3);padding:14px 0}
  .feature,.about{grid-template-columns:1fr}
  .wall{grid-template-columns:1fr 1fr;grid-auto-rows:160px}
  .strip{grid-template-columns:1fr 1fr}
  .chips{flex-wrap:nowrap;overflow-x:auto;padding-bottom:4px}
  .chips span{flex:none}
}