/* OyrFilm 2.3 / Cinematic Direction — progressive enhancement, no external fonts */
:root{--cinema-gold:#e3d0a0;--cinema-lilac:#b7a8ff;--cinema-ease:cubic-bezier(.18,.72,.22,1)}
.home-page{position:relative;isolation:isolate;min-width:0}
.home-page::before{content:"";pointer-events:none;position:absolute;inset:-60px -4% auto;height:690px;z-index:-1;background:radial-gradient(ellipse at 60% 25%,rgba(116,91,190,.11),transparent 52%);}
.home-top-caption{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:25px 2px 8px;letter-spacing:2.4px;font-size:10px;font-weight:800;color:#a8a5b7}
.home-top-caption span:first-child{color:var(--cinema-gold)}.home-top-caption i{font-style:normal;color:#a697ff;margin:0 8px}
/* Feature stage */
.home-page .cinematic-stage{height:clamp(590px,46vw,715px);margin-top:12px;overflow:hidden;background:#111018;border:1px solid rgba(214,195,255,.23);border-radius:27px;box-shadow:0 38px 90px #000a,0 0 0 1px #ffffff0b;isolation:isolate}
.cinematic-stage .stage-backdrop{position:absolute;inset:0;overflow:hidden;z-index:-3}
.cinematic-stage .stage-backdrop-img{position:absolute;inset:-3%;width:106%;height:106%;object-fit:cover;object-position:center 34%;filter:brightness(.78) saturate(1.13);animation:stageBackdrop 13s ease-out both}
.cinematic-stage .stage-scrim{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,rgba(9,9,18,.97) 0%,rgba(9,9,18,.93) 29%,rgba(9,9,18,.57) 56%,rgba(9,9,18,.27) 100%),linear-gradient(0deg,#0e0d17 0%,transparent 46%,rgba(4,5,10,.17) 100%)}
.cinematic-stage .stage-scrim::after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 70% 40%,rgba(183,141,255,.16),transparent 50%)}
.cinematic-stage .stage-stars{pointer-events:none;position:absolute;inset:0;z-index:-1;background-image:radial-gradient(#ffffff44 .7px,transparent 1px);background-size:38px 38px;mask-image:linear-gradient(90deg,transparent 30%,black);opacity:.12}
.cinematic-stage .stage-topline{position:absolute;top:28px;left:clamp(25px,4.5%,72px);right:clamp(25px,4.5%,72px);display:flex;justify-content:space-between;align-items:center;z-index:3;gap:16px}
.stage-onair{display:inline-flex;gap:10px;align-items:center;font-size:10px;letter-spacing:2.3px;font-weight:900;color:#e2d7ff}.stage-pulse{width:7px;height:7px;border-radius:50%;background:#96f3d5;box-shadow:0 0 0 5px #9ee9d41b,0 0 18px #80edd1;animation:stagePulse 2.7s ease-in-out infinite}
.stage-edition{font-size:10px;letter-spacing:2px;color:#eee5ffb8;font-weight:750}.stage-edition i{color:#eccaa3;font-style:normal;margin:0 7px}
.cinematic-stage .stage-main{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;min-height:100%;padding:62px clamp(27px,4.5%,72px) 136px;gap:3%;pointer-events:none}
.cinematic-stage .hero-content{pointer-events:auto;padding:0;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;width:min(58%,690px);height:auto;min-width:0}
.stage-editorial{display:flex;align-items:center;gap:12px;color:#d3c1ff;font-size:10px;font-weight:850;letter-spacing:2.2px;margin-bottom:14px}
.stage-line{width:31px;height:1px;background:linear-gradient(90deg,#bfa8ff,transparent)}.stage-editorial-number{color:#c7b8faad;font-weight:500;margin-left:4px}
.cinematic-stage .hero-content h1{font-size:clamp(42px,4.35vw,75px);max-width:730px;line-height:1.07;letter-spacing:-2.8px;font-weight:850;text-wrap:balance;color:#fff;margin:0 0 10px;text-shadow:0 7px 40px #000a;animation:stageReveal .72s var(--cinema-ease) both}
.cinematic-stage .hero-origin{font-size:clamp(11px,1.2vw,14px);color:#dbd0f1;letter-spacing:.6px;margin:0 0 24px;max-width:560px}
.cinematic-stage .meta-row{display:flex;align-items:center;gap:11px;color:#ddd6eb;font-size:12px;font-weight:650;max-width:100%;flex-wrap:wrap}
.cinematic-stage .quality-pill{background:rgba(169,144,255,.17);color:#e8dfff;border:1px solid #c3aaff63;padding:2px 8px;border-radius:6px}
.cinematic-stage .hero-desc{color:#c6c3d1;max-width:510px;font-size:13px;line-height:1.9;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;margin:20px 0 27px}
.cinematic-stage .button-row{gap:11px;display:flex;align-items:center;flex-wrap:wrap}
.cinematic-stage .stage-cta{background:linear-gradient(115deg,#baa6ff,#907aff);color:#181326;min-height:52px;padding:0 22px;font-weight:900;border-radius:12px;box-shadow:0 9px 27px #ac94ff4b}
.cinematic-stage .stage-cta:hover{box-shadow:0 15px 37px #b69aff66}.stage-cta-arrow{display:inline-flex;padding-left:7px;margin-left:8px;border-left:1px solid #20182842}.cinematic-stage .stage-cta-arrow svg{width:16px;height:16px}
.cinematic-stage .stage-secondary{background:rgba(236,229,255,.09);border-color:#eee4ff36;min-height:52px;border-radius:12px;padding:0 20px;backdrop-filter:blur(15px)}
.cinematic-stage .btn-icon{min-height:52px;width:52px;border-radius:12px;background:#ffffff12;border:1px solid #ffffff35}
.stage-poster{pointer-events:auto;position:relative;display:block;flex:0 0 clamp(180px,20vw,270px);max-width:27%;margin-right:4%;transform:rotate(5deg) translateY(2px);filter:drop-shadow(0 28px 32px #000a);transition:transform .65s var(--cinema-ease),filter .5s ease;animation:stagePosterIn .8s .08s var(--cinema-ease) both}
.stage-poster::after{content:"";position:absolute;inset:0;border:1px solid #ffffff60;border-radius:17px;pointer-events:none;box-shadow:inset 0 0 25px #ffffff19}
.stage-poster:hover{transform:rotate(0) translateY(-10px);filter:drop-shadow(0 38px 36px #000b)}
.stage-poster img{position:relative;width:100%;aspect-ratio:2/3;display:block;object-fit:cover;border-radius:17px;background:#272137}
.stage-poster-halo{position:absolute;inset:7% -8% -2%;background:#a996ff77;filter:blur(42px);z-index:-1;border-radius:50%}
.stage-poster-tag{position:absolute;bottom:-18px;right:-19px;display:flex;align-items:center;gap:9px;background:rgba(223,210,255,.94);border:1px solid #fff8;border-radius:8px;padding:8px 12px;color:#362d54;font-size:12px;letter-spacing:.6px;font-weight:900;box-shadow:0 8px 30px #0006;transform:rotate(-5deg)}.stage-poster-tag b{font-size:9px;letter-spacing:1px}
.cinematic-stage .stage-bottom{height:116px;position:absolute;bottom:0;left:0;right:0;z-index:4;padding:18px clamp(20px,3%,48px);display:flex;align-items:center;gap:clamp(16px,2.2vw,38px);background:linear-gradient(90deg,rgba(18,16,30,.92),rgba(23,20,37,.65));border-top:1px solid #ffffff26;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px)}
.stage-bottom-label{flex:0 0 120px;color:#e1d6ff;font-size:10px;line-height:1.9;letter-spacing:2px;font-weight:800}.stage-browse-line{display:block;background:linear-gradient(90deg,#b8a2ff,#b8a2ff00);width:45px;height:2px;margin-bottom:8px}.stage-bottom-mark{color:#b9a3ff;margin-left:8px}
.stage-picks{display:flex;gap:9px;flex:1;min-width:0;height:100%}.stage-pick{position:relative;display:flex;flex:1;min-width:0;gap:11px;align-items:center;text-align:left;padding:7px 9px;overflow:hidden;border:1px solid transparent;border-radius:11px;background:transparent;color:#e4dffa;transition:background .25s ease,border-color .25s ease,transform .3s ease}
.stage-pick:hover,.stage-pick:focus-visible{background:#ffffff12}.stage-pick.active{background:#ffffff14;border-color:#bfb0ff49}.stage-pick-thumb{width:43px;flex:0 0 43px;height:58px;border-radius:7px;overflow:hidden;background:#353041}.stage-pick-thumb img{width:100%;height:100%;object-fit:cover}
.stage-pick-copy{display:block;min-width:0}.stage-pick-copy small{color:#b7accb;font-size:8.5px;letter-spacing:1.1px;display:block;margin-bottom:3px;font-weight:800}.stage-pick-copy strong{font-size:11.5px;line-height:1.4;color:#f2edff;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;font-weight:750}.stage-pick-track{position:absolute;left:9px;right:9px;bottom:2px;height:2px;background:transparent;border-radius:6px;overflow:hidden}.stage-pick.active .stage-pick-track{background:rgba(190,170,255,.24)}.stage-pick.active .stage-pick-track::before{content:"";display:block;background:#c6b5ff;width:100%;height:100%;transform-origin:left;animation:stageProgress 9s linear both}
.stage-arrows{display:flex;gap:8px}.stage-arrow{display:grid;place-items:center;width:38px;height:38px;flex:none;border-radius:50%;border:1px solid #ffffff4b;background:#ffffff12;color:#eee7ff;transition:background .25s,transform .25s}.stage-arrow:hover{background:#a992f950;transform:scale(1.08)}.stage-arrow svg{width:16px;height:16px}
.home-loading-hero{height:clamp(590px,46vw,715px);border-radius:27px;margin-top:12px}
/* Quiet moving signature strip */
.home-marquee{height:68px;display:flex;align-items:center;overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent);border-bottom:1px solid #ffffff0d;margin-bottom:68px;opacity:.72}.home-marquee-track{display:flex;align-items:center;gap:48px;white-space:nowrap;width:max-content;animation:cinematicMarquee 35s linear infinite}.home-marquee-track span{font-size:11px;letter-spacing:4px;color:#aba4ba;font-weight:800}.home-marquee-track b{font-size:15px;color:#a592ff}
/* Editorial features */
.home-editorial-section,.home-rank-section,.home-genre-section{margin:0 0 70px;min-width:0}.home-editorial-head{display:flex;justify-content:space-between;align-items:end;gap:25px;margin-bottom:26px}.home-editorial-head h2,.home-browser-title h2{font-size:clamp(28px,3vw,45px);line-height:1.14;letter-spacing:-1.7px;margin:11px 0 10px;font-weight:850}.home-editorial-head h2 em,.home-browser-title h2 em{font-style:normal;background:linear-gradient(100deg,#c4b0ff,#f0d9be);color:transparent;background-clip:text;-webkit-background-clip:text}.home-editorial-head p,.home-browser-title p{font-size:13px;color:#9393a9;margin:0}.home-overline{display:inline-flex;align-items:center;gap:11px;font-size:10px;letter-spacing:2.4px;color:#b8a5eb;font-weight:850}.overline-line{height:1px;width:30px;background:#9d8af9}
.editorial-view-all{display:inline-flex;gap:9px;align-items:center;border-bottom:1px solid #ae96ff7d;padding:0 0 8px;font-size:12px;color:#dacfff;font-weight:750;white-space:nowrap;transition:color .25s}.editorial-view-all:hover{color:#fff}.editorial-view-all svg{height:17px;width:17px}
.editorial-grid{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:16px}.editorial-card{height:clamp(240px,25vw,350px);position:relative;isolation:isolate;overflow:hidden;display:block;border:1px solid #ffffff20;border-radius:19px;background:#262435;box-shadow:0 15px 35px #0005;transition:transform .44s var(--cinema-ease),border-color .3s ease,box-shadow .3s ease}
.editorial-card:hover{transform:translateY(-7px);border-color:#c0aaff8c;box-shadow:0 24px 48px #0009,0 0 40px #a289ff16}.editorial-card img{width:100%;height:100%;object-fit:cover;object-position:center 30%;transition:transform .8s var(--cinema-ease),filter .6s ease;display:block}.editorial-card:hover img{transform:scale(1.075);filter:saturate(1.18)}
.editorial-card-shade{position:absolute;inset:0;background:linear-gradient(0deg,#0c0c16fa 0%,#0c0b168a 27%,#0c0b1600 73%),linear-gradient(180deg,#0e0b1870,transparent 40%)}.editorial-index{position:absolute;top:20px;left:21px;font-size:10px;letter-spacing:1.6px;color:#efebff;font-weight:800;background:#1d1a2c90;padding:8px 11px;border:1px solid #ffffff24;backdrop-filter:blur(10px);border-radius:8px}
.editorial-bottom{position:absolute;bottom:20px;left:22px;right:21px;display:flex;align-items:end;justify-content:space-between;gap:12px}.editorial-bottom>div>span{font-size:10px;color:#d5c9e7;letter-spacing:1.2px;font-weight:750}.tiny-star{color:#c5b0ff;padding:0 5px}.editorial-bottom h3{font-size:clamp(18px,1.65vw,25px);line-height:1.22;letter-spacing:-.55px;margin:6px 0 0;font-weight:800;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.editorial-play{height:43px;width:43px;flex:none;border-radius:50%;display:grid;place-items:center;background:#ffffff24;border:1px solid #ffffff55;backdrop-filter:blur(10px);transition:background .3s,transform .3s}.editorial-play svg{width:18px;height:18px}.editorial-card:hover .editorial-play{background:#aa95ff;transform:rotate(-35deg)}
.editorial-loading{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:16px}.editorial-loading .skeleton{height:290px;border-radius:19px}
/* Genre gallery */
.genre-gallery{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.genre-glass{min-width:0;position:relative;isolation:isolate;display:flex;align-items:center;gap:17px;padding:23px 22px;min-height:117px;overflow:hidden;border:1px solid #ffffff1d;border-radius:16px;background:linear-gradient(120deg,#242139,#171825);transition:transform .35s var(--cinema-ease),border-color .25s,box-shadow .35s}
.genre-glass::before{content:"";position:absolute;inset:-60% 40% -65% -35%;background:radial-gradient(ellipse,#af8cff3a,transparent 68%);z-index:-1;transition:transform .7s ease}.genre-glass:hover::before{transform:translateX(80%)}.genre-glass:hover{transform:translateY(-5px);border-color:#c2adff70;box-shadow:0 18px 30px #0005}.genre-glass.genre-1{background:linear-gradient(120deg,#352138,#1d1826)}.genre-glass.genre-2{background:linear-gradient(120deg,#1b3140,#171c2c)}.genre-glass.genre-3{background:linear-gradient(120deg,#352d28,#1e1e25)}
.genre-sym{flex:0 0 43px;width:43px;height:43px;border-radius:13px;display:grid;place-items:center;color:#f0e7ff;font-size:25px;background:#ffffff16;border:1px solid #ffffff27}.genre-glass strong{display:block;font-size:15px;font-weight:800}.genre-glass small{display:block;font-size:10px;color:#bbb4c6;margin-top:4px}.genre-go{margin-left:auto;color:#c8baf5}.genre-go svg{width:16px;height:16px}
/* Not charts: cinematic picks based on actual API items */
.rank-head{margin-bottom:19px}.rank-rail{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}.rank-card{display:flex;align-items:flex-end;position:relative;min-width:0;isolation:isolate;padding:15px 0 4px 33px;min-height:240px}.rank-digit{position:absolute;bottom:39px;left:-3px;color:transparent;-webkit-text-stroke:1.5px #c4aaff91;font-size:clamp(93px,8vw,144px);font-weight:900;line-height:1;z-index:0;letter-spacing:-10px;opacity:.8;transition:transform .4s ease,color .4s}.rank-cover{position:relative;z-index:1;width:100%;height:207px;max-width:155px;margin-right:auto;border-radius:13px;overflow:hidden;border:1px solid #ffffff29;box-shadow:0 12px 32px #0007;transition:transform .45s var(--cinema-ease),box-shadow .45s ease}.rank-cover img{width:100%;height:100%;object-fit:cover;display:block}.rank-play{position:absolute;inset:0;display:grid;place-items:center;background:#100e1e50;opacity:0;transition:opacity .25s}.rank-play svg{height:27px;width:27px;color:#fff}.rank-card:hover .rank-cover{transform:translateY(-8px) rotate(2deg);box-shadow:0 18px 40px #000a}.rank-card:hover .rank-play{opacity:1}.rank-card:hover .rank-digit{-webkit-text-stroke-color:#d8c5ff;transform:translateX(-6px)}.rank-info{display:none}
.home-browser-title{margin:78px 0 2px}.home-page .filters-strip{margin-top:23px;margin-bottom:42px;background:linear-gradient(105deg,#25233799,#161622b0);border:1px solid #d2bdff21;box-shadow:0 13px 40px #0004;backdrop-filter:blur(20px)}.home-page .home-slot .section{margin-top:55px}.home-page .section-heading h2{letter-spacing:-.6px}.home-page .movie-poster-wrap{border-radius:14px}.home-page .movie-card:hover .movie-poster-wrap{transform:translateY(-7px) scale(1.01)}
/* polished global surfaces without impacting player compositing */
.home-page .view-all,.home-page .circle-arrow{transition:transform .28s var(--cinema-ease),color .25s,background .25s}.home-page .view-all:hover{color:#ddd0ff;transform:translateX(3px)}.home-page .circle-arrow:hover{transform:translateY(-2px)}
@keyframes stageBackdrop{from{transform:scale(1.09);filter:brightness(.63) saturate(.7)}to{transform:scale(1);filter:brightness(.78) saturate(1.13)}}
@keyframes stageReveal{from{opacity:0;transform:translateY(17px)}to{opacity:1;transform:translateY(0)}}
@keyframes stagePosterIn{from{opacity:0;transform:translateY(34px) rotate(11deg) scale(.94)}to{opacity:1;transform:translateY(2px) rotate(5deg) scale(1)}}
@keyframes stagePulse{50%{box-shadow:0 0 0 9px #9ee9d409,0 0 22px #80edd198}}
@keyframes stageProgress{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@keyframes cinematicMarquee{to{transform:translateX(-50%)}}
/* TABLET */
@media(max-width:1150px){
 .cinematic-stage .stage-main{padding-bottom:124px}.cinematic-stage .hero-content{width:63%}.stage-poster{flex-basis:185px;margin-right:0}.stage-pick-thumb{width:35px;flex-basis:35px;height:49px}.stage-pick-copy small{font-size:7px}.stage-pick-copy strong{font-size:10px}.stage-bottom-label{display:none}.cinematic-stage .stage-bottom{height:102px}.home-page .cinematic-stage{height:590px}.home-loading-hero{height:590px}
 .genre-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}.rank-cover{height:170px}.rank-card{min-height:200px}.rank-digit{font-size:95px}.home-page .hero-content h1{font-size:clamp(38px,4.6vw,60px)}
}
@media(max-width:800px){
 .home-top-caption span:last-child{display:none}.home-top-caption{padding-top:13px}.home-page .cinematic-stage{height:645px}.home-loading-hero{height:645px}
 .cinematic-stage .stage-main{padding:58px 28px 126px}.cinematic-stage .hero-content{width:67%}.stage-poster{flex-basis:155px}.stage-poster-tag{right:-8px;bottom:-10px;font-size:9px;padding:6px 9px}.stage-poster-tag b{font-size:7px}
 .stage-picks{overflow:auto;scrollbar-width:none;scroll-snap-type:x mandatory}.stage-picks::-webkit-scrollbar{display:none}.stage-pick{min-width:145px;flex:0 0 145px;scroll-snap-align:start}.stage-arrow{width:32px;height:32px}.stage-arrows{gap:5px}.cinematic-stage .stage-bottom{padding:12px 18px;height:95px}
 .editorial-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.editorial-card:first-child{grid-column:span 2;height:320px}.editorial-card{height:265px}.editorial-loading{grid-template-columns:repeat(2,minmax(0,1fr))}.editorial-loading .skeleton:first-child{grid-column:span 2}.editorial-loading .skeleton{height:170px}
 .rank-rail{overflow-x:auto;display:flex;scroll-snap-type:x mandatory;scrollbar-width:none;padding-bottom:12px}.rank-rail::-webkit-scrollbar{display:none}.rank-card{flex:0 0 190px;scroll-snap-align:start;min-height:225px}.rank-cover{height:210px;max-width:146px}
 .home-page .filters-strip{margin-bottom:28px}.home-editorial-section,.home-rank-section,.home-genre-section{margin-bottom:53px}.home-marquee{margin-bottom:50px}
}
/* PHONE */
@media(max-width:610px){
 .shell,.header-inner,.main-content{width:min(calc(100% - 28px),var(--shell))}
 .home-top-caption{font-size:9px;letter-spacing:1.7px;padding:13px 0 3px}
 .home-page .cinematic-stage{height:680px;border-radius:20px;margin-top:12px}.home-loading-hero{height:680px;border-radius:20px}
 .cinematic-stage .stage-backdrop-img{width:100%;height:79%;inset:0;object-position:center 24%;filter:brightness(.81) saturate(1.15)}
 .cinematic-stage .stage-scrim{background:linear-gradient(0deg,#100e19 16%,#100e19ed 30%,#100e193c 67%,#0f0c19a8 100%),linear-gradient(90deg,#12101e8a,transparent 80%)}
 .cinematic-stage .stage-topline{top:16px;left:18px;right:18px}.stage-onair{font-size:8px;letter-spacing:1.5px}.stage-edition{display:none}
 .cinematic-stage .stage-main{padding:55px 17px 115px;display:flex;align-items:flex-end;justify-content:flex-start}
 .cinematic-stage .hero-content{width:100%;height:auto;padding:0 0 6px;justify-content:flex-end;position:relative;z-index:2}
 .cinematic-stage .stage-editorial{font-size:8px;letter-spacing:1.5px;gap:9px;margin-bottom:10px}.stage-line{width:21px}
 .cinematic-stage .hero-content h1{font-size:clamp(29px,7.8vw,41px);line-height:1.08;letter-spacing:-1.3px;margin-bottom:7px;max-width:100%;text-wrap:balance}
 .cinematic-stage .hero-origin{font-size:10px;margin-bottom:10px}.cinematic-stage .meta-row{gap:6px;font-size:9px}.cinematic-stage .hero-desc{margin:12px 0 15px;font-size:11px;line-height:1.65;-webkit-line-clamp:2}
 .cinematic-stage .button-row{gap:7px;width:100%;flex-wrap:nowrap}.cinematic-stage .stage-cta,.cinematic-stage .stage-secondary{height:43px;min-height:43px;padding:0 12px;font-size:10px;flex:1;justify-content:center}.cinematic-stage .stage-cta-arrow{display:none}.cinematic-stage .btn-icon{min-height:43px;width:43px;flex:none;border-radius:10px}.cinematic-stage .stage-cta svg,.cinematic-stage .stage-secondary svg{width:14px;height:14px}
 .stage-poster{position:absolute;top:85px;right:22px;max-width:none;width:116px;flex-basis:auto;margin:0;transform:rotate(5deg);filter:drop-shadow(0 15px 20px #000b)}.stage-poster img{border-radius:10px}.stage-poster::after{border-radius:10px}.stage-poster-tag{padding:5px 7px;font-size:8px;bottom:-7px;right:-8px}.stage-poster-tag b{font-size:6px}
 .cinematic-stage .stage-bottom{height:93px;gap:7px;padding:10px 10px 12px}.stage-picks{gap:6px}.stage-pick{min-width:133px;flex:0 0 133px;padding:6px;gap:7px}.stage-pick-thumb{width:31px;flex-basis:31px;height:46px}.stage-pick-copy small{font-size:7px;letter-spacing:.5px}.stage-pick-copy strong{font-size:9px}.stage-arrows{gap:5px}.stage-arrow{width:30px;height:30px}.stage-arrow svg{width:13px;height:13px}
 .home-marquee{height:48px;margin-bottom:42px}.home-marquee-track{gap:28px}.home-marquee-track span{font-size:9px;letter-spacing:2.6px}
 .home-editorial-head h2,.home-browser-title h2{font-size:29px;letter-spacing:-1px}.home-overline{font-size:8px;letter-spacing:1.7px}.home-editorial-head{align-items:flex-start;margin-bottom:19px;gap:10px;flex-direction:column}.home-editorial-head p,.home-browser-title p{font-size:11px}.editorial-view-all{font-size:11px;padding-bottom:5px}
 .editorial-grid{gap:10px}.editorial-card{height:225px;border-radius:13px}.editorial-card:first-child{height:235px}.editorial-index{top:11px;left:11px;font-size:8px;padding:5px 7px}.editorial-bottom{left:12px;right:10px;bottom:13px}.editorial-bottom h3{font-size:15px}.editorial-bottom>div>span{font-size:8px}.editorial-play{width:29px;height:29px}.editorial-play svg{width:14px;height:14px}
 .genre-gallery{gap:9px}.genre-glass{min-height:95px;padding:12px 11px;gap:9px;border-radius:12px}.genre-sym{width:30px;height:30px;flex-basis:30px;font-size:18px;border-radius:9px}.genre-glass strong{font-size:11px}.genre-glass small{font-size:8px}.genre-go{display:none}
 .home-editorial-section,.home-rank-section,.home-genre-section{margin-bottom:46px}.home-browser-title{margin-top:42px}.home-page .home-slot .section{margin-top:39px}
 .home-page .movie-rail .movie-card{flex-basis:calc((100% - 10px)/2)}.home-page .section-head{align-items:flex-start}.home-page .section-heading h2{font-size:18px}.home-page .section-actions .view-all{font-size:10px}
 .home-page .filters-strip{padding:12px 10px;border-radius:13px}.home-page .filter-select{font-size:11px}
 .editorial-loading .skeleton{height:140px}
 .rank-card{flex-basis:155px;min-height:198px;padding-left:26px}.rank-digit{font-size:100px;left:-6px}.rank-cover{height:178px;max-width:120px}
 .movie-grid.catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.catalog-grid .movie-card{min-width:0}
 .footer{padding-bottom:30px}
}
@media(max-width:365px){.cinematic-stage .stage-cta,.cinematic-stage .stage-secondary{padding:0 8px;font-size:9px}.stage-poster{width:98px;top:83px;right:17px}.cinematic-stage .hero-content h1{font-size:29px}.cinematic-stage .hero-desc{-webkit-line-clamp:2}.home-page .cinematic-stage{height:675px}.genre-glass{padding:10px 8px}}
/* Smooth motion; accessibility and battery-friendly fallbacks */
@media(hover:none){.editorial-card:hover,.genre-glass:hover,.rank-card:hover .rank-cover,.stage-poster:hover{transform:none}.stage-pick-track::before{animation-duration:12s}}
@media(prefers-reduced-motion:reduce){.stage-backdrop-img,.stage-poster,.stage-pulse,.stage-pick-track::before,.home-marquee-track,.cinematic-stage .hero-content h1{animation:none!important}.stage-poster{transform:rotate(5deg)!important}.editorial-card,.editorial-card img,.genre-glass,.rank-cover,.stage-arrow{transition:none!important}}