/* CINEVERSE visual refresh: premium dark-cinema finish, without changing catalog behavior. */
:root{--polish-red:#ff3345;--polish-ice:#c8ddf8;--polish-panel:rgba(16,22,34,.82)}
html{scroll-behavior:smooth}
body{background:radial-gradient(ellipse at 82% 0,rgba(33,76,121,.16),transparent 35%),radial-gradient(ellipse at 2% 22%,rgba(181,20,43,.07),transparent 28%),var(--bg)}
.site-header{background:rgba(5,8,14,.88);border-bottom-color:rgba(255,255,255,.09);box-shadow:0 8px 28px rgba(0,0,0,.14)}
.header-inner{height:78px}
.brand{gap:12px}.brand-mark{border-radius:12px;position:relative;isolation:isolate}.brand-mark:after{content:"";position:absolute;inset:-4px;border:1px solid rgba(255,65,71,.26);border-radius:15px;z-index:-1}.brand-name{letter-spacing:.14em}
.primary-nav{gap:8px;margin-left:18px}.primary-nav a{font-size:11px;padding:9px 11px;border:1px solid transparent;border-radius:9px;transition:color .18s,background .18s,border-color .18s}.primary-nav a:hover{color:white;background:rgba(255,255,255,.045)}.primary-nav a.active{color:white;background:rgba(230,36,41,.09);border-color:rgba(230,36,41,.2)}
.header-search{border-radius:13px;background:rgba(255,255,255,.035);border-color:rgba(255,255,255,.09);transition:border-color .2s,background .2s,box-shadow .2s}.header-search:focus-within{border-color:rgba(123,220,255,.38);background:rgba(255,255,255,.055);box-shadow:0 0 0 3px rgba(123,220,255,.055)}
.icon-btn{border-radius:12px}.menu-toggle{border-radius:11px}
.btn{border-radius:11px;letter-spacing:.005em}.btn-primary{background:linear-gradient(135deg,#ff4754,#d20f28);box-shadow:0 10px 28px rgba(230,36,41,.22),inset 0 1px rgba(255,255,255,.15)}.btn-primary:hover{box-shadow:0 14px 34px rgba(230,36,41,.28)}.btn-secondary{background:rgba(255,255,255,.055);backdrop-filter:blur(12px)}
.section{padding-top:52px;padding-bottom:48px}.section-heading{margin-bottom:24px}.section-heading h2{letter-spacing:-.055em}.section-heading p{max-width:620px;line-height:1.75}.text-link{padding:9px 0;transition:transform .2s,color .2s}.text-link:hover{transform:translateX(2px)}
.franchise-card{gap:11px}.poster{border-radius:16px;background-color:#111722;box-shadow:0 12px 26px rgba(0,0,0,.2);transition:transform .28s ease,border-color .28s ease,box-shadow .28s ease}.poster::before{background:radial-gradient(ellipse at 25% 18%,var(--poster-glow,rgba(123,220,255,.22)),transparent 50%),linear-gradient(160deg,rgba(255,255,255,.07),transparent 37%,rgba(0,0,0,.78))}.franchise-card:hover .poster{transform:translateY(-6px);border-color:rgba(255,69,82,.5);box-shadow:0 20px 42px rgba(0,0,0,.42),0 0 0 1px rgba(255,69,82,.08)}.poster img{will-change:transform}.card-title{font-size:13px;letter-spacing:-.02em}.card-meta{font-size:10px}.shelf{scrollbar-width:thin;scrollbar-color:#39465d transparent}.shelf::-webkit-scrollbar{height:5px}.shelf::-webkit-scrollbar-thumb{background:#303d53;border-radius:20px}
.page-head{padding-top:48px;padding-bottom:24px}.page-head h1{letter-spacing:-.065em}.filters,.toolbar,.detail-panel,.info-card,.content-card{border-color:rgba(255,255,255,.09)}.filters{background:rgba(255,255,255,.025);backdrop-filter:blur(10px)}
.genre-card{border-radius:16px;transition:transform .22s,border-color .22s,background .22s;overflow:hidden}.genre-card:hover{transform:translateY(-4px);border-color:rgba(123,220,255,.24);background:linear-gradient(135deg,rgba(255,255,255,.06),rgba(255,255,255,.015))}.callout{box-shadow:0 20px 50px rgba(0,0,0,.14);background:radial-gradient(ellipse at 100% 0,rgba(230,36,41,.13),transparent 48%),linear-gradient(115deg,rgba(230,36,41,.075),rgba(255,255,255,.018));border-color:rgba(230,36,41,.22)}
.site-footer{background:linear-gradient(180deg,#080a0f,#06070b);border-top-color:rgba(255,255,255,.1)}
/* Manual-only hero carousel */
.hero.hero-slider{isolation:isolate;min-height:clamp(560px,calc(100vh - 238px),690px);margin-top:24px;border-radius:28px;background:radial-gradient(ellipse at 78% 45%,rgba(35,95,147,.36),transparent 34%),linear-gradient(115deg,#101827,#080c15 58%,#11111b);border-color:rgba(255,255,255,.13);box-shadow:0 28px 90px rgba(0,0,0,.4),0 0 0 1px rgba(255,255,255,.015)}
.hero.hero-slider::before{display:none}
.hero-slider .hero-slide{position:absolute;inset:0;display:flex;align-items:stretch;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .45s ease,visibility .45s ease}
.hero-slider .hero-slide.active{opacity:1;visibility:visible;pointer-events:auto}
.hero-slider .hero-slide::before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(6,10,17,.98) 0%,rgba(6,10,17,.91) 26%,rgba(6,10,17,.59) 52%,rgba(6,10,17,.12) 100%),linear-gradient(0deg,rgba(6,8,13,.88) 0%,transparent 34%,rgba(5,8,14,.08) 100%)}
.hero-slider .hero-slide::after{content:"";position:absolute;z-index:1;inset:0;background:radial-gradient(ellipse at 74% 28%,rgba(83,172,226,.14),transparent 30%);pointer-events:none}
.hero-slider .hero-art{position:absolute;right:0;top:0;width:79%;height:100%;max-width:none;object-fit:cover;object-position:center 28%;opacity:0;mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.7) 17%,black 35%,black 100%);filter:saturate(1.08) contrast(1.035);image-rendering:auto;backface-visibility:hidden;transform:translateZ(0) scale(1.012);transition:opacity .55s ease,transform 1.2s cubic-bezier(.2,.7,.2,1)}
.hero-slider .hero-slide.active .hero-art.loaded{opacity:.87;transform:scale(1)}
.hero-slider .hero-slide[data-slide="0"]{background:radial-gradient(ellipse at 79% 34%,rgba(27,103,164,.34),transparent 42%),linear-gradient(115deg,#111927,#09111d 61%,#160e18)}
.hero-slider .hero-slide[data-slide="1"]{background:radial-gradient(ellipse at 80% 30%,rgba(123,143,173,.24),transparent 40%),linear-gradient(115deg,#151821,#080b13 59%,#1b1016)}
.hero-slider .hero-slide[data-slide="2"]{background:radial-gradient(ellipse at 79% 28%,rgba(93,69,125,.3),transparent 42%),linear-gradient(115deg,#151321,#090b13 60%,#17111c)}
.hero-slider .hero-art.poster-no-art{display:none}
.hero-slider .hero-content{position:relative;z-index:3;align-self:center;width:min(64%,720px);max-width:720px;padding:clamp(38px,5vw,76px) clamp(28px,5vw,68px) 112px}
.hero-slider .eyebrow{font-size:10px;color:#ff8c93;letter-spacing:.22em}.hero-separator{color:rgba(255,255,255,.42);padding:0 2px}
.hero-slider h1{font-size:clamp(42px,5.6vw,76px);line-height:1.045;letter-spacing:-.068em;margin:22px 0 18px;max-width:690px;text-wrap:balance}.hero-slider h1 span{background:linear-gradient(90deg,#ff4c57,#ff7a83 72%,#ffc1b2);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero-slider .hero-copy{max-width:495px;color:#c3ccda;font-size:14px;line-height:1.85;margin-bottom:0;text-shadow:0 2px 15px rgba(0,0,0,.35)}.hero-slider .hero-actions{gap:11px;margin-top:26px}.hero-slider .btn{padding:13px 17px}.hero-tags{display:flex;flex-wrap:wrap;align-items:center;gap:7px;margin-top:24px}.hero-tags span{display:inline-flex;border:1px solid rgba(255,255,255,.14);background:rgba(5,9,16,.35);backdrop-filter:blur(10px);border-radius:6px;padding:6px 8px;color:#d5deeb;font-size:8px;font-weight:800;letter-spacing:.14em}
.hero-bottom-line{position:absolute;left:0;right:0;bottom:0;height:1px;z-index:4;background:linear-gradient(90deg,transparent,rgba(255,255,255,.16),transparent)}
.hero-controls{position:absolute;z-index:5;right:26px;bottom:22px;display:flex;align-items:center;gap:22px}.hero-pagination{display:flex;align-items:center;gap:18px}.hero-count{font-family:Manrope,sans-serif;font-size:13px;font-weight:800;letter-spacing:.09em;color:#fff}.hero-count span{color:#818da0;font-size:11px;font-weight:600}.hero-dots{display:flex;align-items:center;gap:7px}.hero-dot{width:7px;height:7px;border:0;border-radius:20px;padding:0;background:rgba(255,255,255,.32);transition:width .22s,background .22s,box-shadow .22s}.hero-dot:hover{background:rgba(255,255,255,.7)}.hero-dot.active{width:25px;background:var(--red2);box-shadow:0 0 18px rgba(230,36,41,.35)}.hero-arrow-group{display:flex;gap:8px}.hero-arrow{width:40px;height:40px;display:grid;place-items:center;border-radius:50%;border:1px solid rgba(255,255,255,.23);color:white;background:rgba(5,9,16,.56);backdrop-filter:blur(12px);font-size:19px;transition:background .2s,border-color .2s,transform .2s}.hero-arrow:hover{background:var(--red);border-color:var(--red);transform:translateY(-2px)}.hero-arrow-next{background:rgba(255,255,255,.12)}
.ticker{margin-top:0;border-top:1px solid rgba(255,255,255,.08);border-bottom:1px solid rgba(255,255,255,.08);background:linear-gradient(90deg,rgba(255,255,255,.018),rgba(255,255,255,.035),rgba(255,255,255,.018))}.ticker-item{padding:22px 18px;transition:background .2s}.ticker-item:hover{background:rgba(255,255,255,.025)}.ticker-icon{color:#ff6670}
@media(max-width:1100px){.hero-slider .hero-content{width:70%}.hero-slider .hero-art{width:83%}.primary-nav{gap:3px}.primary-nav a{padding:8px 8px}}
@media(max-width:700px){.header-inner{height:66px}.brand-name{font-size:13px}.primary-nav{display:none}.hero.hero-slider{min-height:690px;margin-top:14px;border-radius:20px}.hero-slider .hero-slide{align-items:flex-end}.hero-slider .hero-slide::before{background:linear-gradient(180deg,rgba(5,8,14,.02) 0%,rgba(5,8,14,.08) 18%,rgba(5,8,14,.72) 46%,rgba(5,8,14,.98) 66%,#07090e 100%)}.hero-slider .hero-slide::after{background:linear-gradient(180deg,transparent 25%,rgba(10,24,42,.16),transparent 60%)}.hero-slider .hero-art{top:0;right:-12%;width:112%;height:65%;object-fit:cover;object-position:center 22%;mask-image:linear-gradient(180deg,black 0%,black 50%,transparent 100%)}.hero-slider .hero-slide.active .hero-art{opacity:.77}.hero-slider .hero-content{width:100%;max-width:none;padding:240px 23px 95px;align-self:auto}.hero-slider h1{font-size:clamp(38px,10vw,51px);margin:15px 0 13px}.hero-slider .hero-copy{font-size:12px;line-height:1.7;max-width:480px}.hero-slider .hero-actions{margin-top:19px;gap:8px}.hero-slider .btn{font-size:10px;padding:11px 12px}.hero-tags{margin-top:17px;gap:5px}.hero-tags span{font-size:7px;padding:5px 6px}.hero-controls{right:15px;left:15px;bottom:15px;justify-content:space-between;gap:8px}.hero-pagination{gap:12px}.hero-arrow{width:36px;height:36px}.hero-dots{gap:5px}.ticker-item{padding:14px 11px}.section{padding:34px 0}.section-heading{gap:12px}.section-heading h2{font-size:24px}.section-heading p{font-size:11px;max-width:420px}}
@media(max-width:390px){.hero.hero-slider{min-height:720px}.hero-slider .hero-content{padding-top:230px;padding-left:18px;padding-right:18px}.hero-slider .hero-actions{align-items:stretch}.hero-slider .hero-actions .btn{flex:1}.hero-slider .hero-tags{max-width:260px}.hero-count{font-size:11px}.hero-controls{gap:6px}}
@media(prefers-reduced-motion:reduce){.hero-slider .hero-slide,.hero-slider .hero-art,.hero-dot,.hero-arrow{transition:none!important}}

/* Surprise Me random discovery action */
.surprise-trigger{display:inline-flex;align-items:center;justify-content:center;gap:7px;flex:0 0 auto;height:38px;padding:0 12px;border-radius:12px;border:1px solid rgba(230,36,41,.32);background:linear-gradient(135deg,rgba(230,36,41,.15),rgba(230,36,41,.055));color:#fff;font-size:11px;font-weight:800;white-space:nowrap;transition:transform .18s,border-color .18s,background .18s}.surprise-trigger:hover{transform:translateY(-1px);border-color:rgba(255,74,82,.72);background:rgba(230,36,41,.2)}.surprise-trigger span:first-child{font-size:15px}.surprise-mobile-link{color:#ff777d!important;font-weight:800}.btn-surprise{border-color:rgba(255,75,84,.38);background:linear-gradient(135deg,rgba(230,36,41,.16),rgba(255,255,255,.04));color:#fff}.btn-surprise:hover{border-color:rgba(255,75,84,.75);background:rgba(230,36,41,.15)}@media(max-width:1180px){.surprise-trigger{width:40px;padding:0}.surprise-label{display:none}}@media(max-width:700px){.surprise-trigger{height:36px;width:36px;padding:0;border-radius:11px}.surprise-trigger span:first-child{font-size:17px}.header-inner>.menu-toggle{display:grid}.hero-slider .btn-surprise{min-width:120px}}

/* Spider-Man and Wednesday now use the same full-bleed hero artwork sizing as slide 2. */