:root{color-scheme:dark;--black:#000;--deep:#0a0a0a;--base:#111;--layer:#1a1a1a;--hover:#222;--white:#fff;--body:#e8e8e8;--muted:#b0b0b0;--dim:#888;--faint:#777;--line:rgba(255,255,255,.12);--line-strong:rgba(255,255,255,.35);--shadow:0 16px 48px rgba(0,0,0,.7);--radius:14px;--header-h:74px}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;min-width:0;background:var(--black);color:var(--body);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft Yahei","Noto Sans CJK SC",sans-serif;line-height:1.75;-webkit-font-smoothing:antialiased;overflow-x:clip}body.is-locked{overflow:hidden}
a{color:inherit;text-decoration:none}a:hover{color:#fff}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:default}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:2px solid #fff;outline-offset:4px}img,svg{display:block;max-width:100%}img{height:auto}svg{fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}figure,blockquote,h1,h2,h3,p{margin-top:0}p{margin-bottom:1.25em}h1,h2,h3{color:#fff;line-height:1.22;letter-spacing:-.025em}h1{font-size:clamp(2.55rem,4.6vw,5.3rem)}h2{font-size:clamp(1.75rem,3.1vw,3.1rem)}h3{font-size:1.3rem}.shell{width:min(1280px,calc(100% - 48px));margin-inline:auto}.eyebrow{display:inline-block;font-size:.72rem;font-weight:800;letter-spacing:.24em;color:#ccc;text-transform:uppercase}.section-title{margin:.6rem 0 .8rem}.section-intro{color:var(--muted);max-width:740px;font-size:1rem}.section-head{display:flex;align-items:end;justify-content:space-between;gap:28px;margin-bottom:30px}.section-head p{margin-bottom:0}.text-link{display:inline-flex;align-items:center;gap:10px;white-space:nowrap;font-size:.87rem;font-weight:750;border-bottom:1px solid rgba(255,255,255,.45);padding-bottom:7px;transition:gap .2s}.text-link:hover{gap:16px}.block-section{padding-block:86px;border-top:1px solid var(--line)}.surface-section{background:var(--deep)}.quiet-section{background:var(--base)}.btn{min-height:48px;display:inline-flex;align-items:center;justify-content:center;gap:14px;border-radius:999px;padding:11px 22px;font-size:.9rem;font-weight:800;text-align:center;white-space:nowrap;transition:background .2s,transform .2s,border-color .2s}.btn:hover{transform:translateY(-2px)}.btn-primary{color:#000;background:#fff}.btn-primary:hover{color:#000;background:#dcdcdc}.btn-outline{border:1px solid var(--line-strong);color:#fff}.btn-outline:hover{background:var(--hover);border-color:#fff}.btn-row{display:flex;gap:10px;flex-wrap:wrap}.tag{font-size:.69rem;letter-spacing:.12em;text-transform:uppercase;color:#b0b0b0;font-weight:700}.white-tag{color:#000;background:#fff;border-radius:99px;padding:5px 10px}.separator-dot{display:inline-block;width:4px;height:4px;background:#999;border-radius:50%;vertical-align:middle;margin:0 10px}.small-arrow{font-size:1.05rem}
.skip-to-content{position:absolute;left:20px;top:-100px;z-index:120;background:#fff;color:#000;padding:10px 16px;border-radius:7px}.skip-to-content:focus{top:12px}.site-header{position:sticky;top:0;left:0;right:0;width:100%;z-index:40;background:rgba(0,0,0,.96);border-bottom:1px solid var(--line);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.header-inner{min-height:var(--header-h);display:flex;align-items:center;gap:30px}.site-brand{display:inline-flex;align-items:center;flex:none;min-height:44px}.brand-logo{display:block;width:auto;height:auto;max-height:45px;max-width:154px;object-fit:contain;background:transparent;border:none}.brand-wordmark{color:#fff;white-space:nowrap;font-size:1.48rem;font-weight:950;letter-spacing:-.09em;line-height:1}.brand-wordmark span{font-size:.67em;letter-spacing:0;margin-left:4px;font-weight:820}.primary-nav{display:flex;gap:clamp(12px,1.5vw,28px);white-space:nowrap;align-items:center;margin-right:auto}.primary-nav a{position:relative;font-size:.83rem;font-weight:700;color:#b0b0b0;min-height:44px;display:inline-flex;align-items:center;transition:color .2s}.primary-nav a:hover,.primary-nav a[aria-current=page]{color:#fff}.primary-nav a[aria-current=page]::after{content:"";height:2px;background:white;position:absolute;bottom:-15px;left:0;right:0}.header-actions{display:flex;align-items:center;gap:8px;margin-left:auto}.icon-button{border:0;display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;min-width:44px;border-radius:50%;color:#fff;background:transparent}.icon-button:hover{background:#222}.icon-button svg{width:19px;height:19px}.plain-action{padding:10px 9px;color:#e8e8e8;font-size:.85rem;font-weight:800}.app-action{background:#fff;color:#000;padding:10px 19px;border-radius:999px;font-size:.84rem;font-weight:900;min-width:73px;min-height:44px;display:flex;align-items:center;justify-content:center;gap:8px;white-space:nowrap}.app-action:hover{color:#000;background:#ccc}.hamburger{width:19px;display:flex;flex-direction:column;gap:4px}.hamburger i{display:block;width:19px;height:1.5px;background:#fff;border-radius:2px}.mobile-menu-trigger{display:none}
.media-frame{position:relative;margin:0;overflow:hidden;border:1px solid rgba(255,255,255,.14);border-radius:var(--radius);background:#141414;isolation:isolate}.media-frame img{width:100%;height:100%;object-fit:contain}.media-frame.has-photo{background:#111}.media-typographic{display:flex;flex-direction:column;justify-content:space-between;gap:12px;min-height:0;padding:clamp(18px,3vw,42px);background:radial-gradient(ellipse at 78% 68%,#2b2b2b,transparent 45%),linear-gradient(150deg,#191919,#070707 78%)}.media-typographic::before{position:absolute;content:"";width:55%;height:160%;border:1px solid rgba(255,255,255,.14);border-radius:50%;right:-18%;top:-26%;transform:rotate(26deg);pointer-events:none}.media-typographic::after{position:absolute;content:"";width:64%;height:156%;border:1px solid rgba(255,255,255,.08);border-radius:50%;right:-27%;top:-29%;transform:rotate(26deg);pointer-events:none}.art-index,.art-foot{font-size:.65rem;font-weight:800;letter-spacing:.25em;color:#b0b0b0;position:relative;z-index:1}.media-typographic strong{position:relative;z-index:1;color:#fff;line-height:1.12;font-size:clamp(1.9rem,3.8vw,4.4rem);font-weight:850;letter-spacing:-.07em;max-width:90%;text-wrap:balance}.art-lines{position:absolute;bottom:0;right:0;width:42%;height:43%;pointer-events:none;background:repeating-linear-gradient(90deg,transparent 0,transparent 16px,rgba(255,255,255,.06) 17px,transparent 18px);mask-image:linear-gradient(to top,#000,transparent)}.frame-tall{aspect-ratio:3/4}.frame-wide{aspect-ratio:16/9}.frame-square{aspect-ratio:1/1}
/* Homepage */
.home-hero{padding:47px 0 69px}.hero-grid{display:grid;grid-template-columns:minmax(0,1.68fr) minmax(0,.94fr);grid-template-rows:auto 1fr;grid-template-areas:"media copy" "media picks";gap:22px 46px;align-items:stretch}.hero-copy{grid-area:copy;align-self:end;padding-top:17px}.hero-copy h1{font-size:clamp(2.75rem,4.55vw,5.15rem);margin:17px 0 25px}.hero-copy p{color:#bebebe;font-size:.96rem;line-height:1.94;margin-bottom:26px}.hero-media{grid-area:media;min-height:510px;display:flex}.hero-media .media-frame{width:100%;min-height:100%;aspect-ratio:1.12/1}.hero-media .media-typographic strong{font-size:clamp(3rem,6.5vw,6.9rem)}.hero-picks{grid-area:picks;align-self:stretch;border-top:1px solid var(--line);padding-top:15px}.pick-row{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:12px 0;border-bottom:1px solid var(--line);font-weight:700;font-size:.88rem}.pick-row span{color:var(--dim);font-size:.75rem;letter-spacing:.05em}.pick-row:hover span{color:#fff}.quick-strip{margin-top:40px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;gap:26px;overflow-x:auto;overscroll-behavior-inline:contain;scrollbar-width:thin;padding:13px 0}.quick-strip a{flex:none;white-space:nowrap;font-size:.84rem;font-weight:750;color:#aaa}.quick-strip a:hover{color:white}.quick-strip a::before{content:"/";color:#555;margin-right:13px}.inspiration-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}.inspiration-card{padding:21px;border-radius:12px;border:1px solid var(--line);background:var(--base);min-height:156px;display:flex;flex-direction:column;transition:background .2s,border .2s}.inspiration-card:hover{background:#1d1d1d;border-color:#555}.inspiration-card strong{font-size:1.16rem;color:#fff}.inspiration-card p{font-size:.85rem;color:#aaa;margin:10px 0 auto;line-height:1.7}.inspiration-card span{font-size:.7rem;color:#c9c9c9;margin-top:15px}.trend-layout{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:24px}.trend-main{border:1px solid var(--line);border-radius:16px;padding:16px;background:#111}.trend-main .media-frame{aspect-ratio:1.5/1;max-height:410px}.trend-main-content{padding:25px 14px 13px}.trend-main-content h3{font-size:clamp(1.45rem,2.4vw,2.2rem);margin:14px 0}.trend-main-content p{color:#b5b5b5;font-size:.92rem}.trend-side{display:grid;grid-template-columns:1fr;gap:0}.trend-side a{display:grid;grid-template-columns:58px minmax(0,1fr) 25px;align-items:center;gap:16px;padding:20px 0;border-bottom:1px solid var(--line)}.trend-side .num{font-size:1.6rem;font-weight:850;color:#666;letter-spacing:-.06em}.trend-side strong{display:block;font-size:1.13rem;color:white;margin:3px 0 5px}.trend-side small{color:#aaa;font-size:.84rem}.rail-scroll{display:grid;grid-auto-columns:minmax(235px,1fr);grid-auto-flow:column;gap:17px;overflow-x:auto;padding:0 0 16px;scroll-snap-type:x proximity;scrollbar-width:thin}.rail-card{display:block;min-width:0;scroll-snap-align:start;border-top:1px solid #777;padding-top:15px}.rail-card .media-frame{aspect-ratio:4/4.3;margin-bottom:18px}.rail-card h3{font-size:1.16rem;margin:9px 0}.rail-card p{color:#a8a8a8;font-size:.88rem;line-height:1.72}.film-editorial{display:grid;grid-template-columns:1.25fr 1fr;gap:44px;align-items:center}.film-editorial .media-frame{min-height:0;aspect-ratio:1.4/1}.film-editorial h3{font-size:clamp(1.8rem,3.1vw,3.3rem);margin:16px 0}.film-editorial p{color:#aaa}.category-tiles{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:33px}.category-tiles a{border:1px solid var(--line);border-radius:12px;min-height:118px;padding:18px;display:flex;justify-content:space-between;flex-direction:column}.category-tiles a:hover{background:#1d1d1d}.category-tiles strong{color:#fff;font-size:1.02rem}.category-tiles small{color:#aaa}.clip-directory{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 35px}.clip-row{padding:27px 0;border-top:1px solid var(--line);display:flex;flex-direction:column;min-height:203px}.clip-row .no{font-size:.72rem;color:#888;letter-spacing:.2em}.clip-row h3{font-size:1.5rem;margin:17px 0 10px}.clip-row p{color:#aaa;font-size:.9rem;margin:auto 0 0}.series-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.series-tile{border:1px solid var(--line-strong);border-radius:14px;padding:27px;background:#080808;min-height:198px;display:flex;flex-direction:column}.series-tile h3{font-size:1.48rem;margin:16px 0 11px}.series-tile p{color:#aaa;font-size:.88rem;margin-bottom:15px}.series-tile a{margin-top:auto;align-self:start;color:#eee;border-bottom:1px solid #666;font-size:.81rem}.making-editorial{display:grid;grid-template-columns:1fr 1fr;gap:28px}.making-editorial .media-frame{aspect-ratio:1.35/1}.making-notes{display:grid;grid-template-columns:1fr 1fr;gap:17px}.making-note{padding:18px 0;border-top:1px solid var(--line)}.making-note strong{font-size:1.12rem;color:#fff}.making-note p{font-size:.83rem;color:#aaa;margin-top:9px}.playlist-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.playlist-card{display:flex;flex-direction:column;justify-content:space-between;min-height:238px;padding:24px;border-radius:12px;background:linear-gradient(145deg,#222,#090909);border:1px solid var(--line);transition:transform .2s}.playlist-card:hover{transform:translateY(-3px)}.playlist-card:nth-child(3n + 2){background:linear-gradient(135deg,#171717,#050505)}.playlist-card span{color:#a9a9a9;font-size:.7rem;letter-spacing:.18em}.playlist-card h3{margin:19px 0 12px;font-size:1.45rem}.playlist-card p{color:#aaa;font-size:.81rem;line-height:1.7;margin:0}.rank-list{display:grid;grid-template-columns:repeat(2,1fr);gap:0 38px}.rank-item{display:flex;align-items:center;gap:20px;border-top:1px solid var(--line);padding:21px 0}.rank-number{font-weight:800;font-size:clamp(2.3rem,4.2vw,4.4rem);line-height:1;color:#888;letter-spacing:-.1em;min-width:76px}.rank-item h3{margin:0 0 6px}.rank-item p{margin:0;color:#aaa;font-size:.86rem}.timeline{display:grid;grid-template-columns:repeat(5,1fr);gap:20px;position:relative;padding-top:15px}.timeline::before{position:absolute;content:"";left:0;right:0;top:23px;height:1px;background:#555}.timeline-step{position:relative;padding:35px 0 10px}.timeline-step::before{position:absolute;content:"";left:0;top:3px;width:12px;height:12px;border:2px solid #fff;background:#000;border-radius:50%}.timeline-step h3{font-size:1.05rem;margin-bottom:12px}.timeline-step span{display:inline-block;border:1px solid #555;border-radius:30px;padding:4px 9px;font-size:.68rem;color:#ddd;margin-bottom:12px}.timeline-step p{color:#aaa;font-size:.82rem}.essay-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:17px}.essay-card{padding:22px 0;border-top:1px solid #6b6b6b}.essay-card h3{font-size:1.18rem;line-height:1.38;margin:12px 0}.essay-card p{font-size:.85rem;color:#aaa;line-height:1.8}.explore-index{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.explore-index a{border:1px solid var(--line);padding:24px;display:flex;flex-direction:column;min-height:148px;border-radius:12px}.explore-index h3{margin:10px 0}.explore-index p{color:#aaa;font-size:.88rem;margin:0}.app-promo{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center}.app-promo .media-frame{aspect-ratio:1.33/1}.app-promo p{color:#aaa}.rights-pair{display:grid;grid-template-columns:1fr 1fr;gap:18px}.rights-pair article{padding:30px;border:1px solid var(--line);border-radius:14px;background:#121212}.rights-pair p{color:#aaa}.faq-home{display:grid;grid-template-columns:1fr 1fr;gap:0 35px}.faq-item{padding:22px 0;border-top:1px solid var(--line)}.faq-item summary{cursor:pointer;color:#fff;font-size:1.04rem;font-weight:750;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:16px}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary::after{content:"+";font-size:1.3rem;font-weight:400}.faq-item[open] summary::after{content:"−"}.faq-item p{font-size:.9rem;color:#aaa;line-height:1.8;margin:14px 0 0}.manifesto{max-width:990px;margin:0 auto;text-align:center;padding:80px 0 110px}.manifesto h2{font-size:clamp(2.2rem,4.2vw,4.7rem)}.manifesto p{font-size:1rem;color:#b9b9b9;line-height:2.1}
/* Editorial pages: typographic hierarchy varies by editorial category */
.page-heading{padding:65px 0 48px;border-bottom:1px solid var(--line)}.page-heading .eyebrow{color:#aaa}.page-heading h1{font-size:clamp(3.1rem,6vw,6.8rem);margin:15px 0 19px;letter-spacing:-.07em}.page-heading .page-deck{max-width:830px;font-size:clamp(1.04rem,1.4vw,1.24rem);line-height:1.9;color:#c2c2c2;margin-bottom:0}.page-meta{display:flex;align-items:center;gap:15px;flex-wrap:wrap;margin-top:22px;font-size:.75rem;color:#888;letter-spacing:.1em}.page-spotlight{display:grid;grid-template-columns:1.1fr .95fr;gap:42px;align-items:center;padding-top:44px;padding-bottom:49px}.page-spotlight .media-frame{min-height:370px;aspect-ratio:1.4/1}.page-spotlight-body .eyebrow{margin-bottom:14px}.page-spotlight-body h2{font-size:clamp(1.85rem,3.3vw,3.25rem);margin:0 0 21px}.page-spotlight-body p{color:#bbb;line-height:2}.page-note{border-left:2px solid #888;padding:9px 0 9px 19px;color:#d4d4d4;font-size:.93rem;line-height:1.95;margin-top:25px}.editorial-layout{border-top:1px solid var(--line);padding:60px 0 82px;display:grid;grid-template-columns:220px minmax(0,1fr);gap:60px}.editorial-side{position:sticky;top:110px;align-self:start}.editorial-side .eyebrow{margin-bottom:19px}.editorial-side nav{display:flex;flex-direction:column;gap:12px}.editorial-side a{color:#9d9d9d;font-size:.85rem;line-height:1.45;padding-bottom:9px;border-bottom:1px solid #202020}.editorial-side a:hover{color:#fff}.editorial-content{min-width:0}.editorial-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px 35px}.editorial-card{padding:0 0 26px;border-bottom:1px solid #353535;scroll-margin-top:110px}.editorial-card .card-kicker{display:block;font-size:.67rem;color:#888;letter-spacing:.17em;margin-bottom:13px}.editorial-card h3{font-size:clamp(1.2rem,2vw,1.58rem);margin-bottom:14px}.editorial-card p{color:#b6b6b6;font-size:.95rem;line-height:1.95;margin:0}.editorial-footer{border:1px solid var(--line);border-radius:14px;background:#131313;margin-top:45px;padding:30px 35px}.editorial-footer h2{font-size:1.48rem}.editorial-footer p{color:#bbb;line-height:2}.related-links{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-top:24px}.related-links a{padding:7px 12px;border:1px solid var(--line-strong);border-radius:40px;min-height:40px;display:inline-flex;align-items:center;font-size:.79rem}.related-links a:hover{background:#292929}.page-celebrity .page-spotlight{grid-template-columns:.8fr 1fr}.page-celebrity .media-frame{aspect-ratio:4/5}.page-film .editorial-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.page-film .editorial-card:first-child{grid-column:span 2}.page-clip .editorial-grid{grid-template-columns:1fr}.page-clip .editorial-card{display:grid;grid-template-columns:80px 1fr;gap:20px}.page-clip .editorial-card .card-kicker{font-size:2rem;letter-spacing:-.04em;color:#aaa}.page-making .editorial-card:nth-child(3n+1),.page-craft .editorial-card:nth-child(3n+2){grid-column:span 2}.page-theme .editorial-card,.page-playlist .editorial-card{min-height:238px;background:#141414;border:1px solid var(--line);padding:24px;border-radius:12px}.page-chart .editorial-card{display:grid;grid-template-columns:75px 1fr;gap:12px}.page-chart .card-kicker{font-size:2.6rem;color:#999;letter-spacing:-.08em}.page-schedule .editorial-grid{grid-template-columns:1fr}.page-schedule .editorial-card{border-left:1px solid #666;border-bottom:0;padding:0 0 32px 27px;position:relative}.page-schedule .editorial-card::before{content:"";position:absolute;width:9px;height:9px;border-radius:50%;background:#fff;top:2px;left:-5px}.page-opinion .editorial-grid{grid-template-columns:1fr}.page-opinion .editorial-card{display:grid;grid-template-columns:170px 1fr;gap:25px}.page-opinion .editorial-card h3{font-size:1.7rem}.page-app .page-spotlight{grid-template-columns:.85fr 1.15fr}.page-brand .page-heading,.page-opinion .page-heading{padding-top:95px}.page-rights .editorial-grid,.page-privacy .editorial-grid,.page-grade .editorial-grid{grid-template-columns:1fr}.page-support .editorial-grid{grid-template-columns:repeat(2,1fr)}.page-questions .faq-page{max-width:970px;margin:0 auto;padding:50px 0 100px}.page-questions .faq-item{padding:25px 0}.page-questions .faq-item p{font-size:.98rem}.page-questions .faq-item summary{font-size:1.15rem}.question-count{color:#888;margin-right:15px;font-size:.75rem}.contact-notice{background:#131313;border:1px solid var(--line);padding:22px 25px;border-radius:12px;color:#bfbfbf;line-height:1.95}.contact-notice strong{color:white}.page-download .editorial-card,.page-connect .editorial-card{border-left:2px solid #555;padding-left:16px}.page-privacy .editorial-card h3,.page-rights .editorial-card h3{border-left:2px solid #ccc;padding-left:15px}.midline-cta{display:flex;justify-content:space-between;align-items:center;gap:25px;border-top:1px solid var(--line);padding-block:38px}.midline-cta p{color:#a3a3a3;margin:0}.midline-cta h2{font-size:1.55rem;margin-bottom:7px}
/* Footer and overlays */
.site-footer{border-top:1px solid #333;background:#000;padding:75px 0 34px}.footer-upper{display:grid;grid-template-columns:300px minmax(0,1fr);gap:80px}.footer-brand .brand-logo{max-width:160px}.footer-en{display:block;margin-top:17px;font-size:.72rem;letter-spacing:.25em;color:#bbb;font-weight:850}.footer-brand p{font-size:.87rem;color:#999;margin:21px 0;line-height:1.9}.footer-columns{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}.footer-columns nav{display:flex;flex-direction:column;align-items:start;gap:10px}.footer-columns h2{font-size:.85rem;margin:0 0 12px;white-space:nowrap}.footer-columns a{font-size:.82rem;color:#999;line-height:1.75}.footer-columns a:hover{color:white}.footer-lower{border-top:1px solid var(--line);margin-top:65px;padding-top:25px}.footer-lower>p{color:#8e8e8e;font-size:.79rem;max-width:950px}.footer-bottom-line{display:flex;justify-content:space-between;gap:18px;color:#777;font-size:.75rem;flex-wrap:wrap}.footer-bottom-line>span:last-child{display:flex;gap:20px}.footer-bottom-line a:hover{color:white}.bottom-nav{display:none}.overlay-backdrop{position:fixed;inset:0;z-index:65;background:rgba(0,0,0,.72);backdrop-filter:blur(3px);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .2s,visibility .2s}.overlay-backdrop.is-open{opacity:1;visibility:visible;pointer-events:auto}.channel-drawer{position:fixed;top:0;right:0;bottom:0;width:min(470px,88vw);background:#111;z-index:70;clip-path:inset(0 0 0 100%);visibility:hidden;pointer-events:none;display:flex;flex-direction:column;box-shadow:var(--shadow);transition:clip-path .25s,visibility .25s}.channel-drawer.is-open{clip-path:inset(0);visibility:visible;pointer-events:auto}.drawer-head{height:79px;min-height:79px;padding:0 23px;display:flex;align-items:center;gap:15px;border-bottom:1px solid var(--line)}.drawer-brand-title{font-size:.83rem;color:#999;margin-right:auto}.close-icon{font-size:2rem;font-weight:250}.drawer-scroller{overflow-y:auto;overscroll-behavior:contain;padding:23px 25px 60px;flex:1}.drawer-search-launch{background:#222;color:#cfcfcf;border:1px solid #444;border-radius:9px;display:flex;justify-content:space-between;align-items:center;width:100%;padding:13px 16px;font-size:.83rem;text-align:left;min-height:48px}.drawer-search-launch span:last-child{font-size:1.5rem;line-height:1}.drawer-group{margin-top:30px}.drawer-group h2{font-size:.74rem;letter-spacing:.16em;color:#9a9a9a;margin-bottom:10px}.drawer-links a{display:grid;grid-template-columns:1fr 22px;gap:3px 8px;padding:13px 0;border-bottom:1px solid #282828}.drawer-links a strong{color:#fff;font-size:.95rem;font-weight:800}.drawer-links a span:nth-child(2){color:#aaa;font-size:.78rem;line-height:1.7;grid-column:1/2}.drawer-links a .drawer-arrow{font-size:1.1rem;color:#999;grid-column:2;grid-row:1/3;align-self:center}.drawer-links a:hover strong,.drawer-links a:hover .drawer-arrow{color:#ccc}.search-panel{position:fixed;top:var(--header-h);left:0;right:0;z-index:71;background:#101010;max-height:calc(100dvh - var(--header-h));overflow:auto;padding:38px 0 52px;border-bottom:1px solid #444;box-shadow:var(--shadow);opacity:0;visibility:hidden;pointer-events:none;transform:translateY(-10px);transition:opacity .2s,visibility .2s,transform .2s}.search-panel.is-open{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0)}.search-head{display:flex;align-items:start;justify-content:space-between}.search-head h2{font-size:clamp(1.8rem,3vw,2.9rem);margin:12px 0}.search-body label{font-size:.79rem;color:#bbb;display:block;margin-bottom:13px}.search-field{display:flex;align-items:center;gap:15px;border-bottom:1px solid #aaa;padding:11px 0}.search-field svg{width:23px;height:23px;flex:none}.search-field input{background:transparent;color:#fff;border:0;outline:none;font-size:1.12rem;width:100%;min-width:0}.search-field input:focus{outline:none}.search-field:focus-within{border-bottom:2px solid #fff}.search-hint{font-size:.83rem;color:#888;margin:18px 0}.search-links{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.search-result{padding:12px 14px;border:1px solid #383838;border-radius:9px;display:flex;justify-content:space-between;gap:10px;font-size:.82rem}.search-result:hover{background:#222}.search-result[hidden]{display:none}.search-empty{color:#b0b0b0}
/* Adaptivity */
@media(max-width:1180px){.header-inner{gap:20px}.primary-nav{gap:12px}.primary-nav a{font-size:.78rem}.footer-upper{gap:35px;grid-template-columns:260px 1fr}.essay-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:1000px){:root{--header-h:66px}.mobile-menu-trigger{display:inline-flex}.primary-nav,.desktop-action{display:none}.header-inner{display:grid;grid-template-columns:44px minmax(0,1fr) 80px;gap:10px}.site-brand{justify-self:center}.header-actions{justify-self:end;margin:0}.header-actions .app-action{display:flex}.hero-grid{grid-template-columns:1.1fr 1fr;gap:20px}.hero-media{min-height:440px}.hero-copy h1{font-size:3rem}.inspiration-grid,.playlist-grid{grid-template-columns:repeat(2,1fr)}.essay-grid{grid-template-columns:repeat(3,1fr)}.search-links{grid-template-columns:repeat(3,1fr)}.footer-columns{grid-template-columns:repeat(2,1fr);gap:25px}.editorial-layout{grid-template-columns:160px 1fr;gap:32px}}
@media(max-width:740px){.shell{width:calc(100% - 32px)}.site-header{width:100%;min-width:0;background:#000}.header-inner{width:calc(100% - 30px)}.brand-logo{max-height:36px;max-width:127px}.brand-wordmark{font-size:1.37rem}.app-action{min-width:70px;padding:10px 12px}.block-section{padding-block:58px}.home-hero{padding:21px 0 34px}.hero-grid{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto;grid-template-areas:"copy" "media" "picks";gap:23px}.hero-copy{padding:8px 0 0}.hero-copy h1{font-size:clamp(2.6rem,11vw,4rem);line-height:1.12;margin:12px 0 18px}.hero-copy p{line-height:1.85;font-size:.93rem;margin-bottom:21px}.hero-media{min-height:0}.hero-media .media-frame{aspect-ratio:1.2/1;min-height:0}.hero-media .media-typographic strong{font-size:clamp(2.7rem,10vw,5rem)}.hero-picks{padding-top:0}.pick-row{padding:12px 0}.quick-strip{margin-top:30px;gap:21px}.section-head{align-items:start;gap:18px;flex-direction:column;margin-bottom:22px}.section-head .text-link{align-self:start}.section-intro{font-size:.9rem}.inspiration-grid{grid-template-columns:1fr 1fr;gap:10px}.inspiration-card{padding:16px;min-height:172px}.inspiration-card strong{font-size:1.04rem}.inspiration-card p{font-size:.79rem}.trend-layout,.film-editorial,.making-editorial,.app-promo,.rights-pair{grid-template-columns:1fr;gap:21px}.trend-main{padding:10px}.trend-main-content{padding:18px 10px}.trend-side a{padding:18px 0}.rail-scroll{grid-auto-columns:minmax(236px,73vw)}.film-editorial .media-frame{min-height:0;aspect-ratio:1.45/1}.category-tiles{grid-template-columns:1fr 1fr}.clip-directory{grid-template-columns:1fr 1fr;gap:0 20px}.clip-row{min-height:205px}.clip-row h3{font-size:1.2rem}.series-grid{grid-template-columns:1fr 1fr;gap:11px}.series-tile{padding:19px;min-height:220px}.series-tile h3{font-size:1.15rem}.series-tile p{font-size:.82rem}.making-notes{gap:9px}.playlist-grid{grid-template-columns:1fr 1fr;gap:10px}.playlist-card{min-height:210px;padding:17px}.playlist-card h3{font-size:1.18rem}.rank-list{grid-template-columns:1fr}.rank-item{gap:22px}.timeline{grid-template-columns:1fr;gap:0;padding-top:0;border-left:1px solid #555;margin-left:6px}.timeline::before{display:none}.timeline-step{padding:0 0 25px 25px}.timeline-step::before{left:-7px;top:7px}.essay-grid{grid-template-columns:1fr 1fr}.explore-index{grid-template-columns:1fr 1fr;gap:10px}.explore-index a{padding:17px}.faq-home{grid-template-columns:1fr}.manifesto{padding:60px 0}.page-heading{padding:39px 0 35px}.page-heading h1{font-size:clamp(2.7rem,11vw,4.8rem)}.page-heading .page-deck{font-size:1.02rem}.page-spotlight{grid-template-columns:1fr!important;gap:20px;padding-top:26px;padding-bottom:35px}.page-spotlight .media-frame{aspect-ratio:1.35/1!important;min-height:0}.page-spotlight-body h2{margin-bottom:14px}.editorial-layout{display:block;padding:38px 0 55px}.editorial-side{position:static;margin-bottom:31px}.editorial-side nav{display:flex;flex-direction:row;overflow-x:auto;gap:15px;scrollbar-width:thin}.editorial-side a{white-space:nowrap;flex:none}.editorial-grid,.page-film .editorial-grid,.page-support .editorial-grid{grid-template-columns:1fr 1fr;gap:20px}.page-film .editorial-card:first-child{grid-column:span 2}.page-clip .editorial-grid,.page-schedule .editorial-grid,.page-opinion .editorial-grid,.page-rights .editorial-grid,.page-grade .editorial-grid,.page-privacy .editorial-grid{grid-template-columns:1fr}.page-opinion .editorial-card{display:block}.page-opinion .editorial-card h3{font-size:1.45rem}.page-making .editorial-card:nth-child(3n+1),.page-craft .editorial-card:nth-child(3n+2){grid-column:auto}.page-clip .editorial-card{grid-template-columns:58px 1fr;gap:10px}.editorial-card{padding-bottom:22px}.editorial-card p{font-size:.9rem}.editorial-footer{padding:24px 20px}.midline-cta{flex-direction:column;align-items:start}.page-questions .faq-page{padding:38px 0 65px}.footer-upper{grid-template-columns:1fr;gap:35px}.footer-columns{grid-template-columns:1fr 1fr}.site-footer{padding:55px 0 40px}.footer-lower{margin-top:40px}.footer-bottom-line{flex-direction:column}.bottom-nav{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));position:fixed;z-index:30;bottom:0;left:0;right:0;width:100%;min-height:62px;padding-bottom:env(safe-area-inset-bottom,0px);background:#080808;border-top:1px solid #444;box-shadow:0 -12px 30px #0008}.bottom-nav a{min-height:58px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0;color:#969696;font-size:.64rem;font-weight:700;white-space:nowrap;min-width:0}.bottom-nav a[aria-current=page],.bottom-nav a:hover{color:#fff}.bottom-nav .bottom-icon{font-size:1.3rem;line-height:1.3}.site-footer{padding-bottom:calc(98px + env(safe-area-inset-bottom,0px))}.search-panel{top:0;height:100dvh;max-height:100dvh;padding-top:24px;z-index:75}.search-body{padding-bottom:30px}.search-links{grid-template-columns:1fr 1fr;gap:8px}.search-result{padding:12px 10px}.drawer-head{height:67px;min-height:67px}.drawer-scroller{padding-inline:20px}}
@media(max-width:460px){.shell{width:calc(100% - 30px)}.hero-copy h1{font-size:clamp(2.45rem,11vw,3.2rem)}.btn{padding-inline:14px;font-size:.78rem;gap:7px}.btn-row{gap:8px}.block-section{padding-block:49px}.inspiration-card{min-height:188px}.inspiration-card strong{font-size:.98rem}.inspiration-card p{font-size:.77rem}.clip-directory{grid-template-columns:1fr}.clip-row{min-height:0;padding:20px 0}.series-grid{grid-template-columns:1fr 1fr;gap:9px}.series-tile{padding:15px;min-height:235px}.series-tile h3{font-size:1.02rem}.series-tile p{font-size:.78rem}.making-notes{grid-template-columns:1fr}.playlist-card{padding:13px;min-height:205px}.playlist-card h3{font-size:1.05rem}.playlist-card p{font-size:.76rem}.essay-grid,.explore-index{grid-template-columns:1fr}.editorial-grid,.page-film .editorial-grid,.page-support .editorial-grid{grid-template-columns:1fr}.page-film .editorial-card:first-child{grid-column:auto}.page-theme .editorial-card,.page-playlist .editorial-card{min-height:0}.editorial-card h3{font-size:1.35rem}.page-chart .editorial-card{grid-template-columns:60px 1fr}.page-chart .card-kicker{font-size:2rem}.page-opinion .editorial-card{display:block}.page-clip .editorial-card{grid-template-columns:51px 1fr}.search-links{grid-template-columns:1fr 1fr}.footer-columns{gap:20px}.site-footer{padding-bottom:calc(90px + env(safe-area-inset-bottom,0px))}}
@media(min-width:741px){.hero-media .media-frame{height:100%}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}
@media(min-width:741px) and (max-width:1000px){.hero-media{min-height:0}.hero-media .media-frame{aspect-ratio:auto;min-height:0;height:100%}}