/*
Theme Name: MovieFans Noir
Theme URI: https://moviefans.net
Author: MovieFans
Description: Cinematic magazine + movie database theme (movies, actors, directors, composers) in the spirit of IMDb. Includes demo kit (demo/moviefans-demo.xml).
Version: 3.2
Requires at least: 6.0
Requires PHP: 7.4
License: GPLv2 or later
Text Domain: moviefans
*/
:root{--bg:#08080a;--bg2:#101014;--card:#16161c;--card2:#1e1e26;--line:#26262f;--fg:#f4f1ea;--mut:#9b978e;--gold:#f5c518;--gold2:#ffdf6e;--red:#e50914;--hi:#21d07a;--mid:#f5c518;--lo:#e5484d;--r:14px;--disp:"Bebas Neue",Impact,sans-serif;--serif:"Fraunces",Georgia,serif;--sans:"DM Sans",system-ui,sans-serif;--glass:rgba(8,8,10,.72);--shadow:0 30px 60px -20px rgba(0,0,0,.7)}
[data-theme=light]{--bg:#f6f3ec;--bg2:#ece7dc;--card:#fff;--card2:#f1ede4;--line:#dcd5c6;--fg:#141210;--mut:#6b665c;--glass:rgba(246,243,236,.82);--shadow:0 30px 60px -25px rgba(60,40,0,.25)}
[hidden]{display:none!important}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--fg);font:16px/1.65 var(--sans);-webkit-font-smoothing:antialiased;overflow-x:hidden}
body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:999;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence baseFrequency='.8' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
a{color:inherit;text-decoration:none;transition:color .2s}a:hover{color:var(--gold)}img{max-width:100%;height:auto;display:block}button{font:inherit;color:inherit;cursor:pointer}
.wrap{max-width:1380px;margin:0 auto;padding:0 28px}.ic{width:1.1em;height:1.1em;vertical-align:-.15em}.noimg{aspect-ratio:2/3;background:linear-gradient(135deg,var(--card2),var(--card))}
.meta{color:var(--mut);font-size:13.5px}.eyebrow{display:inline-block;color:var(--gold);font-weight:700;font-size:12px;letter-spacing:.22em;text-transform:uppercase}
em{font-family:var(--serif);font-style:italic;font-weight:400;color:var(--gold);text-transform:none;letter-spacing:0}
kbd{background:var(--card2);border:1px solid var(--line);border-radius:5px;padding:1px 6px;font-size:12px}
.progress{position:fixed;top:0;left:0;height:3px;width:0;background:linear-gradient(90deg,var(--red),var(--gold));z-index:200}
/* ticker */
.ticker{background:var(--bg2);border-bottom:1px solid var(--line);font-size:13px;height:36px;overflow:hidden}.tk{display:flex;align-items:center;gap:18px;height:36px}
.tk-l{color:var(--red);font-weight:700;text-transform:uppercase;letter-spacing:.12em;white-space:nowrap;animation:blink 1.6s infinite}.tk-date{color:var(--mut);white-space:nowrap}
.tk-track{flex:1;overflow:hidden;mask:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent)}.tk-move{display:flex;gap:44px;white-space:nowrap;animation:tick 60s linear infinite;width:max-content}.tk-move:hover{animation-play-state:paused}
.tk-move a:before{content:"◆";color:var(--gold);margin-right:10px;font-size:9px;vertical-align:2px}
@keyframes tick{to{transform:translateX(-50%)}}@keyframes blink{50%{opacity:.5}}
/* header */
.site-header{position:sticky;top:0;z-index:100;background:var(--glass);backdrop-filter:blur(18px) saturate(1.4);border-bottom:1px solid var(--line);transition:.3s}
.site-header.scrolled{box-shadow:0 10px 30px -10px rgba(0,0,0,.5)}
.hdr{display:flex;align-items:center;gap:40px;height:74px}
.logo{font:400 34px/1 var(--disp);letter-spacing:.04em;display:flex;align-items:center;gap:8px}.logo b{color:var(--gold);font-weight:400}
.lg-m{display:grid;place-items:center;width:34px;height:34px;border-radius:9px;background:var(--red);color:#fff;font-size:14px;box-shadow:0 0 24px rgba(229,9,20,.55)}
.nav ul{list-style:none;display:flex;gap:6px;margin:0;padding:0}.nav li{position:relative}
.nav>ul>li>a{display:block;padding:10px 16px;border-radius:99px;font-weight:500;font-size:15px}.nav>ul>li>a:hover,.nav .current-menu-item>a{background:var(--card2);color:var(--fg)}
.mega,.nav .sub-menu{position:absolute;top:100%;left:0;display:flex;gap:40px;background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:22px 26px;box-shadow:var(--shadow);opacity:0;visibility:hidden;transform:translateY(8px);transition:.25s;min-width:360px}
.nav .sub-menu{flex-direction:column;gap:6px;min-width:220px;list-style:none}
.nav li:hover>.mega,.nav li:hover>.sub-menu{opacity:1;visibility:visible;transform:none}
.mega div{display:flex;flex-direction:column;gap:6px}.mega h5{margin:0 0 6px;color:var(--mut);font-size:11px;letter-spacing:.2em;text-transform:uppercase}.mega a{font-size:14.5px;white-space:nowrap}
.hdr-r{margin-left:auto;display:flex;gap:8px;align-items:center}
.ibtn{position:relative;display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:var(--card);border:1px solid var(--line);transition:.2s}.ibtn:hover{border-color:var(--gold);color:var(--gold)}
.wl-count{position:absolute;top:-4px;right:-4px;background:var(--red);color:#fff;font:700 10px/18px var(--sans);min-width:18px;height:18px;border-radius:9px;text-align:center;font-style:normal}.wl-count:empty,.wl-count[data-n="0"]{display:none}
.burger{display:none;width:42px;height:42px;background:none;border:0;flex-direction:column;justify-content:center;gap:5px;align-items:center}.burger span{width:22px;height:2px;background:var(--fg);transition:.3s}
/* search overlay */
.search-ov{position:fixed;inset:0;z-index:300;background:rgba(5,5,7,.92);backdrop-filter:blur(14px);animation:fade .25s}
.search-ov .wrap{max-width:860px;padding-top:12vh}.search-ov input{width:100%;background:none;border:0;border-bottom:2px solid var(--gold);color:#fff;font:400 clamp(32px,5vw,58px) var(--disp);letter-spacing:.03em;padding:10px 0;outline:0}
.so-x{position:absolute;top:24px;right:28px;width:46px;height:46px;border-radius:50%;background:var(--card);border:1px solid var(--line);font-size:18px;color:#fff}
.so-res{margin:26px 0;display:grid;gap:8px;max-height:56vh;overflow:auto}.so-res a{display:flex;gap:14px;align-items:center;padding:10px;border-radius:12px;color:#fff}.so-res a:hover{background:rgba(255,255,255,.06)}
.so-res img{width:46px;height:64px;object-fit:cover;border-radius:6px}.so-res small{display:block;color:#999;text-transform:uppercase;font-size:11px;letter-spacing:.12em}
.search-ov .meta{color:#888}
@keyframes fade{from{opacity:0}}
/* buttons */
.btn{display:inline-flex;align-items:center;gap:9px;background:var(--gold);color:#111;font-weight:700;padding:13px 24px;border-radius:99px;border:0;font-size:15px;transition:.25s;box-shadow:0 10px 30px -10px rgba(245,197,24,.6)}
.btn:hover{color:#111;transform:translateY(-2px);background:var(--gold2)}
.btn-ghost{background:rgba(255,255,255,.08);color:#fff;box-shadow:none;border:1px solid rgba(255,255,255,.18);backdrop-filter:blur(10px)}.btn-ghost:hover{background:rgba(255,255,255,.16);color:#fff}
.btn-ghost.wl.on{background:var(--gold);color:#111}
.kicker{display:inline-block;background:var(--red);color:#fff;font-size:11px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;padding:5px 10px;border-radius:5px}
/* rating ring */
.ring{position:relative;display:inline-grid;place-items:center;flex:none}.ring svg{position:absolute;inset:0;transform:rotate(-90deg)}
.ring circle{fill:rgba(8,8,10,.85);stroke:rgba(255,255,255,.12);stroke-width:4}.ring .v{fill:none;stroke-width:4;stroke-linecap:round;transition:stroke-dashoffset 1.2s cubic-bezier(.2,.8,.2,1)}
.ring.hi .v{stroke:var(--hi)}.ring.mid .v{stroke:var(--mid)}.ring.lo .v{stroke:var(--lo)}.ring b{position:relative;font:700 .9em var(--sans);color:#fff}
.reveal:not(.in) .ring .v{stroke-dashoffset:126!important}
/* slider */
.slider{position:relative;height:min(88vh,860px);min-height:600px;overflow:hidden;background:#000}
.slide{position:absolute;inset:0;opacity:0;visibility:hidden;transition:opacity 1s,visibility 1s}.slide.on{opacity:1;visibility:visible}
.sl-bg{position:absolute;inset:-4%;background:center/cover;transform:scale(1.08);transition:transform 8s linear}.slide.on .sl-bg{transform:scale(1)}
.slide:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,var(--bg) 0,rgba(8,8,10,.4) 40%,transparent 70%),linear-gradient(90deg,rgba(8,8,10,.95) 0,rgba(8,8,10,.55) 45%,transparent 75%)}
.sl-in{position:relative;z-index:2;height:100%;display:flex;align-items:center;justify-content:space-between;gap:60px;padding-bottom:90px}
.sl-txt{max-width:660px;color:#fff}.sl-txt>*{opacity:0;transform:translateY(24px);transition:.8s cubic-bezier(.2,.8,.2,1)}.slide.on .sl-txt>*{opacity:1;transform:none}
.slide.on .sl-txt>:nth-child(2){transition-delay:.12s}.slide.on .sl-txt>:nth-child(3){transition-delay:.24s}.slide.on .sl-txt>:nth-child(4){transition-delay:.36s}.slide.on .sl-txt>:nth-child(5){transition-delay:.48s}
.sl-txt h1{font:400 clamp(54px,8.5vw,128px)/.88 var(--disp);letter-spacing:.01em;margin:14px 0 18px;text-shadow:0 4px 40px rgba(0,0,0,.5)}.sl-txt h1 a:hover{color:#fff}
.sl-txt p{font-size:18px;color:rgba(255,255,255,.82);max-width:560px}
.sl-meta{display:flex;align-items:center;gap:18px;font-size:14px;color:rgba(255,255,255,.75)}.sl-meta span+span:before{content:"•";margin-right:18px;opacity:.5}
.sl-btns{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px}
.sl-poster{width:290px;flex:none;border-radius:16px;overflow:hidden;box-shadow:0 40px 80px -20px #000,0 0 0 1px rgba(255,255,255,.1);transform:perspective(900px) rotateY(-12deg) translateX(40px);opacity:0;transition:1.1s .3s cubic-bezier(.2,.8,.2,1)}
.slide.on .sl-poster{opacity:1;transform:perspective(900px) rotateY(-8deg)}.sl-poster:hover{transform:perspective(900px) rotateY(0) scale(1.03)!important}
.sl-nav{position:absolute;left:0;right:0;bottom:34px;z-index:5;display:grid;grid-template-columns:repeat(auto-fit,minmax(0,1fr));gap:16px}
.dot{background:none;border:0;text-align:left;padding:0;color:rgba(255,255,255,.5);font-size:13px}.dot.on,.dot:hover{color:#fff}.dot em{font:500 13px var(--sans);color:inherit;display:block;margin-top:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dot .bar{display:block;height:3px;background:rgba(255,255,255,.2);border-radius:3px;overflow:hidden;position:relative}.dot .bar:after{content:"";position:absolute;inset:0;background:var(--gold);transform:scaleX(0);transform-origin:left}
.dot.on .bar:after{animation:bar var(--dur,7s) linear forwards}@keyframes bar{to{transform:scaleX(1)}}
/* sections */
.section{padding:64px 0}.sec-h{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:30px}
.sec-h h2{font:400 clamp(36px,4vw,54px)/1 var(--disp);letter-spacing:.02em;margin:0;display:flex;align-items:center;gap:14px}.sec-h h2 em{font-size:.78em}
.sec-h h2:before{content:"";width:5px;height:.85em;background:linear-gradient(var(--gold),var(--red));border-radius:3px}
.sec-tools{display:flex;gap:8px;align-items:center}.more{font-weight:700;font-size:14px;color:var(--gold);margin-right:10px}
.rail-btn{width:40px;height:40px;border-radius:50%;background:var(--card);border:1px solid var(--line);display:grid;place-items:center;transition:.2s}.rail-btn:hover{background:var(--gold);color:#111;border-color:var(--gold)}
.sec-h .rail-btn{display:none}.rail-sec .sec-h .rail-btn{display:grid}
.rail{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(190px,1fr);gap:22px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:6px 2px 20px;margin:0 -2px}.rail::-webkit-scrollbar{display:none}.rail>*{scroll-snap-align:start}
@media(min-width:1100px){.rail{grid-auto-columns:calc((100% - 5*22px)/6)}}
/* poster */
.poster{position:relative}.poster .thumb{display:block;position:relative;border-radius:12px;overflow:hidden;aspect-ratio:2/3;background:var(--card);box-shadow:0 14px 30px -14px rgba(0,0,0,.6);transition:.4s cubic-bezier(.2,.8,.2,1)}
.poster .thumb img{width:100%;height:100%;object-fit:cover;transition:transform .6s}
.poster:hover .thumb{transform:translateY(-6px);box-shadow:0 30px 50px -20px rgba(0,0,0,.8),0 0 0 2px var(--gold)}.poster:hover .thumb img{transform:scale(1.07)}
.ov{position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.95),rgba(0,0,0,.3) 60%,transparent);opacity:0;transition:.35s;display:flex;align-items:flex-end;color:#fff}
.ov-in{padding:16px;display:flex;flex-direction:column;gap:8px;transform:translateY(16px);transition:.35s}.poster:hover .ov{opacity:1}.poster:hover .ov-in{transform:none}
.ov .g{font-size:11px;text-transform:uppercase;letter-spacing:.14em;color:var(--gold)}.ov .x{font-size:12.5px;line-height:1.45;color:rgba(255,255,255,.8)}
.p-actions{position:absolute;top:10px;right:10px;display:flex;flex-direction:column;gap:6px;z-index:3}
.p-actions button{width:34px;height:34px;border-radius:50%;border:0;background:rgba(0,0,0,.6);backdrop-filter:blur(8px);color:#fff;display:grid;place-items:center;transition:.2s;opacity:0;transform:scale(.8)}
.poster:hover .p-actions button,.p-actions .wl.on{opacity:1;transform:none}.p-actions button:hover{background:var(--gold);color:#111}.p-actions .wl.on{background:var(--gold);color:#111}
.poster h4{margin:12px 0 2px;font-size:15px;font-weight:700;line-height:1.3;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}
.star{color:var(--gold);font-weight:700;margin-right:6px}.star .ic{margin-right:3px}
.ranked{padding-left:52px}.rank{position:absolute;left:-6px;bottom:44px;font:400 150px/.75 var(--disp);color:var(--bg);-webkit-text-stroke:2px var(--line);z-index:0;transition:.3s}.ranked:hover .rank{-webkit-text-stroke-color:var(--gold)}.ranked .thumb{z-index:1}
.rail .ranked{min-width:240px}
.grid{display:grid;gap:28px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.grid.posters{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:30px 22px}.span-all{grid-column:1/-1}
.grid.posters.list{grid-template-columns:1fr;gap:14px}.grid.posters.list .poster{display:grid;grid-template-columns:80px 1fr auto;gap:20px;align-items:center;background:var(--card);border-radius:12px;padding:10px}.grid.posters.list .ov,.grid.posters.list .p-actions{display:none}.grid.posters.list h4{margin:0;font-size:17px}
/* cards */
.card{background:var(--card);border-radius:var(--r);overflow:hidden;border:1px solid var(--line);transition:.35s;display:flex;flex-direction:column}
.card:hover{transform:translateY(-5px);border-color:color-mix(in srgb,var(--gold) 50%,var(--line));box-shadow:var(--shadow)}
.card .thumb{display:block;position:relative;aspect-ratio:16/10;overflow:hidden}.card .thumb img{width:100%;height:100%;object-fit:cover;transition:transform .7s}.card:hover .thumb img{transform:scale(1.06)}
.card .kicker{position:absolute;left:14px;top:14px}.card .b{padding:20px 22px 22px}.card h3{font:700 21px/1.25 var(--serif);margin:0 0 12px}.card .meta{display:flex;align-items:center;gap:6px}.card .meta img{border-radius:50%}
.card.big{border:0;position:relative;height:100%;min-height:520px}.card.big .thumb{position:absolute;inset:0;aspect-ratio:auto}.card.big .thumb:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.95) 10%,transparent 65%)}
.card.big .b{position:relative;margin-top:auto;padding:34px;color:#fff;pointer-events:none}.card.big .b a{pointer-events:auto}.card.big h3{font-size:clamp(28px,3vw,42px);line-height:1.08}.card.big .ex{color:rgba(255,255,255,.8);font-size:17px}.card.big .meta{color:rgba(255,255,255,.7)}
.card.row{flex-direction:row;border:0;background:none;border-bottom:1px solid var(--line);border-radius:0;padding-bottom:18px}.card.row:hover{transform:none;box-shadow:none}
.card.row .thumb{width:170px;flex:none;aspect-ratio:4/3;border-radius:10px}.card.row .kicker{display:none}.card.row .b{padding:0 0 0 18px}.card.row h3{font-size:18.5px}
.mag{display:grid;grid-template-columns:1.35fr 1fr;gap:34px}.mag-list{display:flex;flex-direction:column;gap:18px}
/* genres */
.genres{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.gtile{position:relative;height:150px;border-radius:var(--r);overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end;padding:20px;color:#fff;isolation:isolate}
.gtile:before{content:"";position:absolute;inset:0;background:var(--bg) center/cover;z-index:-2;transition:transform .6s;filter:saturate(.8)}.gtile:hover:before{transform:scale(1.1)}
.gtile:after{content:"";position:absolute;inset:0;z-index:-1;opacity:.82;mix-blend-mode:multiply;background:linear-gradient(135deg,#e50914,#4a0010)}
.gtile.g1:after{background:linear-gradient(135deg,#f5c518,#5a3a00)}.gtile.g2:after{background:linear-gradient(135deg,#1f7aff,#071a40)}.gtile.g3:after{background:linear-gradient(135deg,#21d07a,#003a20)}.gtile.g4:after{background:linear-gradient(135deg,#a24bff,#20063f)}.gtile.g5:after{background:linear-gradient(135deg,#ff7a1f,#401500)}
.gtile strong{font:400 34px/1 var(--disp);letter-spacing:.03em}.gtile span{font-size:13px;opacity:.85}.gtile:hover{color:#fff}
/* people */
.people{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:30px 20px}.people.sm{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}
.person{text-align:center;display:flex;flex-direction:column;align-items:center;gap:2px}
.person .av{width:100%;max-width:150px;aspect-ratio:1;border-radius:50%;overflow:hidden;margin-bottom:10px;position:relative;box-shadow:0 0 0 3px var(--bg),0 0 0 4px var(--line);transition:.35s}
.person .av img{width:100%;height:100%;object-fit:cover;object-position:top;transition:.5s;filter:grayscale(.35)}.person:hover .av{box-shadow:0 0 0 3px var(--bg),0 0 0 5px var(--gold)}.person:hover .av img{transform:scale(1.08);filter:none}
.person strong{font-size:15px;line-height:1.25}.person .meta{font-size:12.5px}
.cast-rail{display:grid;grid-auto-flow:column;grid-auto-columns:150px;gap:20px;overflow-x:auto;padding-bottom:12px;scrollbar-width:thin}
/* movie hero */
.mhero{position:relative;overflow:hidden;color:#fff;padding:70px 0 80px;background:#000}
.mh-bg{position:absolute;inset:-30px;background:center/cover;filter:blur(2px);opacity:.5;transform:scale(1.05)}
.mhero:after,.ahero:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,var(--bg),transparent 50%),linear-gradient(90deg,rgba(8,8,10,.95) 20%,rgba(8,8,10,.45))}
.mh-in{position:relative;z-index:2;display:grid;grid-template-columns:320px 1fr;gap:60px;align-items:center}
.mh-poster{border-radius:18px;overflow:hidden;box-shadow:0 40px 90px -20px #000,0 0 0 1px rgba(255,255,255,.12)}.mh-poster.round{border-radius:50%;aspect-ratio:1;max-width:300px}.mh-poster.round img{width:100%;height:100%;object-fit:cover;object-position:top}
.crumbs{font-size:13px;color:rgba(255,255,255,.6);margin-bottom:14px}
.mh-title{font:400 clamp(52px,7vw,104px)/.9 var(--disp);margin:6px 0 12px;letter-spacing:.01em}.mh-title span{color:rgba(255,255,255,.5);font-size:.5em}
.mh-line{color:rgba(255,255,255,.75);margin-bottom:14px}
.chips{display:flex;flex-wrap:wrap;gap:8px}.chips a{border:1px solid rgba(128,128,128,.4);padding:5px 14px;border-radius:99px;font-size:13px}.chips a:hover{border-color:var(--gold)}
.mh-scores{display:flex;gap:34px;align-items:center;margin:24px 0}.sc{display:flex;align-items:center;gap:12px;font-size:13px;line-height:1.2;color:rgba(255,255,255,.75)}.sc .ring b{font-size:20px}
.stars{display:flex;gap:2px}.stars button{background:none;border:0;padding:1px;color:rgba(255,255,255,.25);font-size:19px;transition:.15s}.stars button.on,.stars:hover button{color:var(--gold)}.stars button:hover~button{color:rgba(255,255,255,.25)}
.urate{flex-direction:column;align-items:flex-start;gap:4px}
.mh-ex{font-size:18px;max-width:720px;color:rgba(255,255,255,.85)}
.mh-crew{display:flex;flex-wrap:wrap;gap:16px 40px;margin-top:18px}.mh-crew small{display:block;color:rgba(255,255,255,.5);text-transform:uppercase;letter-spacing:.14em;font-size:11px}.mh-crew a{font-weight:700}
.pstats{display:flex;gap:40px;margin:20px 0}.pstats b{display:block;font:400 30px/1 var(--disp);letter-spacing:.03em}.pstats small{color:rgba(255,255,255,.55);text-transform:uppercase;letter-spacing:.14em;font-size:11px}
.tabs-bar{position:sticky;top:74px;z-index:20;background:var(--bg)}.tabs{display:flex;gap:6px;border-bottom:1px solid var(--line)}
.tabs button{background:none;border:0;padding:18px 20px;font-weight:700;color:var(--mut);position:relative}.tabs button.on{color:var(--fg)}.tabs button.on:after{content:"";position:absolute;left:12px;right:12px;bottom:-1px;height:3px;background:var(--gold);border-radius:3px}
.tab-p{display:none;animation:fade .4s}.tab-p.on{display:block}
.mbody{display:grid;grid-template-columns:1fr 320px;gap:56px;padding-top:40px;padding-bottom:40px}.mmain{min-width:0}
.h-s{font:400 32px var(--disp);letter-spacing:.03em;margin:34px 0 18px}.h-s:first-child{margin-top:0}
.facts-box{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:24px}.facts-box h3{margin:0 0 12px;font:400 24px var(--disp);letter-spacing:.04em}
.facts-box dl{margin:0;display:grid;gap:4px}.facts-box dt{color:var(--mut);font-size:12px;text-transform:uppercase;letter-spacing:.12em;margin-top:10px}.facts-box dd{margin:0;font-weight:700}
.sticky{position:sticky;top:150px;margin-top:24px}
.credits h3{font:400 24px var(--disp);letter-spacing:.04em;margin:28px 0 16px}
.timeline{list-style:none;padding:0;margin:0;border-left:2px solid var(--line)}.timeline li{display:flex;gap:16px;align-items:center;padding:14px 0 14px 24px;position:relative;border-bottom:1px solid var(--line)}
.timeline li:before{content:"";position:absolute;left:-7px;width:12px;height:12px;border-radius:50%;background:var(--bg);border:2px solid var(--gold)}.timeline .ty{font:400 22px var(--disp);color:var(--gold);width:54px}.timeline a{font-weight:700;flex:1}.timeline .role{color:var(--mut);font-size:13px}
/* page head */
.phead{padding:70px 0 30px;background:radial-gradient(ellipse at 20% 0,color-mix(in srgb,var(--gold) 14%,transparent),transparent 55%),radial-gradient(ellipse at 90% 10%,color-mix(in srgb,var(--red) 14%,transparent),transparent 50%);border-bottom:1px solid var(--line)}
.phead h1{font:400 clamp(56px,8vw,110px)/.9 var(--disp);margin:10px 0}.phead h1 em{font-size:.75em}
.pills{display:flex;flex-wrap:wrap;gap:8px;margin-top:24px}.pills a{padding:8px 18px;border-radius:99px;background:var(--card);border:1px solid var(--line);font-size:14px;font-weight:500}.pills a.on,.pills a:hover{background:var(--fg);color:var(--bg);border-color:var(--fg)}
.az{display:flex;flex-wrap:wrap;gap:4px;margin-top:16px}.az button{width:32px;height:32px;border-radius:8px;background:none;border:1px solid var(--line);font-size:13px;font-weight:700}.az button.on,.az button:hover{background:var(--gold);color:#111;border-color:var(--gold)}
.filters{display:flex;gap:10px;margin-bottom:34px;flex-wrap:wrap}.filters select{background:var(--card);border:1px solid var(--line);color:var(--fg);padding:11px 16px;border-radius:10px;font:inherit}
.view-t{margin-left:auto;display:flex;background:var(--card);border:1px solid var(--line);border-radius:10px;padding:3px}.view-t button{background:none;border:0;padding:6px 12px;border-radius:7px}.view-t .on{background:var(--gold);color:#111}
.pagination{display:flex;justify-content:center;gap:6px;margin-top:50px}.pagination .page-numbers{min-width:44px;height:44px;display:grid;place-items:center;border-radius:12px;background:var(--card);border:1px solid var(--line);font-weight:700}.pagination .current{background:var(--gold);color:#111;border-color:var(--gold)}
/* article */
.ahero{position:relative;padding:110px 0 70px;color:#fff;overflow:hidden;background:#000}.ah-in{position:relative;z-index:2;max-width:960px}
.a-title{font:700 clamp(38px,5.5vw,74px)/1.04 var(--serif);margin:20px 0 18px;letter-spacing:-.02em}.a-dek{font:400 21px/1.5 var(--serif);color:rgba(255,255,255,.8);max-width:760px}
.a-by{display:flex;gap:14px;align-items:center;margin-top:28px}.a-by img{border-radius:50%;border:2px solid var(--gold)}.a-by strong{display:block}.a-by .meta{color:rgba(255,255,255,.65)}
.alayout{display:grid;grid-template-columns:60px minmax(0,740px) 320px;gap:50px;justify-content:center;padding-top:50px;padding-bottom:30px}
.share-rail{position:sticky;top:110px;align-self:start;display:flex;flex-direction:column;gap:10px;align-items:center}.share-rail span{font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--mut);writing-mode:vertical-rl;margin-bottom:6px}
.share-rail a,.share-rail button{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:var(--card);border:1px solid var(--line);font-weight:700;font-size:14px}.share-rail a:hover,.share-rail button:hover{background:var(--gold);color:#111}
.entry{font:400 19px/1.8 var(--serif)}.entry h2,.entry h3{font-family:var(--sans);line-height:1.2;margin:1.6em 0 .5em}.entry a{color:var(--gold);text-decoration:underline;text-underline-offset:3px}
.entry blockquote{margin:2em 0;padding:10px 0 10px 28px;border-left:4px solid var(--gold);font-size:1.3em;font-style:italic}.entry img{border-radius:12px}.entry figcaption{font:13px var(--sans);color:var(--mut);margin-top:8px}
.dropcap>p:first-of-type:first-letter{float:left;font:400 5.4em/.8 var(--disp);color:var(--gold);margin:.06em .12em 0 0}
.tags{margin:30px 0}.author-box{display:flex;gap:22px;align-items:center;background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:26px;margin:30px 0;font-family:var(--sans)}.author-box img{border-radius:50%}.author-box h4{margin:4px 0;font-size:20px}.author-box p{margin:0;color:var(--mut);font-size:15px;line-height:1.6}
.widget{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:24px;margin-bottom:24px}.widget h3{margin:0 0 14px;font:400 24px var(--disp);letter-spacing:.04em}
.most{list-style:none;counter-reset:m;padding:0;margin:0}.most li{counter-increment:m;display:flex;gap:14px;padding:12px 0;border-bottom:1px solid var(--line);font-weight:700;line-height:1.35}.most li:before{content:counter(m,decimal-leading-zero);font:400 28px/1 var(--disp);color:var(--gold)}
/* comments */
.comment-list,.section ol{list-style:none;padding:0}.comment-body{background:var(--card);border-radius:12px;padding:18px;margin-bottom:14px;font-family:var(--sans);font-size:15px}
.comment-form input:not([type=submit]),.comment-form textarea{width:100%;background:var(--card);border:1px solid var(--line);color:var(--fg);border-radius:10px;padding:12px;font:inherit}.comment-form .submit{background:var(--gold);border:0;padding:12px 26px;border-radius:99px;font-weight:700;color:#111}
/* newsletter & footer */
.newsletter{padding:40px 0}.nl{display:flex;align-items:center;justify-content:space-between;gap:40px;background:linear-gradient(120deg,#1b0204,#3a0a0e 40%,#2c2004);color:#fff;border-radius:24px;padding:56px;position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.08)}
.nl:after{content:"🎬";position:absolute;right:-20px;bottom:-60px;font-size:240px;opacity:.07;transform:rotate(-15deg)}
.nl h2{font:400 clamp(40px,4.5vw,64px)/1 var(--disp);margin:8px 0}.nl p{margin:0;color:rgba(255,255,255,.75)}
.nl-f{display:flex;gap:8px;background:rgba(255,255,255,.08);padding:6px;border-radius:99px;border:1px solid rgba(255,255,255,.15);position:relative;z-index:2;flex:none}.nl-f input{background:none;border:0;color:#fff;padding:0 18px;min-width:260px;font:inherit;outline:0}
.site-footer{padding:60px 0 0;margin-top:30px;border-top:1px solid var(--line)}.fgrid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:40px}
.site-footer h4{font-size:12px;text-transform:uppercase;letter-spacing:.2em;color:var(--mut);margin:0 0 16px}.site-footer a{display:block;padding:4px 0}.site-footer ul{list-style:none;padding:0;margin:0}
.f-about p{color:var(--mut);max-width:380px}.soc{display:flex;gap:8px}.soc a{width:40px;height:40px;border-radius:50%;background:var(--card);border:1px solid var(--line);display:grid;place-items:center;font-size:12px;font-weight:700;text-transform:uppercase}
.fbot{display:flex;justify-content:space-between;padding:26px 28px;margin-top:40px;border-top:1px solid var(--line);color:var(--mut);font-size:13px}
/* ads */
.mf-ad{text-align:center;margin:30px auto;padding:14px;background:var(--bg2);border:1px dashed var(--line);border-radius:12px;max-width:100%;overflow:hidden}.mf-ad small{display:block;font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--mut);margin-bottom:8px}.mf-ad-label{display:none}
/* reveal */
.reveal{opacity:0;transform:translateY(40px);transition:opacity .9s cubic-bezier(.2,.8,.2,1),transform .9s cubic-bezier(.2,.8,.2,1)}.reveal.in{opacity:1;transform:none}
.no-js .reveal{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}
.screen-reader-text{position:absolute;clip:rect(0 0 0 0);width:1px;height:1px;overflow:hidden}
/* responsive */
@media(max-width:1100px){.alayout{grid-template-columns:minmax(0,1fr)}.share-rail{position:static;flex-direction:row}.share-rail span{writing-mode:initial}.mbody{grid-template-columns:1fr}.genres{grid-template-columns:repeat(2,1fr)}.sl-poster{display:none}.fgrid{grid-template-columns:1fr 1fr}}
@media(max-width:860px){.wrap{padding:0 18px}.nav{position:fixed;inset:110px 0 0;background:var(--bg);padding:24px;transform:translateX(100%);transition:.35s;overflow:auto}.nav.open{transform:none}.nav ul{flex-direction:column}.nav>ul>li>a{font:400 34px var(--disp);letter-spacing:.03em}.mega{position:static;opacity:1;visibility:visible;transform:none;box-shadow:none;border:0;padding:0 16px 10px;background:none;min-width:0}
.burger{display:flex}.burger.x span:nth-child(1){transform:translateY(7px) rotate(45deg)}.burger.x span:nth-child(2){opacity:0}.burger.x span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
.tk-date,.js-theme{display:none}.mag{grid-template-columns:1fr}.card.big{min-height:420px}.mh-in{grid-template-columns:1fr;gap:30px}.mh-poster{max-width:220px}
.nl{flex-direction:column;align-items:flex-start;padding:34px}.nl-f{width:100%}.nl-f input{min-width:0;flex:1}.sec-h .rail-btn{display:none!important}.slider{min-height:560px}.sl-nav em{display:none}.card.row .thumb{width:120px}.fgrid{grid-template-columns:1fr}.ranked{padding-left:36px}.rank{font-size:110px}}