:root{--paper:#f0f1ec;--ink:#0e110e;--dark:#10140f;--line:#c9ccc4;--red:#f04432;--lime:#c8ff55;--muted:#697068}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Manrope,Arial,sans-serif}button,input{font:inherit}button,a{color:inherit}.skip{position:absolute;left:-9999px}.skip:focus{left:10px;top:10px;z-index:20;background:#fff;padding:10px}.topbar{height:70px;display:flex;align-items:center;padding:0 3.2vw;border-bottom:1px solid var(--line);gap:3vw;position:sticky;top:0;background:rgba(240,241,236,.96);backdrop-filter:blur(12px);z-index:10}.brand{text-decoration:none;font:28px/1 'Archivo Black';letter-spacing:-2px}.brand i{font-style:normal;color:var(--red)}.topbar nav{display:flex;gap:24px;margin:auto}.topbar nav a{text-decoration:none;font-size:13px}.topbar nav a:hover{color:var(--red)}.topbar>button{border:1px solid var(--ink);background:transparent;padding:10px 15px}.hero{display:grid;grid-template-columns:minmax(360px,.78fr) minmax(540px,1.22fr);min-height:650px;background:var(--dark);color:#f5f5f0}.hero-copy{padding:7vw 5vw;display:flex;flex-direction:column;justify-content:center}.eyebrow,.section header span,.now small{font:10px 'IBM Plex Mono';letter-spacing:.14em;color:var(--red)}h1{font:clamp(54px,6.4vw,108px)/.85 'Archivo Black';letter-spacing:-.065em;margin:22px 0 28px}h1 em{font-style:normal;color:var(--lime)}.hero-copy p{max-width:570px;color:#adb5ab;font-size:17px;line-height:1.65}.hero-actions{display:flex;gap:24px;align-items:center;margin-top:25px}.hero-actions a{font-size:13px}.primary{border:0;background:var(--red);color:#fff;padding:16px 20px;font-weight:700}.player{border-left:1px solid #2f382f;align-self:center;margin:35px 4vw 35px 0}.video{aspect-ratio:16/9;background:#080a08;position:relative;overflow:hidden}.video iframe{width:100%;height:100%;border:0}.player-cover{position:absolute;inset:0;padding:6%;display:flex;flex-direction:column;justify-content:flex-end;background:radial-gradient(circle at 75% 25%,#28341c,transparent 38%),linear-gradient(135deg,#1b2319,#080a08);color:#fff}.player-cover span{font:10px 'IBM Plex Mono';color:var(--lime);letter-spacing:.14em}.player-cover b{font:clamp(31px,4vw,67px)/.95 'Archivo Black';letter-spacing:-.05em;margin:13px 0 24px}.player-cover button{align-self:flex-start;background:transparent;border:1px solid #71806d;color:#fff;padding:12px 17px}.now{display:flex;align-items:center;justify-content:space-between;padding:19px 4px 0}.now h2{margin:6px 0 2px;font-size:22px}.now p{margin:0;color:#aab1a8}.now>button{font-size:27px;background:none;border:0;color:#fff}.control{display:grid;grid-template-columns:minmax(300px,1fr) 2fr auto;align-items:end;gap:30px;padding:28px 3.2vw;border-bottom:1px solid var(--line)}.control label span{display:block;font:10px 'IBM Plex Mono';margin-bottom:8px}.control input{width:100%;border:0;border-bottom:1px solid var(--ink);background:transparent;padding:10px 0;font-size:18px;outline:none}.chips{display:flex;gap:7px;flex-wrap:wrap}.chips button{border:1px solid var(--line);background:transparent;padding:8px 11px;font-size:12px}.chips button.active{background:var(--ink);color:#fff}.counter{text-align:right}.counter strong{font:34px 'Archivo Black';display:block}.counter span{font-size:10px}.section{padding:70px 3.2vw;border-bottom:1px solid var(--line)}.section>header{display:flex;align-items:end;justify-content:space-between;margin-bottom:30px}.section h2{font:clamp(38px,4.5vw,72px)/.9 'Archivo Black';letter-spacing:-.055em;margin:9px 0 0}.section>header p{max-width:380px;color:var(--muted);font-size:13px}.featured{display:grid;grid-template-columns:2fr 1fr 1fr;grid-template-rows:repeat(2,minmax(180px,1fr));gap:1px;background:var(--line);border:1px solid var(--line)}.clip-card{position:relative;background:#111;color:#fff;min-width:0;cursor:pointer;overflow:hidden}.clip-card img{width:100%;height:100%;object-fit:cover;display:block;transition:.35s transform}.clip-card:hover img{transform:scale(1.035)}.clip-card:after{content:"";position:absolute;inset:25% 0 0;background:linear-gradient(transparent,rgba(0,0,0,.88))}.clip-card .meta{position:absolute;z-index:2;left:18px;right:18px;bottom:16px}.clip-card b{display:block;font-size:16px;line-height:1.25}.clip-card small{color:#ccd1c9}.clip-card .play{position:absolute;z-index:3;right:15px;top:15px;width:40px;height:40px;border-radius:50%;border:0;background:var(--lime)}.featured .clip-card:first-child{grid-row:1/3}.featured .clip-card:first-child b{font:clamp(25px,3vw,46px)/1 'Archivo Black';max-width:80%}.skeleton{min-height:200px;background:linear-gradient(90deg,#d9dcd5,#eff0ec,#d9dcd5);background-size:200%;animation:pulse 1.5s infinite}.skeleton.wide{grid-row:1/3}@keyframes pulse{to{background-position:-200%}}#chart-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--ink)}.chart-item{display:grid;grid-template-columns:45px 82px 1fr auto;gap:14px;align-items:center;padding:12px;border-bottom:1px solid var(--line);cursor:pointer}.chart-item:nth-child(odd){border-right:1px solid var(--line)}.chart-item>span{font:18px 'IBM Plex Mono';color:var(--red)}.chart-item img{width:82px;aspect-ratio:16/9;object-fit:cover}.chart-item b{font-size:14px;display:block}.chart-item small{color:var(--muted)}.chart-item button{background:none;border:0;font-size:21px}.genre-block{margin-top:50px}.genre-head{display:flex;align-items:end;justify-content:space-between;margin-bottom:14px}.genre-head h3{font:27px 'Archivo Black';margin:0}.genre-head button{background:none;border:0;text-decoration:underline;font-size:12px}.rail{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(220px,1fr);grid-template-rows:1fr;gap:12px;overflow-x:auto;padding-bottom:12px;scroll-snap-type:x proximity}.rail .clip-card{aspect-ratio:16/10;scroll-snap-align:start}.channels #channel-grid,#channel-grid{display:grid;grid-template-columns:repeat(6,1fr);border:1px solid var(--line)}.channel{padding:25px 18px;min-height:130px;border-right:1px solid var(--line);background:#fff}.channel:last-child{border:0}.channel .avatar{width:42px;height:42px;border-radius:50%;background:var(--dark);color:var(--lime);display:grid;place-items:center;font:18px 'Archivo Black';margin-bottom:20px}.channel b{display:block}.channel span{font-size:11px;color:var(--muted)}#favorite-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.favorites .clip-card{aspect-ratio:16/10}.empty{color:var(--muted);padding:40px 0}.mini{position:fixed;z-index:12;left:50%;bottom:18px;transform:translateX(-50%);width:min(620px,calc(100% - 24px));display:grid;grid-template-columns:82px 1fr auto;align-items:center;background:#111;color:#fff;padding:7px;box-shadow:0 15px 40px #0005}.mini[hidden],[hidden]{display:none!important}.mini img{width:82px;height:50px;object-fit:cover}.mini button{background:none;border:0;color:#fff;text-align:left}.mini small,.mini span{display:block;color:#aeb4ac;font-size:9px}.mini-next{padding:15px!important}footer{padding:55px 3.2vw 100px;background:#10120f;color:#f4f5ef;display:grid;grid-template-columns:1fr 1fr;gap:20px}.footer-brand{font:36px 'Archivo Black';text-decoration:none}.footer-brand span{color:var(--red)}footer p{margin:12px 0;color:#aab0a8}footer nav{display:flex;gap:20px;justify-content:flex-end}footer small{grid-column:1/-1;color:#798078}
@media(max-width:900px){.topbar nav{display:none}.topbar>button{margin-left:auto}.hero{grid-template-columns:1fr;min-height:0}.hero-copy{padding:70px 20px 40px}.player{margin:0 20px 50px;border:0}.control{grid-template-columns:1fr}.counter{text-align:left}.section{padding:55px 20px}.section>header{display:block}.featured{grid-template-columns:1fr 1fr;grid-template-rows:auto}.featured .clip-card:first-child{grid-column:1/-1;grid-row:auto;aspect-ratio:16/9}.featured .clip-card{aspect-ratio:16/11}#chart-list{grid-template-columns:1fr}.chart-item:nth-child(odd){border-right:0}.channels #channel-grid,#channel-grid{grid-template-columns:repeat(2,1fr)}#favorite-grid{grid-template-columns:repeat(2,1fr)}footer{grid-template-columns:1fr}footer nav{justify-content:flex-start;flex-wrap:wrap}}
@media(max-width:520px){h1{font-size:52px}.hero-copy p{font-size:15px}.hero-actions{align-items:flex-start;flex-direction:column}.player{margin-inline:0}.now{padding:15px 20px}.control{padding-inline:20px}.chips{flex-wrap:nowrap;overflow:auto}.featured{display:block}.featured .clip-card{aspect-ratio:16/10;margin-bottom:1px}.chart-item{grid-template-columns:28px 68px 1fr}.chart-item>button{display:none}.rail{grid-auto-columns:78vw}.section h2{font-size:42px}.section>header p{margin-top:13px}.channels #channel-grid,#channel-grid{grid-template-columns:1fr 1fr}.channel{padding:18px 12px}footer{padding-inline:20px}}