:root { --ink:#080808; --paper:#f4efe7; --orange:#ff5a16; --orange2:#ff7a1a; --line:rgba(255,255,255,.14); }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; background:var(--ink); }
body { margin:0; background:var(--ink); color:var(--paper); font-family:Arial, Helvetica, sans-serif; }
a { color:inherit; text-decoration:none; }
.shell { width:min(1180px, calc(100% - 40px)); margin-inline:auto; }
.nav { height:82px; display:flex; align-items:center; justify-content:space-between; border-bottom:1px solid var(--line); position:relative; z-index:10; }
.brand { display:inline-flex; align-items:center; gap:12px; }
.brand-mark { width:38px; height:38px; border:2px solid var(--orange); border-radius:50%; display:grid; place-items:center; position:relative; }
.brand-mark:before { content:""; width:9px; height:17px; border:2px solid var(--paper); border-radius:8px; position:absolute; top:6px; }
.brand-mark:after { content:""; width:15px; height:9px; border:2px solid var(--paper); border-top:0; border-radius:0 0 10px 10px; position:absolute; bottom:6px; }
.brand-mark span { width:2px; height:5px; background:var(--paper); position:absolute; bottom:1px; }
.brand-copy { display:flex; flex-direction:column; line-height:1; }
.brand-copy b { font-size:13px; letter-spacing:.08em; }
.brand-copy small { margin-top:5px; color:var(--orange); font-size:9px; font-weight:800; letter-spacing:.36em; }
.nav-cta { font-size:11px; text-transform:uppercase; letter-spacing:.14em; font-weight:800; display:flex; align-items:center; gap:12px; }
.nav-cta span { width:32px; height:32px; border:1px solid var(--line); border-radius:50%; display:grid; place-items:center; color:var(--orange); }

.hero { min-height:700px; padding:116px 0 80px; position:relative; overflow:hidden; isolation:isolate; }
.hero:before { content:""; position:absolute; width:580px; height:580px; right:-80px; top:15px; border-radius:50%; border:1px solid rgba(255,90,22,.25); box-shadow:0 0 0 55px rgba(255,90,22,.025),0 0 0 120px rgba(255,90,22,.018), inset 0 0 90px rgba(255,90,22,.12); z-index:-1; }
.hero:after { content:""; position:absolute; inset:0; background:repeating-linear-gradient(115deg,transparent 0 62px,rgba(255,255,255,.014) 63px 64px); z-index:-3; }
.hero-glow { position:absolute; width:430px; height:430px; border-radius:50%; right:0; top:85px; background:radial-gradient(circle,rgba(255,92,21,.42) 0,rgba(255,92,21,.1) 34%,transparent 68%); filter:blur(18px); z-index:-2; }
.eyebrow,.kicker { color:var(--orange); text-transform:uppercase; letter-spacing:.2em; font-size:11px; font-weight:900; }
.eyebrow { display:flex; gap:10px; align-items:center; margin-bottom:25px; }
.eyebrow span { width:22px; height:2px; background:var(--orange); }
h1 { margin:0; max-width:940px; font-size:clamp(56px,8.4vw,126px); line-height:.84; letter-spacing:-.065em; text-transform:uppercase; font-weight:950; }
h1 em,h2 em { font-family:Georgia, 'Times New Roman', serif; text-transform:none; font-weight:400; color:var(--orange); }
.intro { max-width:530px; color:#aaa39b; font-size:17px; line-height:1.6; margin:35px 0 30px; }
.primary-button { display:inline-flex; align-items:center; gap:13px; background:var(--orange); color:white; padding:18px 23px; border-radius:3px; text-transform:uppercase; letter-spacing:.13em; font-size:11px; font-weight:900; box-shadow:0 15px 50px rgba(255,90,22,.2); transition:.2s ease; }
.primary-button:hover { transform:translateY(-2px); background:var(--orange2); }
.play-icon { width:0; height:0; border-top:6px solid transparent; border-bottom:6px solid transparent; border-left:10px solid currentColor; display:inline-block; }
.scroll-note { position:absolute; right:0; bottom:90px; writing-mode:vertical-rl; font-size:8px; letter-spacing:.25em; color:#777; display:flex; align-items:center; gap:10px; }
.scroll-note span { color:var(--orange); font-size:15px; }

.watch { padding:110px 0; border-top:1px solid var(--line); }
.section-heading { display:flex; justify-content:space-between; align-items:end; gap:25px; margin-bottom:30px; }
h2 { font-size:clamp(38px,5.5vw,74px); line-height:.95; letter-spacing:-.045em; margin:10px 0 0; text-transform:uppercase; }
.status { border:1px solid var(--line); background:#111; color:#aaa; border-radius:30px; padding:11px 15px; font-size:9px; letter-spacing:.15em; font-weight:800; white-space:nowrap; }
.status span { display:inline-block; width:7px; height:7px; border-radius:50%; background:var(--orange); margin-right:7px; box-shadow:0 0 12px var(--orange); }
.live-status { color:#ddd; }
.player { aspect-ratio:16/9; min-height:250px; background:radial-gradient(circle at 50% 35%,#2b1710 0,#12100f 28%,#080808 70%); border:1px solid #30231e; position:relative; display:grid; place-items:center; overflow:hidden; box-shadow:0 30px 100px rgba(0,0,0,.6); }
.player:before { content:""; position:absolute; inset:0; background:repeating-linear-gradient(0deg,transparent 0 3px,rgba(255,255,255,.018) 4px); }
.signal { position:absolute; border:1px solid rgba(255,90,22,.16); border-radius:50%; width:440px; height:440px; }
.signal-two { width:620px; height:620px; border-color:rgba(255,90,22,.08); }
.player-content { position:relative; text-align:center; padding:30px; max-width:610px; }
.mic-mark { width:58px; height:58px; border:1px solid rgba(255,90,22,.45); border-radius:50%; margin:0 auto 24px; position:relative; display:grid; place-items:center; }
.mic-head { width:13px; height:23px; border:2px solid var(--orange); border-radius:8px; position:absolute; top:10px; }
.mic-stem { width:22px; height:13px; border:2px solid var(--orange); border-top:0; border-radius:0 0 12px 12px; position:absolute; bottom:10px; }
.mic-stem:after { content:""; position:absolute; width:2px; height:7px; left:8px; top:10px; background:var(--orange); }
.player-label { font-size:9px; text-transform:uppercase; letter-spacing:.3em; color:#aaa; }
.player h3 { margin:12px 0 14px; font-size:clamp(45px,7vw,94px); letter-spacing:-.06em; line-height:.85; }
.player h3 span { color:var(--orange); font-family:Georgia,serif; font-style:italic; font-weight:400; }
.player-content>p:last-child { color:#827c77; font-size:13px; }
.video-player { aspect-ratio:16/9; min-height:0; background:#000; }
.video-player iframe { position:absolute; inset:0; width:100%; height:100%; border:0; }
.watch-actions { display:grid; grid-template-columns:1fr 1fr; gap:14px; margin-top:14px; }
.platform { min-height:92px; border:1px solid var(--line); background:#111; padding:18px 22px; display:flex; align-items:center; gap:16px; transition:.2s ease; }
.platform:hover { border-color:var(--orange); transform:translateY(-2px); }
.platform-icon { width:48px; height:48px; border-radius:50%; background:#ff1c1c; display:grid; place-items:center; color:#fff; }
.fb-icon { background:#1877f2; font-family:Arial; font-size:30px; font-weight:900; padding-top:8px; }
.platform small,.platform b { display:block; }
.platform small { font-size:8px; letter-spacing:.2em; color:#777; margin-bottom:5px; }
.platform b { font-size:18px; }
.arrow { margin-left:auto; color:#777; font-size:20px; }

.about { padding:120px 0 140px; }
.about-grid { display:grid; grid-template-columns:1.15fr .85fr; align-items:start; gap:100px; }
.about-grid h2 { margin-top:10px; }
.about-grid>div { padding-top:25px; }
.about-grid p { font-size:18px; line-height:1.65; color:#d1cac1; margin:0 0 20px; }
.about-grid .muted { color:#777; font-size:14px; }
footer { border-top:1px solid var(--line); }
.footer-inner { min-height:140px; display:grid; grid-template-columns:1fr auto 1fr; align-items:center; gap:30px; }
.footer-links { display:flex; gap:28px; font-size:10px; text-transform:uppercase; letter-spacing:.15em; font-weight:800; }
.footer-links a:hover { color:var(--orange); }
.footer-inner>p { text-align:right; color:#666; font-size:10px; text-transform:uppercase; letter-spacing:.12em; }
.footer-inner strong { color:#aaa; }

@media (max-width:700px) {
  .shell { width:min(100% - 28px, 1180px); }
  .nav { height:72px; }
  .nav-cta { font-size:0; }
  .hero { min-height:650px; padding:92px 0 65px; }
  .hero:before { width:390px; height:390px; right:-210px; top:70px; }
  h1 { font-size:clamp(50px,16.2vw,78px); line-height:.87; }
  .intro { font-size:15px; max-width:92%; }
  .scroll-note { display:none; }
  .watch { padding:80px 0; }
  .section-heading { display:block; }
  .status { display:inline-block; margin-top:20px; }
  .player { aspect-ratio:4/5; }
  .video-player { aspect-ratio:16/9; }
  .signal { width:330px; height:330px; }
  .signal-two { width:470px; height:470px; }
  .player-content { padding:20px; }
  .player-content>p:last-child { max-width:260px; margin-inline:auto; line-height:1.5; }
  .watch-actions { grid-template-columns:1fr; }
  .platform { min-height:82px; }
  .about { padding:80px 0 100px; }
  .about-grid { grid-template-columns:1fr; gap:30px; }
  .about-grid>div { padding-top:0; }
  .about-grid p { font-size:16px; }
  .footer-inner { grid-template-columns:1fr; padding:48px 0; gap:30px; }
  .footer-links { flex-direction:column; gap:15px; }
  .footer-inner>p { text-align:left; margin:0; }
}

@media (prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } * { transition:none!important; } }