@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Space+Grotesk:wght@500;600;700&display=swap');
:root{--ink:#07101d;--ink2:#0b1728;--gold:#e7b84b;--cream:#f2efe8;--muted:#9ba8b8;--line:#263447}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);color:var(--cream);font-family:Inter,Arial,sans-serif;line-height:1.65}a{color:inherit;text-decoration:none}
.nav{height:82px;position:fixed;z-index:20;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;padding:0 5vw;border-bottom:1px solid rgba(255,255,255,.1);background:rgba(7,16,29,.86);backdrop-filter:blur(14px)}
.brand{display:flex;align-items:center;gap:12px;font:600 11px/1.1 Space Grotesk;letter-spacing:1.6px}.brand b{color:var(--gold)}.shield{width:37px;height:43px;display:grid;place-items:center;border:1px solid var(--gold);color:var(--gold);font:bold 17px Space Grotesk;clip-path:polygon(10% 0,90% 0,100% 72%,50% 100%,0 72%)}
nav{display:flex;gap:30px}nav a{font-size:12px;text-transform:uppercase;letter-spacing:1.5px;color:#c7d0dc}nav a:hover,.socials a:hover{color:var(--gold)}.menu{display:none;background:none;border:0;color:white;font-size:25px}
.hero{min-height:100vh;display:flex;align-items:center;position:relative;overflow:hidden;padding:130px 8vw 80px;background:radial-gradient(circle at 75% 35%,#173052 0,transparent 28%),linear-gradient(125deg,#050b14,#0a1729 65%,#07101d)}
.hero:after{content:"";position:absolute;width:430px;height:430px;border:1px solid rgba(231,184,75,.23);border-radius:50%;right:8vw;top:24%;box-shadow:0 0 100px rgba(231,184,75,.05)}
.hero-grid{position:absolute;inset:0;opacity:.16;background-image:linear-gradient(#48617e 1px,transparent 1px),linear-gradient(90deg,#48617e 1px,transparent 1px);background-size:55px 55px;mask-image:linear-gradient(to right,transparent,#000)}
.hero-content{position:relative;z-index:2;max-width:850px}.eyebrow{color:var(--gold);font-size:11px;font-weight:700;letter-spacing:3px;text-transform:uppercase}
h1,h2,h3{font-family:Space Grotesk,Inter,sans-serif;margin-top:0}h1{font-size:clamp(58px,9vw,130px);line-height:.88;letter-spacing:-5px;margin:25px 0 30px}h1 span{color:transparent;-webkit-text-stroke:1px #d9e0e8}h2{font-size:clamp(38px,5vw,68px);line-height:1;letter-spacing:-2px}.lead{max-width:650px;color:#b9c4d1;font-size:19px}.actions{display:flex;gap:12px;margin-top:35px}.btn{display:inline-block;border:1px solid #607087;padding:14px 22px;font-size:11px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase}.btn.primary{background:var(--gold);border-color:var(--gold);color:#111}.btn:hover{transform:translateY(-2px)}.scroll{position:absolute;bottom:25px;right:5vw;font-size:9px;letter-spacing:2px;color:#8190a2}
.statement{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:20px;text-align:center;overflow:hidden}.statement p{margin:0;font:600 13px Space Grotesk;letter-spacing:3px;white-space:nowrap}.statement i{color:var(--gold);font-style:normal;margin:0 20px}
.section{padding:110px 8vw}.section-head{display:grid;grid-template-columns:1.3fr .7fr;gap:60px;margin-bottom:45px}.section-head>p{color:var(--muted);max-width:420px}
.tracks{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}.track{background:var(--ink);padding:28px;display:grid;grid-template-columns:120px 1fr;gap:25px;transition:.2s}.track:hover{background:#0d1c30}.track .art{height:120px;background:linear-gradient(145deg,#1c3453,#09111e);border:1px solid #35475d;position:relative;display:grid;place-items:center;color:var(--gold);font:700 28px Space Grotesk}.track .art span{position:absolute;top:8px;left:10px;font:10px Inter;color:#8190a2}.track small{font-size:9px;letter-spacing:1.5px;color:var(--gold)}.track h3{font-size:23px;margin:8px 0}.track p{font-size:13px;color:var(--muted)}.track a{font-size:10px;font-weight:bold;letter-spacing:1.5px}.edit-note{font-size:10px;color:#657488;margin-top:15px}
.story{padding:120px 8vw;background:var(--cream);color:#101721;display:grid;grid-template-columns:.45fr 1fr;gap:70px}.story>div:last-child{max-width:800px}.story-number{font:700 160px/1 Space Grotesk;color:#ded8ca}.story .eyebrow{color:#9b6f08}.bigcopy{font:500 25px/1.45 Space Grotesk}.story blockquote{margin:50px 0 0;padding:25px 0;border-top:1px solid #bdb6a8;border-bottom:1px solid #bdb6a8;font:500 22px Space Grotesk}
.feature{padding:100px 8vw;display:grid;grid-template-columns:.3fr 1fr;gap:60px;background:#0a1423}.feature-label{writing-mode:vertical-rl;font-size:10px;letter-spacing:2px;color:#69798c}.feature-body{max-width:1000px}.feature .intro{font-size:21px;color:#c6d0dc}.columns{columns:2;column-gap:60px;color:#9daaba}.columns p{margin-top:0;margin-bottom:25px}
.about{display:grid;grid-template-columns:1fr 1fr;gap:80px}.about>div:last-child{color:#aab5c3;font-size:17px}.socials{display:flex;flex-wrap:wrap;gap:20px;margin-top:35px}.socials a{font-size:11px;color:white;letter-spacing:1px;border-bottom:1px solid var(--gold)}
.cta{text-align:center;padding:130px 20px;background:radial-gradient(circle,#173050,#07101d 60%)}.cta h2{font-size:clamp(48px,7vw,90px);margin-bottom:20px}.cta p{color:#aab6c4;margin-bottom:35px}
footer{border-top:1px solid var(--line);padding:40px 5vw;display:flex;align-items:center;justify-content:space-between;color:#6f7d8e;font-size:10px;letter-spacing:1px}
@media(max-width:760px){.nav nav{display:none;position:absolute;top:82px;left:0;right:0;background:#07101d;padding:25px 5vw;flex-direction:column}.nav nav.open{display:flex}.menu{display:block}h1{letter-spacing:-3px}.section,.story,.feature{padding:80px 6vw}.section-head,.story,.feature,.about{grid-template-columns:1fr}.story-number,.feature-label{display:none}.tracks{grid-template-columns:1fr}.track{grid-template-columns:90px 1fr}.track .art{height:90px}.columns{columns:1}.statement p{font-size:10px}.statement i{margin:0 8px}footer{gap:25px;align-items:flex-start;flex-direction:column}.hero:after{width:250px;height:250px;right:-90px;top:25%}}