:root { --orange:#f79633; --ink:#080808; --paper:#f2f0ea; --muted:#aaa7a0; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; background:var(--ink); color:var(--paper); font-family:Arial,Helvetica,sans-serif; }
a { color:inherit; text-decoration:none; }
img { display:block; max-width:100%; }
::selection { background:var(--orange); color:#050505; }
.site-header { height:84px; padding:0 clamp(22px,4vw,68px); display:flex; align-items:center; justify-content:space-between; position:absolute; z-index:20; width:100%; border-bottom:1px solid #ffffff1c; }
.brand img { width:205px; height:48px; object-fit:cover; object-position:center; }
nav { display:flex; gap:32px; font-size:12px; text-transform:uppercase; letter-spacing:.14em; }
nav a,.header-cta { transition:color .2s; }
nav a:hover,.header-cta:hover { color:var(--orange); }
.header-cta { border:1px solid #ffffff30; padding:12px 16px; font-size:11px; text-transform:uppercase; letter-spacing:.12em; }
.hero { min-height:100vh; position:relative; overflow:hidden; padding:150px clamp(22px,6vw,100px) 65px; display:grid; grid-template-columns:1.08fr .92fr; align-items:center; gap:6vw; }
.hero:before { content:""; position:absolute; inset:0; background:radial-gradient(circle at 77% 48%,#f796332b,transparent 24%),linear-gradient(120deg,#0a0a0a 40%,#15100a); }
.hero-grid { position:absolute; inset:0; opacity:.1; background-image:linear-gradient(#fff 1px,transparent 1px),linear-gradient(90deg,#fff 1px,transparent 1px); background-size:64px 64px; mask-image:linear-gradient(to right,transparent,#000 55%,#000); }
.hero-orbit { position:absolute; border:1px solid #f796334a; border-radius:50%; right:-8vw; top:12vh; width:48vw; height:48vw; }
.orbit-two { right:7vw; top:27vh; width:24vw; height:24vw; border-color:#ffffff1f; }
.hero-copy,.featured-video { position:relative; z-index:2; }
.eyebrow,.section-kicker { color:var(--orange); font-size:11px; text-transform:uppercase; letter-spacing:.2em; font-weight:bold; }
.eyebrow { display:flex; align-items:center; gap:10px; }.eyebrow span { width:28px; height:2px; background:var(--orange); }
h1 { font-size:clamp(52px,7.4vw,118px); line-height:.85; letter-spacing:-.07em; margin:26px 0 34px; font-weight:900; text-transform:uppercase; max-width:950px; }
h1 em { color:var(--orange); font-style:normal; font-size:.68em; letter-spacing:-.055em; }
.hero-intro { color:#c6c3bc; max-width:610px; line-height:1.7; font-size:clamp(16px,1.3vw,20px); }
.hero-actions { display:flex; gap:14px; margin-top:36px; flex-wrap:wrap; }
.button { min-height:51px; display:inline-flex; align-items:center; justify-content:center; gap:12px; padding:0 22px; border:1px solid #ffffff2b; font-size:11px; letter-spacing:.14em; text-transform:uppercase; font-weight:bold; transition:.25s; }
.button-primary { background:var(--orange); color:#090909; border-color:var(--orange); }.button:hover { transform:translateY(-2px); }.button-ghost:hover { border-color:var(--orange); color:var(--orange); }
.play-icon { width:34px; height:34px; display:grid; place-items:center; border-radius:50%; background:var(--orange); color:#080808; font-size:11px; padding-left:2px; }
.button .play-icon { width:auto; height:auto; background:transparent; }
.featured-video { aspect-ratio:16/10; width:100%; border:1px solid #ffffff25; overflow:visible; box-shadow:0 40px 100px #000; transform:rotate(1.5deg); background:#050505; }
.featured-video iframe { width:100%; height:100%; border:0; }
.featured-top,.featured-bottom { position:absolute; left:28px; right:28px; display:flex; align-items:center; justify-content:space-between; text-transform:uppercase; letter-spacing:.16em; font-size:10px; }
.featured-top { top:-27px; left:0; right:0; }.featured-top span { color:var(--orange); }.featured-bottom { bottom:-28px; left:0; justify-content:flex-start; gap:13px; font-size:9px; color:#888; }
.scroll-cue { position:absolute; z-index:2; bottom:28px; left:clamp(22px,6vw,100px); color:#777; text-transform:uppercase; letter-spacing:.18em; font-size:9px; }.scroll-cue span { color:var(--orange); margin-left:10px; }
.ticker { overflow:hidden; background:var(--orange); color:#090909; padding:17px 0; font-size:13px; font-weight:900; letter-spacing:.16em; white-space:nowrap; transform:rotate(-1deg); width:102%; margin-left:-1%; }
.ticker div { animation:ticker 22s linear infinite; width:max-content; }.ticker b { margin:0 24px; }
@keyframes ticker { to { transform:translateX(-50%); } }
.editorial,.video-section { padding:120px clamp(22px,6vw,100px); }
.editorial { background:var(--paper); color:#111; }
.editorial-copy { display:grid; grid-template-columns:1.2fr .8fr; gap:10vw; align-items:end; margin:45px 0 90px; }
.editorial h2,.section-heading h2 { margin:0; font-size:clamp(48px,6.7vw,96px); line-height:.92; letter-spacing:-.06em; text-transform:uppercase; }.editorial h2 span,.section-heading h2 span { color:var(--orange); }
.editorial-copy p { font-size:17px; line-height:1.7; margin:0 0 20px; color:#4d4b47; }
.stats { display:grid; grid-template-columns:repeat(3,1fr); border-top:1px solid #ccc8bf; position:relative; }
.stats div { padding:34px 26px 20px 0; border-right:1px solid #ccc8bf; }.stats div+div { padding-left:28px; }
.stats strong { display:block; font-size:clamp(42px,5vw,70px); letter-spacing:-.06em; }.stats span { display:block; max-width:210px; color:#666; font-size:13px; line-height:1.5; }
.stats>a { position:absolute; right:0; bottom:-34px; font-size:10px; text-transform:uppercase; letter-spacing:.12em; color:#777; }
.video-section { background:#0a0a0a; }
.section-heading { display:grid; grid-template-columns:1fr 320px; gap:50px; align-items:end; margin-bottom:60px; }.section-heading>p { color:#8c8983; line-height:1.7; }
.video-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:48px 22px; }
.video-card-large { grid-column:span 2; }.video-card { min-width:0; }
.video-image { aspect-ratio:16/9; position:relative; overflow:hidden; background:#1a1a1a; }.video-card-large .video-image { aspect-ratio:16/8.2; }
.video-image iframe { width:100%; height:100%; border:0; }.video-number { position:absolute; pointer-events:none; z-index:2; right:10px; top:8px; font-size:20px; font-weight:900; color:#ffffff80; letter-spacing:-.05em; text-shadow:0 2px 10px #000; }
.video-meta { padding-top:18px; }.video-meta>span { color:var(--orange); font-size:9px; text-transform:uppercase; letter-spacing:.18em; }.video-meta h3 { margin:9px 0 13px; font-size:19px; line-height:1.25; }.video-card-large .video-meta h3 { font-size:26px; }.video-meta small { color:#777; font-size:10px; text-transform:uppercase; letter-spacing:.1em; }
.manifesto { background:var(--orange); color:#0a0a0a; min-height:75vh; padding:110px clamp(22px,6vw,100px); position:relative; overflow:hidden; display:flex; justify-content:flex-end; }
.manifesto .section-kicker { color:#0a0a0a; }.manifesto-content { width:min(74%,1050px); position:relative; z-index:2; }.manifesto blockquote { font-size:clamp(38px,5.6vw,78px); line-height:1.02; letter-spacing:-.055em; font-weight:800; margin:44px 0 70px; }.manifesto blockquote em { font-style:normal; color:white; }
.manifesto-mark { position:absolute; left:-5vw; bottom:-14vw; font-size:44vw; line-height:1; font-weight:900; letter-spacing:-.15em; color:#0000000b; }
.manifesto-bottom { border-top:1px solid #0003; padding-top:28px; display:flex; align-items:center; justify-content:space-between; gap:40px; }.manifesto-bottom p { max-width:600px; line-height:1.6; }.manifesto .button-primary { background:#090909; color:white; border-color:#090909; flex-shrink:0; }
footer { padding:46px clamp(22px,6vw,100px); display:flex; justify-content:space-between; align-items:center; gap:20px; border-top:1px solid #ffffff18; color:#777; font-size:10px; text-transform:uppercase; letter-spacing:.12em; }
footer img { width:150px; height:36px; object-fit:cover; object-position:center; } footer a { color:#aaa; }
@media (max-width:900px) { nav { display:none; }.hero { grid-template-columns:1fr; padding-top:125px; }.featured-video { aspect-ratio:16/10; max-height:430px; transform:none; }.hero-orbit { width:100vw;height:100vw;}.editorial-copy,.section-heading { grid-template-columns:1fr; }.stats { grid-template-columns:1fr; }.stats div { border-right:0;border-bottom:1px solid #ccc8bf;padding-left:0!important;}.video-grid { grid-template-columns:1fr 1fr;}.video-card-large { grid-column:span 2;}.manifesto-content { width:100%; } }
@media (max-width:580px) { .site-header { height:70px; }.brand img { width:160px; }.header-cta { padding:10px;font-size:9px;}.hero { min-height:auto;padding-bottom:80px;}.hero-intro { font-size:15px;}.featured-video { aspect-ratio:4/3;}.scroll-cue { display:none;}.editorial,.video-section,.manifesto { padding-top:82px;padding-bottom:82px;}.editorial-copy { margin-bottom:60px;}.video-grid { grid-template-columns:1fr;}.video-card-large { grid-column:auto;}.video-card-large .video-image { aspect-ratio:16/9;}.video-card-large .video-meta h3 { font-size:20px;}.manifesto-bottom { align-items:flex-start;flex-direction:column;}footer { align-items:flex-start;flex-direction:column;} }
@media (prefers-reduced-motion:reduce) { html { scroll-behavior:auto; }.ticker div { animation:none; } * { transition:none!important; } }
.error-page { min-height:100vh; padding:10vw; display:flex; flex-direction:column; align-items:flex-start; justify-content:center; gap:24px; background:radial-gradient(circle at 75% 35%,#f7963326,transparent 30%),#080808; }
.error-page img { width:min(360px,75vw); }
.error-page h1 { margin:0; }