@font-face{font-family:"Archivo Black";src:url(fonts/archivo-black.ttf) format("truetype");font-display:swap}
@font-face{font-family:Inter;src:url(fonts/inter.ttf) format("truetype");font-weight:100 900;font-display:swap}
@font-face{font-family:"Plex Mono";src:url(fonts/plex-mono.ttf) format("truetype");font-weight:500;font-display:swap}
:root{--black:#0B0B0C;--paper:#F4F3EC;--lime:#C6FF3D;--graphite:#3A3A3C;--muted:#B4B4AE;--card:#151517}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--black);color:var(--paper);font:400 1.0625rem/1.6 Inter,system-ui,sans-serif}
a{color:inherit}
:focus-visible{outline:3px solid var(--lime);outline-offset:3px;border-radius:6px}
.skip{position:absolute;left:-999px;top:8px;background:var(--lime);color:var(--black);padding:8px 14px;border-radius:8px;z-index:9}
.skip:focus{left:8px}
.wrap{width:100%;max-width:1080px;margin:0 auto;padding:0 20px}
.label{font:500 .8rem/1.4 "Plex Mono",ui-monospace,monospace;text-transform:uppercase;letter-spacing:.08em;color:var(--lime);margin:0 0 14px;display:flex;align-items:center;gap:8px}
h1,h2{font-family:"Archivo Black",Inter,sans-serif;font-weight:400;line-height:1.05;letter-spacing:-.01em;margin:0}
.top{display:flex;justify-content:space-between;align-items:center;padding-top:20px;padding-bottom:20px}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none;font:1.25rem "Archivo Black",sans-serif}
.brand img{border-radius:50%}
.rec{font:500 .75rem "Plex Mono",monospace;color:var(--muted);display:flex;align-items:center;gap:6px;letter-spacing:.1em}
.rec i,.recdot{width:9px;height:9px;border-radius:50%;background:var(--lime);display:inline-block;animation:blink 1.6s steps(2,start) infinite}
@keyframes blink{to{visibility:hidden}}
@media (prefers-reduced-motion:reduce){.rec i,.recdot{animation:none}}
.hero{padding-top:40px;padding-bottom:56px}
h1{font-size:clamp(2.6rem,11vw,5.6rem);max-width:12ch;position:relative}
h1 .dot{display:inline-block;width:.2em;height:.2em;border-radius:50%;background:var(--lime);vertical-align:top;margin-left:.08em;margin-top:.02em;box-shadow:0 0 24px rgba(198,255,61,.5)}
.pitch{font-size:1.15rem;color:#DCDCD5;max-width:38ch;margin:22px 0 30px}
.socials{display:grid;grid-template-columns:1fr 1fr;gap:10px;max-width:560px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:12px 18px;border-radius:14px;border:1.5px solid var(--graphite);background:var(--card);text-decoration:none;font-weight:650;transition:border-color .15s,transform .15s}
.btn:hover{border-color:var(--paper);transform:translateY(-1px)}
.btn svg{width:20px;height:20px;fill:currentColor;flex:none}
.btn.yt{background:var(--paper);color:var(--black);border-color:var(--paper)}
.btn.lime{background:var(--lime);color:var(--black);border-color:var(--lime);margin-top:8px}
.chips{list-style:none;padding:0;margin:28px 0 0;display:flex;flex-wrap:wrap;gap:8px}
.chips li{font:500 .8rem "Plex Mono",monospace;text-transform:uppercase;letter-spacing:.06em;padding:7px 12px;border:1px solid var(--graphite);border-radius:999px;color:#D6D6CF}
section+section{border-top:1px solid #222224}
.latest,.next,.why{padding-top:52px;padding-bottom:52px}
.latest-grid{display:grid;gap:24px}
.short{position:relative;display:block;aspect-ratio:9/16;max-width:300px;border-radius:20px;overflow:hidden;background:var(--card);border:1.5px solid var(--graphite)}
.short img{width:100%;height:100%;object-fit:cover;display:block}
.play{position:absolute;inset:0;display:grid;place-items:center;background:linear-gradient(transparent 55%,rgba(0,0,0,.6))}
.play svg{width:68px;height:68px;padding:16px;border-radius:50%;background:var(--lime);fill:var(--black)}
.short:hover .play svg{transform:scale(1.06)}
.series{font:500 .8rem "Plex Mono",monospace;color:var(--muted);text-transform:uppercase;letter-spacing:.06em;margin:0 0 10px}
.latest h2,.next h2{font-size:clamp(1.8rem,6vw,2.8rem);margin-bottom:14px}
.latest p{color:#DCDCD5;max-width:44ch}
.parts{list-style:none;padding:0;margin:24px 0 0;display:grid;gap:10px}
.parts li{display:flex;align-items:baseline;gap:14px;padding:16px 18px;border-radius:14px;background:var(--card);border:1px solid #232325}
.parts span{font:500 .85rem "Plex Mono",monospace;color:var(--muted)}
.parts .done{border-color:var(--lime)}
.parts .done span{color:var(--lime)}
.parts em{margin-left:auto;font:500 .7rem "Plex Mono",monospace;font-style:normal;text-transform:uppercase;color:var(--black);background:var(--lime);padding:3px 8px;border-radius:999px;white-space:nowrap}
.aside{color:var(--muted);margin-top:18px}
.why h2{font-size:clamp(1.6rem,5vw,2.4rem)}
.why p{color:#DCDCD5;margin:12px 0 0}
.foot{border-top:1px solid #222224;padding-top:28px;padding-bottom:40px;color:var(--muted);font-size:.95rem}
.foot strong{color:var(--paper)}
.small{font-size:.85rem}
@media (min-width:760px){
 .socials{grid-template-columns:repeat(4,auto);max-width:none;justify-content:start}
 .hero{display:grid;grid-template-columns:1fr 360px;align-items:center;gap:40px}
 .hero-mark{display:block!important;width:100%;height:auto;border-radius:50%;filter:drop-shadow(0 0 60px rgba(198,255,61,.12))}
 .latest-grid{grid-template-columns:300px 1fr;align-items:center;gap:56px}
 .hero{padding-top:72px;padding-bottom:80px}
}
.hero-mark{display:none}