:root{--ink:#0b0b0c;--ink-2:#141417;--ink-3:#1e1e23;--ink-4:#2a2a31;--paper:#fff;--paper-2:#f6f3ee;--red:#de2828;--yellow:#ffd92b;--text-2:#c5c5cf;--text-3:#8f8f9b;--line:#ffffff14;--line-2:#ffffff24;--r-xs:8px;--r-sm:12px;--r:16px;--r-lg:clamp(20px, 2.4vw, 28px);--wrap:1440px;--gutter:clamp(16px, 4vw, 48px);--section:clamp(56px, 7vw, 104px);--header-h:64px;--display:"Dela Gothic One", "Arial Black", system-ui, sans-serif;--text:"Hanken Grotesk", "Helvetica Neue", Arial, system-ui, sans-serif;--ease:cubic-bezier(.2, .8, .2, 1);--spring:cubic-bezier(.2, 1.5, .4, 1);--sparkle:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 0c.9 6.4 5.6 11.1 12 12-6.4.9-11.1 5.6-12 12-.9-6.4-5.6-11.1-12-12C6.4 11.1 11.1 6.4 12 0z'/%3E%3C/svg%3E");color-scheme:dark}@font-face{font-family:Dela Gothic One;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/dela-gothic-one-latin-ext-400-normal.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Dela Gothic One;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/dela-gothic-one-latin-400-normal.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Hanken Grotesk;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/hanken-grotesk-latin-ext-400-normal.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Hanken Grotesk;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/hanken-grotesk-latin-400-normal.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Hanken Grotesk;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/hanken-grotesk-latin-ext-500-normal.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Hanken Grotesk;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/hanken-grotesk-latin-500-normal.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Hanken Grotesk;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/hanken-grotesk-latin-ext-700-normal.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Hanken Grotesk;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/hanken-grotesk-latin-700-normal.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-padding-top:calc(var(--header-h) + 16px);background:var(--ink)}body{background:var(--ink);min-height:100dvh;color:var(--paper);font:400 1rem/1.6 var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;flex-direction:column;margin:0;display:flex;overflow-x:clip}main{flex:1}img,svg{max-width:100%;display:block}img{height:auto}a{color:inherit;text-decoration:none}button,input{font:inherit;color:inherit}button{cursor:pointer}h1,h2,h3,h4{text-wrap:balance;margin:0;font-weight:400;line-height:1.12}h1,h2{font-family:var(--display)}h1{letter-spacing:-.015em;font-size:clamp(2rem,5vw,3.6rem)}h2{letter-spacing:-.01em;font-size:clamp(1.45rem,2.6vw,2.15rem)}p{text-wrap:pretty;margin:0}ul,ol{margin:0;padding:0;list-style:none}dl,dd,figure{margin:0}::selection{background:var(--yellow);color:var(--ink)}[hidden]{display:none!important}.i{flex:none;width:1em;height:1em}.sprite{position:absolute;overflow:hidden}.wrap{width:100%;max-width:var(--wrap);padding-inline:var(--gutter);margin-inline:auto}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.num{font-variant-numeric:tabular-nums}:focus-visible{outline:3px solid var(--yellow);outline-offset:3px;border-radius:6px}.skip{z-index:200;background:var(--yellow);color:var(--ink);transition:transform .2s var(--ease);border-radius:999px;padding:10px 16px;font-weight:700;position:fixed;top:10px;left:10px;transform:translateY(-160%)}.skip:focus{transform:none}.btn{min-height:46px;color:var(--paper);font:700 .95rem/1.1 var(--text);white-space:nowrap;transition:background-color .18s, color .18s, transform .18s var(--ease), filter .18s;background:#ffffff14;border:0;border-radius:999px;justify-content:center;align-items:center;gap:.6em;padding:.7em 1.3em;display:inline-flex}.btn:hover{background:#ffffff26}.btn:active{transform:translateY(1px)}.btn .i{width:1.15em;height:1.15em}.btn-red{background:var(--red);box-shadow:0 12px 30px -14px #de2828d9}.btn-red:hover{background:var(--red);filter:brightness(1.1)}.btn-light{background:var(--paper);color:var(--ink)}.btn-light:hover{background:var(--paper-2)}.btn-sm{min-height:38px;padding:.55em 1em;font-size:.86rem}.chip{--hue:var(--paper);background:color-mix(in oklab, var(--hue) 13%, transparent);min-height:34px;color:color-mix(in oklab, var(--hue) 70%, white);font:700 .84rem/1 var(--text);white-space:nowrap;border-radius:999px;align-items:center;gap:.5em;padding:.4em .85em;transition:background-color .18s,color .18s;display:inline-flex}.chip .i{width:1.1em;height:1.1em}a.chip:hover{background:color-mix(in oklab, var(--hue) 26%, transparent);color:#fff}.chip-row{flex-wrap:wrap;gap:8px;display:flex}.section{padding-block:var(--section) 0}.section:last-child{padding-bottom:var(--section)}.section-head{flex-wrap:wrap;justify-content:space-between;align-items:end;gap:16px 24px;margin-bottom:clamp(20px,2.6vw,32px);display:flex}.section-head h2{align-items:center;gap:.45em;display:flex}.section-head h2 .i{width:.8em;height:.8em;color:var(--red)}.section-head p{max-width:46rem;color:var(--text-2);margin-top:10px;font-size:1.05rem}.more{color:var(--text-2);white-space:nowrap;align-items:center;gap:.4em;padding:.5em 0;font-size:.95rem;font-weight:700;transition:color .15s;display:inline-flex}.more .i{transition:transform .2s var(--ease)}.more:hover{color:var(--paper)}.more:hover .i{transform:translate(4px)}.face{background:var(--c,var(--ink-3));border-radius:22%;flex:none}.cv{content-visibility:auto;contain-intrinsic-size:auto 900px}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.site-header{z-index:50;view-transition-name:site-header;position:sticky;top:0}.site-header:before{content:"";z-index:-1;border-bottom:1px solid var(--line);backdrop-filter:saturate(1.5)blur(16px);background:#0b0b0cd1;position:absolute;inset:0}.header-row{height:var(--header-h);align-items:center;gap:clamp(10px,2vw,28px);display:flex}.brand{flex:none;align-items:center;gap:10px;display:inline-flex}.brand img{width:38px;height:38px;transition:transform .35s var(--spring)}.brand:hover img{transform:rotate(-14deg)scale(1.08)}.wordmark{font:400 1.3rem/1 var(--display);letter-spacing:.02em}.brand-lg img{width:52px;height:52px}.brand-lg .wordmark{font-size:1.9rem}.main-nav{gap:2px;display:flex}.nav-link{color:#ffffffc7;white-space:nowrap;background:0 0;border:0;border-radius:999px;align-items:center;gap:6px;padding:8px 13px;font-size:.95rem;font-weight:500;transition:color .15s,background-color .15s;display:inline-flex}.nav-link .i{width:16px;height:16px;transition:transform .2s var(--ease)}.nav-link:hover,.nav-link[aria-current=page]{color:var(--paper);background:#ffffff14}.nav-link[aria-current=page]{box-shadow:inset 0 -2px 0 var(--red);border-radius:999px}html:has(#topics-menu:popover-open) .nav-link[popovertarget]{color:var(--paper);background:#ffffff1a}html:has(#topics-menu:popover-open) .nav-link[popovertarget] .i{transform:rotate(180deg)}.search-trigger{border:1px solid var(--line-2);max-width:420px;height:42px;color:var(--text-3);text-align:left;background:#ffffff0d;border-radius:999px;flex:auto;align-items:center;gap:10px;margin-left:auto;padding:0 8px 0 14px;font-size:.93rem;transition:border-color .15s,background-color .15s,color .15s;display:flex}.search-trigger:hover{color:var(--text-2);background:#ffffff14;border-color:#ffffff4d}.search-trigger .i{width:18px;height:18px;color:var(--text-2)}.search-trigger .st-label{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.search-trigger .st-short{display:none}kbd{border:1px solid var(--line-2);color:var(--text-2);font:700 .72rem/1.2 var(--text);white-space:nowrap;background:#ffffff0f;border-radius:7px;padding:3px 7px}.menu-toggle{border:1px solid var(--line-2);background:0 0;border-radius:50%;place-items:center;width:44px;height:44px;padding:0;display:none}.menu-toggle .i{width:22px;height:22px}@media (width<=1180px){.main-nav .nav-link[href="/videos/"]{display:none}}@media (width<=960px){.main-nav{display:none}.menu-toggle{display:grid}.search-trigger kbd{display:none}}@media (width<=560px){.search-trigger{flex:0 auto;justify-content:center;width:44px;height:44px;padding:0}.search-trigger .st-label,.search-trigger .st-short{display:none}.wordmark{font-size:1.15rem}}[popover]{color:var(--paper);border:0;margin:0;padding:0}.mega,.mobile-menu{opacity:0;transition:opacity .22s var(--ease), transform .22s var(--ease), overlay .22s allow-discrete, display .22s allow-discrete;transform:translateY(-8px)}.mega:popover-open,.mobile-menu:popover-open{opacity:1;transform:none}@starting-style{.mega:popover-open,.mobile-menu:popover-open{opacity:0;transform:translateY(-8px)}}.mega{inset:var(--header-h) 0 auto;width:100%;max-height:calc(100dvh - var(--header-h));border-bottom:1px solid var(--line);backdrop-filter:blur(18px);background:#0e0e11f7;padding:28px 0 34px;position:fixed;overflow-y:auto;box-shadow:0 40px 80px -30px #000c}.mega::backdrop{background:#00000059}.mega-head{justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px;display:flex}.mega-title{font:400 1.1rem/1.2 var(--display)}.mega-grid{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:6px;display:grid}.mega-grid a{border-radius:var(--r-sm);align-items:center;gap:12px;padding:10px 12px;transition:background-color .15s;display:flex}.mega-grid a:hover{background:color-mix(in oklab, var(--hue) 12%, transparent)}.mega-icon{background:color-mix(in oklab, var(--hue) 16%, transparent);width:40px;height:40px;color:color-mix(in oklab, var(--hue) 85%, white);border-radius:12px;flex:none;place-items:center;display:grid}.mega-icon .i{width:21px;height:21px}.mega-grid b{font-size:.95rem;font-weight:700;line-height:1.25;display:block}.mega-grid small{color:var(--text-3);font-size:.8rem}.mobile-menu{overscroll-behavior:contain;width:100%;height:100dvh;padding:0 var(--gutter) calc(32px + env(safe-area-inset-bottom));background:var(--red);position:fixed;inset:0;overflow-y:auto}.mm-head{z-index:1;height:var(--header-h);background:var(--red);justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.mm-head .menu-toggle{border-color:#fff6;display:grid}.mm-links{flex-direction:column;margin-top:8px;display:flex}.mm-links a{font:400 clamp(1.5rem, 7vw, 2.1rem)/1.1 var(--display);border-bottom:2px solid #00000024;padding:14px 0}.mm-links a:hover{color:var(--yellow)}.mm-title{font:400 .82rem/1 var(--display);letter-spacing:.08em;text-transform:uppercase;color:#ffffffbf;margin:30px 0 12px}.mm-topics{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:6px;display:grid}.mm-topics a,.mm-channels a{background:#00000024;border-radius:12px;align-items:center;gap:10px;min-height:46px;padding:8px 12px;font-size:.95rem;font-weight:700;display:flex}.mm-topics .i{width:20px;height:20px}.mm-channels{grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:6px;display:grid}.mm-channels .face{border-radius:8px;width:28px;height:28px}.site-footer{margin-top:var(--section);border-top:1px solid var(--line);background:var(--ink-2);padding:clamp(48px,6vw,80px) 0 32px}.footer-top{border-bottom:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px 40px;padding-bottom:40px;display:flex}.footer-pitch{max-width:34rem;color:var(--text-2);font-size:1.05rem}.footer-grid{grid-template-columns:1.4fr 1.4fr 1fr 1fr;gap:36px;padding-block:40px;display:grid}.footer-title{font:400 .82rem/1 var(--display);letter-spacing:.08em;text-transform:uppercase;color:var(--text-3);margin-bottom:14px}.footer-grid ul{gap:8px;display:grid}.footer-grid ul.two-col{grid-template-columns:1fr 1fr;column-gap:20px}.footer-grid a{color:var(--text-2);font-size:.95rem;transition:color .15s}.footer-grid a:hover{color:var(--paper)}.footer-legal{border-top:1px solid var(--line);color:var(--text-3);flex-wrap:wrap;justify-content:space-between;gap:12px 32px;padding-top:24px;font-size:.85rem;display:flex}.footer-legal a:hover{color:var(--paper)}@media (width<=960px){.footer-grid{grid-template-columns:1fr 1fr}}@media (width<=560px){.footer-grid{grid-template-columns:1fr}}.card{flex-direction:column;gap:12px;min-width:0;display:flex;position:relative}.card-media{aspect-ratio:16/9;border-radius:var(--r);background:var(--c,var(--ink-3));isolation:isolate;position:relative;overflow:hidden}.card-media.is-vertical{aspect-ratio:9/16}.card-media img{object-fit:cover;width:100%;height:100%;transition:transform .6s var(--ease), filter .3s}.card-media:after{content:"";border-radius:inherit;pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 0 0 1px #ffffff12}.card-dur{z-index:1;font:700 .74rem/1 var(--text);letter-spacing:.02em;backdrop-filter:blur(6px);background:#000000c7;border-radius:7px;padding:4px 7px;position:absolute;bottom:8px;right:8px}.card-play{z-index:1;pointer-events:none;opacity:0;place-items:center;transition:opacity .25s;display:grid;position:absolute;inset:0}.card-play .i{background:var(--red);width:52px;height:52px;color:var(--paper);transition:transform .35s var(--spring);border-radius:50%;padding:14px 13px 14px 15px;transform:scale(.7);box-shadow:0 10px 30px -8px #0009}.card:hover .card-media img{transform:scale(1.05)}.card:hover .card-play{opacity:1}.card:hover .card-play .i{transform:none}.card-body{flex-direction:column;gap:7px;min-width:0;display:flex}.card-title{font:700 1.02rem/1.32 var(--text);letter-spacing:-.005em;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.card-title a:after{content:"";z-index:2;border-radius:var(--r);position:absolute;inset:0}.card-title a:focus-visible{outline:none}.card-title a:focus-visible:after{outline:3px solid var(--yellow);outline-offset:4px}.card:hover .card-title{color:var(--paper);text-underline-offset:3px;text-decoration:underline 2px #ffffff59}.card-meta{min-width:0;color:var(--text-3);align-items:center;gap:8px;font-size:.86rem;line-height:1.3;display:flex}.card-meta .face{border-radius:6px;width:22px;height:22px}.card-channel{color:var(--text-2);white-space:nowrap;font-weight:500}.card-stats{white-space:nowrap;text-overflow:ellipsis;gap:6px;min-width:0;display:inline-flex;overflow:hidden}.card-stats:before{content:"·"}.card-topic{color:color-mix(in oklab, var(--hue) 80%, white);font:700 .76rem/1 var(--text);letter-spacing:.04em;text-transform:uppercase;align-items:center;gap:6px;display:inline-flex}.card-topic .i{width:1.1em;height:1.1em}.card-feature{gap:18px}.card-feature .card-media{border-radius:var(--r-lg)}.card-feature .card-title{font:400 clamp(1.35rem, 2.4vw, 2rem)/1.15 var(--display);-webkit-line-clamp:3;line-clamp:3}.card-feature .card-excerpt{color:var(--text-2);-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;font-size:1.02rem;display:-webkit-box;overflow:hidden}.card-feature .card-play .i{width:76px;height:76px;padding:21px 19px 21px 23px}.card-feature .card-dur{font-size:.82rem;bottom:14px;right:14px}.card-row{flex-direction:row;align-items:start;gap:12px}.card-row .card-media{border-radius:var(--r-sm);flex:none;width:168px}.card-row .card-media.is-vertical{width:96px}.card-row .card-title{font-size:.93rem;line-height:1.3}.card-row .card-meta{flex-wrap:wrap;row-gap:2px;font-size:.8rem}.card-row .card-meta .face{display:none}.card-row .card-stats:before{content:none}.card-row .card-stats{flex-basis:100%}.card-row .card-play .i{width:36px;height:36px;padding:10px 9px 10px 11px}.card-short{gap:10px}.card-short .card-title{-webkit-line-clamp:2;line-clamp:2;font-size:.92rem}.card-short .card-meta{font-size:.8rem}.card-short .card-meta .face{border-radius:5px;width:18px;height:18px}.card-short .card-stats{display:none}.card-short .card-dur{background:var(--red);top:10px;bottom:auto;right:10px}.card-rank{grid-template-columns:auto minmax(0,1fr);gap:12px 0;display:grid}.card-rank .card-inner{display:contents}.card-rank .card-media{grid-area:1/2}.card-rank .card-body{grid-area:2/2}.rank-num{z-index:0;font:400 clamp(5.2rem, 8.5vw, 8rem)/.74 var(--display);letter-spacing:-.08em;color:var(--ink);-webkit-text-stroke:2px #ffffff73;paint-order:stroke fill;grid-area:1/1;align-self:end;margin:0 -.16em -.05em 0;transition:-webkit-text-stroke-color .2s,color .2s;position:relative}.card-rank .card-media{z-index:1;box-shadow:-10px 0 24px -8px #000000b3}.card-rank:hover .rank-num{color:var(--red);-webkit-text-stroke-color:var(--red)}.grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,268px),1fr));gap:clamp(28px,3vw,40px) clamp(14px,1.6vw,22px);display:grid}.grid-shorts{grid-template-columns:repeat(auto-fill,minmax(min(46%,180px),1fr));gap:14px}.rail-wrap{position:relative}.rail{overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-inline:var(--gutter);padding:4px var(--gutter) 10px;margin-inline:calc(var(--gutter) * -1);scrollbar-width:none;grid-auto-columns:clamp(250px,26vw,340px);grid-auto-flow:column;gap:clamp(12px,1.4vw,18px);display:grid;overflow-x:auto}.rail::-webkit-scrollbar{display:none}.rail>*{scroll-snap-align:start}.rail-shorts{grid-auto-columns:clamp(150px,15vw,210px)}.rail-nav{gap:8px;display:flex}.rail-btn{background:#ffffff14;border:0;border-radius:50%;place-items:center;width:42px;height:42px;padding:0;transition:background-color .15s,opacity .15s;display:grid}.rail-btn:hover{background:#ffffff29}.rail-btn:disabled{opacity:.3;cursor:default}.rail-btn .i{width:20px;height:20px}html:not(.js) .rail-nav{display:none}@media (hover:none){.rail-nav{display:none}}.pager{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;margin-top:clamp(40px,5vw,64px);display:flex}.pager a,.pager span{font-variant-numeric:tabular-nums;background:#ffffff0f;border-radius:999px;place-items:center;min-width:46px;height:46px;padding:0 14px;font-weight:700;transition:background-color .15s;display:grid}.pager a:hover{background:#ffffff24}.pager [aria-current=page]{background:var(--paper);color:var(--ink)}.pager .gap{min-width:20px;color:var(--text-3);background:0 0;padding:0}.pager .pager-step{gap:8px;display:inline-flex}.pager .pager-step .i{width:18px;height:18px}@media (width<=560px){.pager .pager-step span{display:none}}.rail-tools{align-items:center;gap:18px;display:flex}.hero{isolation:isolate;padding:clamp(36px,6vw,84px) 0 clamp(40px,5vw,72px);position:relative;overflow:hidden}.hero:after{content:"";z-index:-1;background:linear-gradient(transparent, var(--ink));pointer-events:none;height:140px;position:absolute;inset:auto 0 0}.hero-fx{z-index:-2;pointer-events:none;position:absolute;inset:0}.fx-canvas{width:100%;height:100%;display:block}.hero-grid{grid-template-columns:minmax(0,1fr) minmax(0,1.08fr);align-items:center;gap:clamp(32px,5vw,80px);display:grid}.hero h1{letter-spacing:-.025em;font-size:clamp(2.3rem,4.6vw,4.6rem);line-height:1.02}.hl{white-space:nowrap;position:relative}.hl:after{content:"";z-index:-1;background:var(--red);transform-origin:0;height:.11em;animation:underline .9s .25s var(--ease) backwards;border-radius:99px;position:absolute;bottom:.04em;left:-.02em;right:-.02em}@keyframes underline{0%{transform:scaleX(0)}}.hero-lead{max-width:34rem;color:var(--text-2);margin-top:clamp(18px,2vw,26px);font-size:clamp(1.05rem,1.45vw,1.22rem);line-height:1.55}.hero-search{width:100%;max-width:34rem;height:60px;color:var(--text-3);text-align:left;backdrop-filter:blur(10px);background:#ffffff0f;border:1px solid #ffffff2e;border-radius:999px;align-items:center;gap:12px;margin-top:clamp(24px,3vw,34px);padding:0 12px 0 20px;font-size:1.05rem;transition:border-color .2s,background-color .2s,box-shadow .2s;display:flex}.hero-search:hover{background:#ffffff17;border-color:#fff6;box-shadow:0 0 0 6px #ffffff0a}.hero-search .i{width:22px;height:22px;color:var(--paper)}.hero-search span{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.hero-stats{flex-wrap:wrap;gap:14px clamp(24px,3.4vw,44px);margin-top:clamp(26px,3vw,38px);display:flex}.hero-stats div{flex-direction:column-reverse;display:flex}.hero-stats dd{font:400 clamp(1.5rem, 2.6vw, 2.1rem)/1 var(--display)}.hero-stats dt{color:var(--text-3);margin-top:6px;font-size:.88rem}.hero-faces{flex-wrap:wrap;margin-top:clamp(26px,3vw,36px);padding-left:6px;display:flex}.hero-faces li{animation:pop .5s calc(var(--i) * 45ms + .3s) var(--spring) backwards;margin-left:-8px}.hero-faces a{transition:transform .25s var(--spring);border-radius:14px;display:block}.hero-faces a:hover{z-index:1;position:relative;transform:translateY(-6px)rotate(-6deg)scale(1.1)}.hero-faces .face{width:48px;height:48px;box-shadow:0 0 0 3px var(--ink);border-radius:14px}@keyframes pop{0%{opacity:0;transform:translateY(10px)scale(.6)}}.kicker{color:var(--yellow);font:400 .86rem/1 var(--display);letter-spacing:.06em;text-transform:uppercase;align-items:center;gap:8px;margin-bottom:14px;display:inline-flex}.kicker .i{width:15px;height:15px}.hero-feature .card-media{box-shadow:0 40px 90px -40px color-mix(in oklab, var(--c) 70%, black), 0 0 0 1px #ffffff0f}@media (width<=1000px){.hero-grid{grid-template-columns:minmax(0,1fr)}.hero-search{max-width:none}}.topic-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,250px),1fr));gap:clamp(10px,1.3vw,16px);display:grid}.topic-tile{isolation:isolate;border-radius:var(--r-lg);background:radial-gradient(120% 90% at 100% 0%, color-mix(in oklab, var(--hue) 24%, transparent), transparent 62%), var(--ink-2);min-height:236px;box-shadow:inset 0 0 0 1px var(--line);transition:transform .3s var(--ease), box-shadow .3s;flex-direction:column;justify-content:space-between;padding:18px;display:flex;position:relative;overflow:hidden}.topic-tile:hover{box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--hue) 45%, transparent), 0 24px 50px -28px color-mix(in oklab, var(--hue) 60%, black);transform:translateY(-4px)}.tt-fan{z-index:-1;width:62%;height:120px;position:absolute;top:18px;right:-18px}.tt-fan img{aspect-ratio:16/9;object-fit:cover;background:var(--c);width:82%;height:auto;transform:translate(calc(var(--i) * -26%), calc(var(--i) * 22%)) rotate(calc(6deg - var(--i) * 6deg));transform-origin:80% 100%;transition:transform .45s var(--spring);border-radius:10px;position:absolute;top:0;right:0;box-shadow:0 10px 24px -8px #000000b3,0 0 0 1px #ffffff14}.tt-fan img:first-child{z-index:3}.tt-fan img:nth-child(2){z-index:2;filter:brightness(.8)}.tt-fan img:nth-child(3){z-index:1;filter:brightness(.6)}.topic-tile:hover .tt-fan img{transform:translate(calc(var(--i) * -34%), calc(var(--i) * 18%)) rotate(calc(9deg - var(--i) * 9deg))}.tt-body{flex-direction:column;gap:6px;margin-top:auto;display:flex}.tt-icon{background:color-mix(in oklab, var(--hue) 20%, var(--ink));width:46px;height:46px;color:color-mix(in oklab, var(--hue) 85%, white);box-shadow:0 0 0 1px color-mix(in oklab, var(--hue) 30%, transparent);border-radius:14px;place-items:center;margin-bottom:8px;display:grid}.tt-icon .i{width:24px;height:24px}.tt-name{font:400 1.3rem/1.12 var(--display)}.tt-count{color:var(--text-3);font-size:.9rem}.topic-index{grid-template-columns:repeat(auto-fill,minmax(min(100%,560px),1fr));gap:clamp(14px,2vw,24px);display:grid}.ti{border-radius:calc(var(--r-lg) + 12px);box-shadow:inset 0 0 0 1px var(--line);background:#ffffff06;grid-template-columns:minmax(0,250px) minmax(0,1fr);gap:22px;padding:12px;display:grid}.ti .topic-tile{min-height:250px}.ti-text{flex-direction:column;gap:14px;padding:10px 10px 6px 0;display:flex}.ti-text>p{color:var(--text-2)}.ti-latest{gap:8px;display:grid}.ti-latest a{align-items:baseline;gap:10px;font-size:.94rem;font-weight:500;line-height:1.35;display:flex}.ti-latest a:hover{color:color-mix(in oklab, var(--hue) 70%, white)}.ti-latest .i{width:11px;height:11px;color:color-mix(in oklab, var(--hue) 80%, white);flex:none;transform:translateY(1px)}.ti .more{margin-top:auto}@media (width<=600px){.ti{grid-template-columns:1fr}.ti-text{padding:4px 6px 8px}}.rank-grid{counter-reset:rank;grid-template-columns:repeat(auto-fill,minmax(min(100%,330px),1fr));gap:clamp(26px,3vw,40px) clamp(16px,2vw,28px);display:grid}.rank-grid-4{grid-template-columns:repeat(auto-fill,minmax(min(100%,290px),1fr))}.channel-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:clamp(10px,1.3vw,16px);display:grid}.channel-tile{border-radius:var(--r-lg);background:radial-gradient(110% 120% at 0% 0%, color-mix(in oklab, var(--accent) 16%, transparent), transparent 60%), var(--ink-2);height:100%;box-shadow:inset 0 0 0 1px var(--line);transition:transform .3s var(--ease), box-shadow .3s;align-items:center;gap:18px;padding:18px;display:flex}.channel-tile:hover{box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--accent) 45%, transparent);transform:translateY(-3px)}.ct-face{width:92px;height:92px;transform:rotate(var(--tilt));transition:transform .4s var(--spring);border-radius:24px;box-shadow:0 12px 26px -12px #000c}.channel-tile:hover .ct-face{transform:rotate(calc(var(--tilt) * -1.6)) scale(1.06)}.ct-body{flex-direction:column;gap:5px;min-width:0;display:flex}.ct-name{font:400 1.2rem/1.15 var(--display)}.ct-topic{color:var(--text-2);font-size:.9rem;line-height:1.4}.ct-stats{color:var(--text-3);font-size:.86rem}.ct-stats b{color:var(--paper);font-weight:700}.channel-grid-lg{grid-template-columns:repeat(auto-fill,minmax(min(100%,380px),1fr))}.channel-grid-lg .channel-tile{padding:24px}.channel-grid-lg .ct-face{border-radius:30px;width:120px;height:120px}.channel-grid-lg .ct-name{font-size:1.45rem}@media (width<=560px){.hero-faces{padding-left:9px}.hero-faces li{margin-left:-9px}.hero-faces .face{border-radius:11px;width:38px;height:38px}}@media (hover:none),(width<=560px){.hero-search kbd{display:none}}.watch-top{padding-top:18px}.watch{grid-template-columns:minmax(0,1fr) minmax(300px,380px);align-items:start;gap:clamp(28px,3vw,44px);padding-top:14px;display:grid}.watch-main{min-width:0}@media (width<=1099px){.watch{grid-template-columns:1fr}}.player{isolation:isolate;position:relative}.player-glow{z-index:-1;filter:blur(60px)saturate(1.6);opacity:.5;background-position:50%;background-size:cover;border-radius:40px;position:absolute;inset:4% 2%;transform:translateZ(0)}.player-frame{aspect-ratio:16/9;border-radius:var(--r-lg);background:var(--c);view-transition-name:hero-media;position:relative;overflow:hidden;box-shadow:0 0 0 1px #ffffff12,0 30px 80px -40px #000000e6}.player.is-vertical .player-frame{aspect-ratio:9/16;max-height:min(78dvh,760px);margin-inline:auto}.player-poster,.player-poster img,.player-frame iframe{width:100%;height:100%;position:absolute;inset:0}.player-poster img{object-fit:cover;transition:transform .8s var(--ease), filter .4s}.player-poster:after{content:"";background:radial-gradient(circle at 50% 55%,#0000000d,#00000061);transition:opacity .3s;position:absolute;inset:0}.player-poster:hover img{transform:scale(1.025)}.player-frame iframe{z-index:2;background:#000;border:0}.player.is-playing .player-poster{opacity:0;pointer-events:none;transition:opacity .4s .4s}.player-btn{z-index:1;backdrop-filter:blur(12px);transition:transform .3s var(--spring), background-color .2s;background:#0b0b0cb8;border-radius:999px;align-items:center;gap:14px;padding:10px 26px 10px 10px;display:inline-flex;position:absolute;top:50%;left:50%;translate:-50% -50%;box-shadow:0 0 0 1px #ffffff1f,0 20px 50px -20px #000c}.player-btn-icon{background:var(--red);border-radius:50%;place-items:center;width:58px;height:58px;display:grid}.player-btn-icon .i{width:26px;height:26px;margin-left:4px}.player-btn-text{font:400 1.1rem/1.1 var(--display);flex-direction:column;display:flex}.player-btn-text .num{font:700 .85rem/1.4 var(--text);color:var(--text-2)}.player-poster:hover .player-btn{background:#0b0b0cd9;transform:scale(1.06)}.player-poster:focus-visible{outline:none}.player-poster:focus-visible .player-btn{outline:3px solid var(--yellow);outline-offset:4px}@media (width<=560px){.player-btn{padding:8px}.player-btn-text{display:none}}.watch-short .watch-main{grid-template-columns:minmax(0,400px) minmax(0,1fr);align-items:start;gap:clamp(24px,3vw,40px);display:grid}.watch-short .player{top:calc(var(--header-h) + 16px);position:sticky}@media (width<=760px){.watch-short .watch-main{grid-template-columns:1fr}.watch-short .player{width:100%;max-width:420px;margin-inline:auto;position:relative;top:0}}.watch-info{flex-direction:column;gap:clamp(18px,2vw,24px);min-width:0;margin-top:clamp(20px,2.4vw,28px);display:flex}.watch-short .watch-info{margin-top:0}.watch-head{flex-direction:column;gap:14px;display:flex}.watch-title{overflow-wrap:anywhere;font-size:clamp(1.6rem,3.1vw,2.55rem);line-height:1.1}.watch-stats{color:var(--text-2);flex-wrap:wrap;gap:8px 22px;font-size:.95rem;display:flex}.watch-stats li{align-items:center;gap:7px;display:inline-flex}.watch-stats .i{width:17px;height:17px;color:var(--text-3)}.watch-channel{border-radius:var(--r-lg);background:radial-gradient(120% 140% at 0% 0%, color-mix(in oklab, var(--accent) 14%, transparent), transparent 55%), var(--ink-2);box-shadow:inset 0 0 0 1px var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px 20px;padding:14px 16px;display:flex}.wc-id{align-items:center;gap:14px;min-width:0;display:flex}.wc-id .face{width:52px;height:52px;transition:transform .3s var(--spring);border-radius:15px}.wc-id:hover .face{transform:rotate(-8deg)scale(1.06)}.wc-id b{font:400 1.1rem/1.2 var(--display);display:block}.wc-id small{color:var(--text-3);font-size:.86rem}.wc-actions{flex-wrap:wrap;gap:8px;display:flex}.watch-box{border-radius:var(--r-lg);background:var(--ink-2);box-shadow:inset 0 0 0 1px var(--line);padding:clamp(18px,2.2vw,26px)}.watch-box h2{align-items:center;gap:10px;margin-bottom:14px;font-size:1.15rem;display:flex}.watch-box h2 .i{width:20px;height:20px;color:var(--red)}.prose{color:var(--text-2);font-size:1.04rem;line-height:1.7}.prose p+p{margin-top:.9em}.prose h2{color:var(--paper);margin:1.6em 0 .6em;font-size:1.45rem}.prose h3{color:var(--paper);font:700 1.15rem/1.3 var(--text);margin:1.4em 0 .5em}.prose a{color:var(--paper);text-decoration:underline;text-decoration-color:var(--red);text-underline-offset:3px;text-decoration-thickness:2px}.prose ul{padding-left:1.3em;list-style:outside}.prose ul,.prose ol{margin-block:.8em}.watch-article{color:var(--text-2)}.chapters{gap:2px;display:grid}.chapters a{border-radius:var(--r-sm);grid-template-columns:auto 1fr auto;align-items:center;gap:14px;padding:10px 12px;transition:background-color .15s;display:grid}.chapters a:hover{background:#ffffff0f}.ch-time{min-width:58px;color:var(--yellow);text-align:center;background:#ffd92b1f;border-radius:8px;padding:5px 9px;font-size:.85rem;font-weight:700}.ch-label{font-weight:500}.ch-n{color:var(--text-3);font-size:.8rem}.credits{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:16px 24px;display:grid}.credits dt{color:var(--text-3);letter-spacing:.06em;text-transform:uppercase;font-size:.8rem;font-weight:700}.credits dd{margin-top:4px;font-weight:700}.sources{flex-wrap:wrap;gap:8px;display:flex}.sources a{background:#ffffff0f;border-radius:999px;align-items:center;gap:6px;padding:8px 12px;font-size:.9rem;font-weight:500;display:inline-flex}.sources a:hover{background:#ffffff1f}.sources .i{width:14px;height:14px}.prevnext{grid-template-columns:1fr 1fr;gap:12px;display:grid}.pn{border-radius:var(--r-lg);background:var(--ink-2);box-shadow:inset 0 0 0 1px var(--line);flex-direction:column;gap:6px;padding:16px 18px;transition:background-color .2s;display:flex}.pn:hover{background:var(--ink-3)}.pn small{color:var(--text-3);align-items:center;gap:6px;font-size:.82rem;font-weight:700;display:inline-flex}.pn small .i{width:14px;height:14px}.pn b{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;font-weight:700;line-height:1.3;display:-webkit-box;overflow:hidden}.pn-next{text-align:right;grid-column:2;align-items:end}@media (width<=560px){.prevnext{grid-template-columns:1fr}.pn-next{grid-column:auto}}.watch-side{top:calc(var(--header-h) + 16px);position:sticky}.watch-side h2{margin-bottom:16px;font-size:1.2rem}.upnext{gap:14px;display:grid}@media (width<=1099px){.watch-side{position:static}.upnext{grid-template-columns:repeat(auto-fill,minmax(min(100%,340px),1fr))}}.crumbs ol{color:var(--text-3);flex-wrap:wrap;align-items:center;gap:4px 6px;font-size:.86rem;display:flex}.crumbs li{align-items:center;gap:6px;min-width:0;display:inline-flex}.crumbs a{transition:color .15s}.crumbs a:hover{color:var(--paper)}.crumbs .i{opacity:.6;width:13px;height:13px}.crumbs [aria-current]{color:var(--text-2);text-overflow:ellipsis;white-space:nowrap;max-width:46ch;overflow:hidden}.page-hero{isolation:isolate;background:radial-gradient(70% 140% at 0% 0%, color-mix(in oklab, var(--hue) 20%, transparent), transparent 65%);padding:22px 0 clamp(32px,4vw,52px);position:relative}.page-hero:before{content:"";z-index:-1;opacity:.5;background-image:radial-gradient(#ffffff1f 1px,#0000 1.4px);background-size:26px 26px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000,#0000);mask-image:linear-gradient(#000,#0000)}.ph-row{align-items:center;gap:clamp(18px,3vw,36px);margin-top:clamp(22px,3vw,36px);display:flex}.ph-icon{--s:clamp(72px, 9vw, 112px);width:var(--s);height:var(--s);background:color-mix(in oklab, var(--hue) 22%, var(--ink));color:color-mix(in oklab, var(--hue) 85%, white);box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--hue) 35%, transparent), 0 24px 60px -30px var(--hue);border-radius:28%;flex:none;place-items:center;display:grid;transform:rotate(-4deg)}.ph-icon .i{width:52%;height:52%}.ph-face{--s:clamp(88px, 11vw, 132px);width:var(--s);height:var(--s);border-radius:28%;transform:rotate(-4deg);box-shadow:0 24px 60px -24px #000000e6}.ph-text{flex-direction:column;gap:14px;min-width:0;display:flex}.ph-text h1{font-size:clamp(2.1rem,5vw,4rem)}.ph-page{color:var(--text-3);vertical-align:middle;font-size:.5em}.ph-intro{max-width:46rem;color:var(--text-2);font-size:clamp(1.02rem,1.4vw,1.18rem)}.ph-stats{flex-wrap:wrap;gap:10px 32px;margin-top:4px;display:flex}.ph-stats div{align-items:baseline;gap:8px;display:flex}.ph-stats dd{font:400 1.35rem/1 var(--display)}.ph-stats dt{color:var(--text-3);font-size:.9rem}.ph-actions{flex-wrap:wrap;gap:10px;display:flex}.ph-chips{margin-top:6px}.chip .face{border-radius:6px;width:20px;height:20px}.chip-n{color:var(--text-2);background:#ffffff14;border-radius:99px;margin-left:2px;padding:2px 6px;font-size:.75rem}@media (width<=640px){.ph-row{flex-direction:column;align-items:start}}.section-tight{padding-top:clamp(28px,3.4vw,44px)}.count{color:var(--text-3);font-size:.92rem}.search-dialog{width:min(760px,100% - 24px);max-height:min(720px,100dvh - 48px);color:var(--paper);box-shadow:0 0 0 1px var(--line-2), 0 50px 120px -30px #000000e6;opacity:0;transition:opacity .2s var(--ease), transform .2s var(--ease), overlay .2s allow-discrete, display .2s allow-discrete;background:#141417f7;border:0;border-radius:24px;margin:clamp(12px,8vh,96px) auto auto;padding:0;overflow:hidden;transform:translateY(-10px)scale(.98)}.search-dialog[open]{opacity:1;transform:none}@starting-style{.search-dialog[open]{opacity:0;transform:translateY(-10px)scale(.98)}}.search-dialog::backdrop{backdrop-filter:blur(6px);background:#0009}.searchbox{max-height:inherit;flex-direction:column;display:flex}.search-bar{border-bottom:1px solid var(--line);align-items:center;gap:12px;padding:0 16px 0 20px;display:flex}.search-bar>.i{width:22px;height:22px;color:var(--text-2)}.search-bar input{background:0 0;border:0;outline:0;flex:1;min-width:0;height:66px;font-size:1.15rem}.search-bar input::placeholder{color:var(--text-3)}.search-bar input::-webkit-search-cancel-button{display:none}.search-close{background:0 0;border:0;padding:0}.search-body{overscroll-behavior:contain;padding:14px 12px 18px;overflow-y:auto}.search-status{color:var(--text-3);padding:0 10px;font-size:.85rem}.search-status:empty{display:none}.search-results{gap:2px;margin-top:8px;display:grid}.sr-item{outline-offset:-3px;border-radius:14px;align-items:start;gap:14px;padding:10px;display:flex}.sr-item:hover,.sr-item:focus-visible{background:#ffffff0f}.sr-item img{aspect-ratio:16/9;object-fit:cover;background:var(--c);border-radius:10px;flex:none;width:128px;height:auto}.sr-text{flex-direction:column;gap:3px;min-width:0;display:flex}.sr-text b{font-weight:700;line-height:1.3}.sr-text small{color:var(--text-3);font-size:.8rem}.sr-excerpt{color:var(--text-2);-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;font-size:.86rem;line-height:1.45;display:-webkit-box;overflow:hidden}.sr-excerpt mark{color:var(--yellow);background:0 0;font-weight:700}.search-idle{padding:4px 10px}.search-label{color:var(--text-3);font:400 .76rem/1 var(--display);letter-spacing:.08em;text-transform:uppercase;margin:14px 0 10px}button.chip{border:0}button.chip:hover{background:color-mix(in oklab, var(--hue) 26%, transparent);color:#fff}.search-page .searchbox{background:var(--ink-2);box-shadow:inset 0 0 0 1px var(--line);border-radius:24px}@media (width<=560px){.sr-item img{width:96px}.search-dialog{margin-top:12px}}.notfound{text-align:center;padding:clamp(48px,8vw,110px) 0 0}.notfound .wrap{flex-direction:column;align-items:center;gap:18px;display:flex}.nf-face{border-radius:32px;width:120px;height:120px;animation:3s ease-in-out infinite wobble;transform:rotate(-6deg)}@keyframes wobble{50%{transform:rotate(6deg)translateY(-6px)}}.notfound p{max-width:34rem;color:var(--text-2);font-size:1.1rem}.nf-actions{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.nf-topics{justify-content:center;max-width:900px;margin-top:12px}.legal{max-width:52rem}.legal h2{font-size:1.3rem}.legal h2:first-child{margin-top:0}@view-transition{navigation:auto}::view-transition-old(root){animation:.16s var(--ease) both vt-out}::view-transition-new(root){animation:.26s var(--ease) both vt-in}::view-transition-group(hero-media){animation-duration:.42s;animation-timing-function:var(--ease)}::view-transition-image-pair(hero-media){border-radius:var(--r-lg);overflow:hidden}::view-transition-old(hero-media),::view-transition-new(hero-media){object-fit:cover;height:100%}::view-transition-group(site-header){animation:none}@keyframes vt-out{to{opacity:0}}@keyframes vt-in{0%{opacity:0;transform:translateY(10px)}}@media (prefers-reduced-motion:reduce){@view-transition{navigation:none}}
