:root{color-scheme:dark;--yellow:#f3f54b;--muted:#a4a69b}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:#11130f;color:#f4f4eb;font-family:Tahoma,Arial,sans-serif;font-size:15px}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button,a,input,select{outline-offset:6px}button{cursor:pointer}button:hover,.primary:hover{filter:brightness(1.14)}.preview{background:#24271b;padding:9px 5%;font:11px Arial;letter-spacing:1.5px;color:#d1d5ac;display:flex;justify-content:space-between}header{max-width:1440px;margin:auto;padding:27px 5%;display:flex;align-items:center;gap:48px;border-bottom:1px solid #ffffff12}.brand{font:bold 25px Arial;letter-spacing:-1px;white-space:nowrap}.brand span,.brand i{color:var(--yellow)}.brand i{margin-left:8px;font-style:normal}.mark{background:var(--yellow);color:#111;border-radius:9px;padding:7px 9px;margin-right:8px;font-size:15px}nav{display:flex;gap:28px;font-size:13px;color:#c4c6bd}.search-link{margin-left:auto;font-size:14px}main{max-width:1440px;margin:auto;padding:0 5%}.hero{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:30px;min-height:580px;padding:60px 0}.eyebrow{font:bold 10px Arial;letter-spacing:2px;color:#a6ad89}.eyebrow span{display:inline-block;width:6px;height:6px;background:var(--yellow);border-radius:50%;margin-right:8px}h1{font-size:clamp(36px,4vw,60px);letter-spacing:-2px;line-height:1.36;margin:25px 0}.yellow{color:var(--yellow)}.intro{color:var(--muted);line-height:1.9;font-size:16px}.actions{display:flex;align-items:center;gap:25px;margin:30px 0}.primary{background:var(--yellow);color:#171a0d;padding:17px 23px;border-radius:8px;font-weight:bold}.primary span{margin-left:24px}.secondary{font-size:12px;color:#cecec0}.hero-foot{display:flex;align-items:center;gap:18px;color:#b3b5a7;font-size:11px;margin-top:42px}.hero-foot b{color:var(--yellow);font-size:20px}.hero-art{position:relative;display:flex;align-items:center;justify-content:center;padding:20px 0 60px;isolation:isolate}.hero-art:before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse,#9ba33330,transparent 68%);z-index:-1}.hero-poster{width:32%;position:relative;box-shadow:0 24px 40px #0008;border:1px solid #ffffff26;border-radius:12px;overflow:hidden;transform:rotate(-9deg) translateY(20px)}.hero-poster:nth-child(2){width:37%;z-index:2;transform:rotate(2deg) translateY(-10px);margin:0 -8%}.hero-poster:nth-child(3){transform:rotate(12deg) translateY(25px)}.hero-poster img{display:block;width:100%;height:auto;aspect-ratio:2/3;object-fit:cover}.hero-poster span{position:absolute;bottom:0;padding:40px 10px 12px;background:linear-gradient(transparent,#000e);font-size:12px;width:100%}.art-label{position:absolute;bottom:-8px;right:0;font:10px Arial;letter-spacing:2px;color:var(--yellow);text-align:right}.art-label strong{display:block;color:#dadccb;letter-spacing:0;font:14px Tahoma;margin-top:9px}.library{border-top:1px solid #ffffff16;padding:45px 0}.section-top{display:flex;justify-content:space-between;align-items:end;gap:20px}h2{font-size:27px;margin:15px 0 25px}.subtle{font-size:11px;color:var(--muted);margin-bottom:25px}.filters{display:flex;gap:12px}.searchbox{display:flex;align-items:center;gap:10px;background:#1d2019;border:1px solid #35392a;border-radius:8px;padding:0 15px;flex:1}.searchbox span{font-size:25px;color:var(--yellow)}input{width:100%;border:0;background:transparent;padding:16px 0;color:white;min-width:0}select,button{background:#24281c;border:1px solid #3e452b;color:#e2e6d2;border-radius:8px;padding:13px 17px}#count{color:var(--muted);font-size:11px;margin:20px 0}.grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:30px 18px}.card{min-width:0}.poster{position:relative;overflow:hidden;border-radius:9px;background:#24271e}.poster img{display:block;width:100%;height:auto;aspect-ratio:2/3;object-fit:cover;transition:transform .25s}.card:hover img{transform:scale(1.04)}.play{position:absolute;bottom:12px;right:12px;border-radius:50%;background:#f3f54b;color:#111;padding:8px 12px;opacity:0}.card:hover .play,.card:focus-visible .play{opacity:1}.card small{display:block;margin-top:13px;color:#a7ad91;font:10px Arial;text-transform:uppercase;letter-spacing:1px}.card h3{font-size:14px;line-height:1.6;margin:7px 0}.card[hidden]{display:none}#empty{padding:30px;text-align:center;line-height:2}.guide{padding:38px 0;border-top:1px solid #ffffff16;display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:24px}.guide p{font-size:13px;line-height:1.9;color:var(--muted)}details{background:#1b1e16;border-radius:12px;padding:23px;align-self:start}summary{cursor:pointer;line-height:1.8;font-size:14px}.closing{margin:20px 0 55px;padding:30px;background:var(--yellow);color:#171a0d;border-radius:12px;display:flex;align-items:center;justify-content:space-between}.closing span{font-size:23px;font-weight:bold}.closing a{border-bottom:1px solid;padding:8px;font-size:13px}footer{border-top:1px solid #ffffff16;padding:32px 5%;display:flex;align-items:center;gap:30px;flex-wrap:wrap;max-width:1440px;margin:auto}footer p,footer a:not(.brand),footer small{font-size:11px;color:var(--muted)}footer small{margin-left:auto}@media(max-width:900px){header{gap:20px}nav{gap:15px}.hero{min-height:500px}.grid{grid-template-columns:repeat(4,minmax(0,1fr))}.guide{grid-template-columns:1fr 1fr}.guide>div{grid-column:1/-1}}@media(max-width:600px){.preview{font-size:9px;letter-spacing:.4px}.preview span{display:none}header{padding:20px 5%}.brand{font-size:21px}nav{display:none}.search-link span{display:none}.search-link{font-size:25px}.hero{grid-template-columns:1fr;padding-top:30px;gap:12px}.hero-copy{z-index:3}h1{font-size:38px}.intro{font-size:14px}.hero-foot{margin-top:25px}.hero-art{max-width:390px;width:100%;margin:0 auto;padding:20px 10px 55px}.hero-poster{max-height:260px}.art-label{bottom:0}.library{padding-top:30px}.section-top{display:block}.subtle{display:none}h2{font-size:23px}.filters{flex-wrap:wrap}.searchbox{flex-basis:100%}.filters select,.filters button{flex:1;min-width:0;padding:13px 8px;font-size:12px}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:25px 15px}.guide{grid-template-columns:1fr}.closing{display:block;padding:25px}.closing span{font-size:21px}.closing a{display:table;margin-top:15px}footer{gap:12px}footer p{width:100%}footer small{margin-left:0;width:100%}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.poster img{transition:none}}

/* Cinema discovery variant: original ReelZaab design */
:root{--yellow:#ffcf24;--muted:#a5a5a9}body{background:#101113}header{max-width:1600px;padding:24px 3%;background:#18191b}main{max-width:1600px;padding:0 3%}.preview{padding-left:3%;background:#24231d}.cinema{padding:25px 0 10px}.catalog-title{font-size:13px;font-weight:normal;color:#a8a8a9;letter-spacing:0;margin:0 0 20px}.feature-frame{max-width:1120px;margin:auto;background:#191a1d;border:1px solid #ffffff08;border-radius:18px;overflow:hidden}.feature-slide{display:grid;grid-template-columns:320px 1fr;min-height:420px}.feature-slide[hidden]{display:none}.feature-slide>img{width:100%;height:440px;object-fit:cover}.feature-copy{padding:38px 48px;display:flex;align-items:flex-start;flex-direction:column}.feature-copy h2{font-size:37px;line-height:1.45;margin:16px 0}.feature-copy>p:not(.eyebrow){max-width:510px;color:#a9a9b1;line-height:1.9;font-size:14px}.studio-pill{background:#303137;color:#e4e4e4;padding:6px 12px;border-radius:5px;font-size:12px;text-transform:uppercase}.feature-copy .primary{margin-top:auto;min-width:160px;text-align:center;border-radius:28px;background:linear-gradient(100deg,#ffe129,#ffb528)}.slide-controls{display:flex;justify-content:center;align-items:center;gap:22px;margin:17px 0}.slide-controls button{border-radius:50%;background:#25262b;border:1px solid #ffffff15;padding:7px 12px;font-size:18px}.slide-controls span{font:11px Arial;letter-spacing:3px;color:#adadb1}.library{padding:22px 0 42px;border:0}.section-top h2{font-size:29px;margin:8px 0 23px}.section-top .eyebrow{display:none}.grid{gap:30px 16px}.poster{border-radius:8px}.card h3{font-size:15px}.filters{margin-bottom:16px}.searchbox{background:#1b1c20;border-color:#38393f}select,button{background:#26272b;border-color:#38393f}details{background:#1b1c20}.closing{background:#202125;color:#f2f2f2;border:1px solid #ffffff10}.closing a{color:var(--yellow)}@media(max-width:900px){.feature-slide{grid-template-columns:260px 1fr}.feature-copy{padding:24px}.feature-copy h2{font-size:29px}}@media(max-width:600px){header{padding:20px 5%}main{padding:0 5%}.catalog-title{font-size:12px;line-height:1.7}.feature-slide{grid-template-columns:42% 58%;min-height:300px}.feature-slide>img{height:100%;min-height:300px}.feature-copy{padding:15px 13px}.feature-copy .eyebrow{font-size:8px;line-height:1.6;letter-spacing:1px}.feature-copy h2{font-size:21px;margin:10px 0;line-height:1.45}.feature-copy>p:not(.eyebrow){font-size:11px;line-height:1.7}.feature-copy .primary{font-size:12px;min-width:0;padding:12px 18px;margin-top:15px}.studio-pill{font-size:9px}.section-top h2{font-size:25px}.grid{gap:24px 12px}.card h3{font-size:14px}}

:root{--yellow:#6dd8ff}.brand-intro{color:var(--muted);font-size:14px;line-height:1.8;margin-bottom:25px}.catalog-title{font-size:28px;font-weight:bold;color:#f4f6fa}.primary,.feature-copy .primary{background:#6dd8ff;color:#101820}.mark{background:#6dd8ff}.preview{background:#172532}.brand{letter-spacing:0}body{background:#0b1620}header{background:#101e2b}.feature-frame{background:#132534;border-color:#284453}.poster{border-radius:3px}.feature-frame{border-radius:5px}.guide{background:#10212b;padding:28px 18px}.eyebrow{color:#8abace}.grid{gap:34px 20px}
.editorial-block{padding:32px 0}.editorial-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.editorial-links article{padding:20px;border:1px solid #8886;border-radius:16px}.editorial-links h3{line-height:1.6}.editorial-links p,.reading p{line-height:1.95}.studio-directory{display:flex;flex-wrap:wrap;gap:12px;list-style:none;padding:0}.studio-directory a{display:block;padding:12px 16px;border:1px solid #8886;border-radius:12px}.reading{max-width:850px;margin:auto;padding:32px 20px}.reading h1{font-size:clamp(28px,5vw,44px);line-height:1.5}.reading section{margin:32px 0}.reading h2{line-height:1.6}.reading .lead{font-size:20px}a:focus-visible{outline:3px solid currentColor;outline-offset:4px}@media(max-width:600px){.editorial-links{grid-template-columns:1fr}.reading nav{flex-wrap:wrap}}
