@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{color-scheme:light;--bg:#f7f9ff;--surface:#fff;--muted:#626779;--accent:#6544eb;--ink:#202139}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:16px 'DM Sans',sans-serif}button,input,select{font:inherit}button,a,input,select{touch-action:manipulation}button,a,select{cursor:pointer}button{color:inherit;border:0}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #6544eb;outline-offset:4px}header{min-height:100px;padding:18px 5%;display:flex;align-items:center;gap:48px;background:#fff;border-bottom:1px solid #e9eafa}.brand{color:#352381;text-decoration:none;font:800 35px 'Manrope',sans-serif;letter-spacing:-2px}.brand span{color:#ff784c;font-size:15px;margin-left:3px}nav{display:flex;gap:8px;align-items:center}nav button{background:none;color:#656679;padding:12px 16px;border-radius:14px;font-size:14px;font-weight:700}nav button.active{color:#6241df;background:#eee9ff}nav button:hover{background:#f2effd}nav small{background:#ded5ff;padding:2px 6px;border-radius:5px;margin-left:4px;color:#5034b9}.search{margin-left:auto;display:flex;align-items:center;gap:10px;color:#727587;background:#f7f8fc;border:1px solid #e4e6f0;border-radius:14px;padding:12px 16px}.search span{font-size:24px;line-height:1}.search input{background:none;border:0;color:var(--ink);width:175px;font-size:14px;min-width:0}.hero{margin:30px 5% 0;min-height:535px;border-radius:30px;position:relative;overflow:hidden;display:flex;align-items:center;background:#ffe5bf;isolation:isolate;box-shadow:0 18px 55px #7650110c}.heroImage{position:absolute;right:0;top:0;width:48%;height:100%;object-fit:cover;object-position:center 70%;border-radius:100px 0 0 0}.heroShade{position:absolute;inset:0;background:linear-gradient(90deg,#fff0d8 0%,#ffe6c4 46%,#ffe6c400 67%);z-index:0}.heroCopy{position:relative;width:64%;padding:48px 4.5% 86px}.eyebrow{font-size:12px;letter-spacing:2px;font-weight:800;color:#745122;margin:0 0 19px}.heroCopy>.eyebrow{background:#fff9ee;border:1px solid #edcea2;border-radius:30px;padding:8px 13px;display:inline-block}h1{font-family:'Manrope',sans-serif;font-size:83px;font-weight:500;letter-spacing:16px;line-height:1;margin:15px 0 25px;color:#513220}h1 span{display:block;font-size:20px;letter-spacing:14px;margin-top:14px}.meta{color:#675b52;font-size:14px;display:flex;gap:12px;flex-wrap:wrap}.meta b{color:#ae8e73}.intro{max-width:430px;color:#6d594b;line-height:1.8;margin:22px 0}.actions{display:flex;gap:12px;margin-top:28px}.primary,.secondary{padding:14px 22px;border-radius:13px;font-weight:700;font-size:14px;transition:transform .2s,box-shadow .2s}.primary{background:#6947e8;color:white;box-shadow:0 7px 17px #6947e826}.primary span{margin-left:20px}.secondary{background:#ffffffb0;border:1px solid #d7cbc0;color:#534537}.primary:hover,.secondary:hover{transform:translateY(-2px);box-shadow:0 8px 18px #473a6420}.heroFoot{position:absolute;bottom:24px;left:4.5%;right:4.5%;display:flex;justify-content:space-between;color:#785737;font-size:11px;letter-spacing:2px;font-weight:700}.heroFoot span:last-child{display:flex;align-items:center;gap:12px;background:#fff2dce8;padding:8px 12px;border-radius:20px}.heroFoot i{width:35px;height:2px;background:#ad8052}.catalog{padding:48px 5% 70px}.sectionHead{display:flex;align-items:end;justify-content:space-between}.sectionHead .eyebrow{color:#7958d8;font-size:11px;margin-bottom:10px}h2{font:800 32px 'Manrope',sans-serif;letter-spacing:-1px;margin:0}.resultCount{font-size:13px;color:#66558b;background:#eee9ff;padding:8px 13px;border-radius:20px;white-space:nowrap}.toolbar{display:flex;justify-content:space-between;gap:20px;margin:27px 0 35px}.genres{display:flex;flex-wrap:wrap;gap:10px}.genres button,select{background:#fff;border:1px solid #e0e3f0;border-radius:12px;padding:10px 16px;color:#5c6072;font-size:14px}.genres button:nth-child(2){background:#e7efff;color:#2f569b;border-color:#cbdafc}.genres button:nth-child(3){background:#ffedf3;color:#a53764;border-color:#f4d2df}.genres button:nth-child(4){background:#e1f7f3;color:#226c60;border-color:#bce7df}.genres button:nth-child(5){background:#fff1cc;color:#826117;border-color:#f1dfac}.genres button.selected{background:#6844e5;color:#fff;border-color:#6844e5;box-shadow:0 5px 12px #6844e526}.genres button:hover{transform:translateY(-2px)}select{max-width:190px}.grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:20px;align-items:start}.card{min-width:0;background:#fff;border:1px solid #e4e7f2;padding:9px 9px 17px;border-radius:19px;box-shadow:0 7px 20px #262d5810;transition:transform .25s,box-shadow .25s}.card:nth-child(even){margin-top:24px}.card:nth-child(3n+1){background:#f0eaff;border-color:#e0d6fa}.card:nth-child(3n+2){background:#e5f5ff;border-color:#d0e7f8}.card:nth-child(3n){background:#fff0e8;border-color:#f2ddcf}.card:hover{transform:translateY(-7px);box-shadow:0 16px 30px #3436611c}.posterButton{padding:0;position:relative;display:block;aspect-ratio:2/3;width:100%;border-radius:12px;overflow:hidden;background:#e0dced;text-align:left}.posterButton img{width:100%;height:100%;object-fit:cover;transition:transform .3s}.posterButton:hover img{transform:scale(1.04)}.type{position:absolute;top:10px;left:10px;font-size:10px;background:#fffffff0;color:#342453;font-weight:800;padding:6px 9px;border-radius:7px;letter-spacing:.8px;z-index:1;box-shadow:0 2px 10px #0001}.card h3{font-size:15px;margin:14px 5px 7px;font-weight:700}.card .sub{font-size:12px;color:#646777;line-height:1.5;margin:0 5px}.card .sub span{color:#9991a9;margin:0 5px}footer{padding:30px 5%;border-top:1px solid #e2e2f2;background:#eeebfc;display:flex;align-items:center;gap:25px;flex-wrap:wrap}footer .brand{font-size:27px}footer p{font-size:14px;color:#5b5273}footer small{color:#716982;font-size:12px}footer>span{margin-left:auto;color:#65577e;font-size:14px}#empty{text-align:center;padding:60px 0;color:var(--muted)}dialog{border:1px solid #ddd8ee;border-radius:24px;padding:36px;background:#fff;color:var(--ink);width:min(760px,92vw);max-height:90vh;box-shadow:0 30px 120px #35256330}dialog::backdrop{background:#29203c66;backdrop-filter:blur(9px)}.close{position:absolute;right:14px;top:10px;font-size:30px;background:#f0edfa;border-radius:50%;width:38px;height:38px;z-index:2}.detailGrid{display:grid;grid-template-columns:210px 1fr;gap:30px}.detailGrid img{width:100%;border-radius:14px}.detailGrid h2{margin-top:20px}.detailGrid p{line-height:1.7;color:#666278}.detailGrid .eyebrow{color:#7650dc}.detailGrid .meta{display:block}.detailGrid .secondary{background:#eee8ff;color:#6341c6;border-color:#d9cdfb}.notice{font-size:14px;border-top:1px solid #e8e4f1;padding-top:18px}.source{display:block;font-size:12px;color:#7153bc;margin-top:18px}#toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:#6844e5;color:white;padding:13px 22px;border-radius:13px;box-shadow:0 8px 40px #4f349833;opacity:0;pointer-events:none;transition:opacity .2s;z-index:5}#toast.visible{opacity:1}@media(min-width:1600px){main,header,footer{max-width:1800px;margin-left:auto;margin-right:auto}.hero{min-height:610px}}@media(max-width:1150px){header{gap:25px}nav{gap:0}nav button{padding:11px}.search input{width:140px}.grid{grid-template-columns:repeat(3,1fr);gap:24px}.heroCopy{width:68%}.heroImage{width:52%}.heroShade{background:linear-gradient(90deg,#fff0d8 0%,#ffe6c4 40%,#ffe6c466 75%,transparent)}.card:nth-child(even){margin-top:0}.card:nth-child(3n+2){margin-top:20px}}@media(max-width:700px){header{flex-wrap:wrap;padding:18px 5% 12px;gap:17px}.brand{font-size:30px}.search{flex:1;padding:10px;max-width:230px}.search input{width:100%}nav{order:3;width:100%;justify-content:space-between;gap:2px}nav button{font-size:13px;padding:10px 12px}.hero{margin:18px 4% 0;min-height:660px;align-items:flex-end;border-radius:23px}.heroImage{width:100%;height:300px;object-position:center 67%;border-radius:0}.heroShade{background:linear-gradient(0deg,#ffedd4 0%,#ffedd4 56%,#ffedd4ed 64%,#ffedd400 84%)}.heroCopy{width:100%;padding:220px 6% 74px}.heroCopy>.eyebrow{font-size:10px;margin-bottom:12px;padding:7px 11px}h1{font-size:59px;letter-spacing:12px;margin:10px 0 20px}h1 span{font-size:15px;letter-spacing:10px}.intro{font-size:15px;line-height:1.7;max-width:100%;margin:18px 0}.meta{font-size:12px;gap:8px}.actions{gap:9px;margin-top:22px}.primary,.secondary{padding:13px 15px;font-size:13px}.primary span{margin-left:10px}.heroFoot{bottom:21px;left:6%;right:6%;align-items:center;font-size:9px;letter-spacing:1.4px}.catalog{padding:35px 5% 45px}.sectionHead{align-items:center;gap:12px}h2{font-size:27px}.sectionHead .eyebrow{font-size:9px;letter-spacing:1px}.resultCount{font-size:11px;padding:7px 10px}.toolbar{flex-direction:column;margin:22px 0 27px;gap:14px}.genres{gap:8px}.genres button{font-size:12px;padding:9px 12px}select{font-size:13px;padding:9px 12px}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 14px}.card{padding:7px 7px 15px;border-radius:16px}.card:nth-child(3n+2){margin-top:0}.card:nth-child(even){margin-top:20px}.card h3{font-size:14px}.card .sub{font-size:12px}.detailGrid{grid-template-columns:1fr;gap:20px}.detailGrid img{width:140px}.detailGrid h2{margin-top:0}footer{gap:10px 25px}footer p{width:100%;margin:0}footer small{line-height:1.7}dialog{padding:25px}footer>span{margin-left:0}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

/* Cinejoy-inspired light layout */
:root{--bg:#fff;--ink:#202329;--accent:#262a31}body{background:#fff;color:#202329}header{position:absolute;inset:0 0 auto;z-index:3;border:0;background:transparent;min-height:100px;padding:22px 5%;gap:18px}.brand{color:#252932;font-size:32px}.brand span{color:#765ee8}nav{margin-left:auto;border:1px solid #ffffffb0;border-radius:40px;padding:5px;background:#ffffffa8;box-shadow:0 5px 25px #292a3810;backdrop-filter:blur(18px)}nav button{border-radius:28px;padding:12px 20px;color:#65666c}nav button.active{color:#202329;background:#fff;box-shadow:0 2px 8px #00000009}nav small{background:#f0edf8;color:#62568a}.search{margin-left:0;background:#ffffffb8;border:1px solid #ffffffba;border-radius:30px;backdrop-filter:blur(16px);max-width:215px}.search input{width:150px}.hero{margin:0;min-height:660px;border-radius:0;box-shadow:none;background:#f3f2ef;overflow:hidden;align-items:center}.heroImage{width:65%;height:100%;border-radius:0;object-position:center 66%;opacity:.85}.heroShade{background:linear-gradient(90deg,#fff 0%,#fffffff2 22%,#ffffffbc 42%,#ffffff15 76%),linear-gradient(0deg,#fff 0%,#ffffffbb 12%,transparent 45%)}.heroCopy{width:60%;padding:140px 0 115px 5%}.heroCopy>.eyebrow{display:none}h1{color:#292e38;font-size:82px;letter-spacing:13px;font-weight:700;margin:20px 0 28px}h1 span{font-weight:500;letter-spacing:12px}.hero .meta{color:#444850;font-size:15px;font-weight:600}.hero .intro{color:#50545c;max-width:530px;font-size:17px;line-height:1.7}.actions{margin-top:26px}.primary{background:#272c34;color:#fff;box-shadow:none;border-radius:30px;padding:16px 25px}.secondary{border-radius:30px;background:#ffffff96;border-color:#cdd0d6;color:#343941;padding:16px 22px}.heroFoot{bottom:90px;left:auto;right:5%;gap:10px;align-items:center}.heroFoot>span{display:none!important}.slideDot{width:9px;height:9px;padding:0;border-radius:10px;background:#787b8580;transition:width .2s}.slideDot.active{width:30px;background:#333944}.slideDot:focus-visible{outline-color:#795ad8}.catalog{position:relative;padding:0 5% 65px;margin-top:-5px}.sectionHead .eyebrow{display:none}.sectionHead h2{font-size:23px;letter-spacing:-.4px}.resultCount{background:#f4f4f6;color:#70737c}.toolbar{margin:24px 0 36px}.genres button,.genres button:nth-child(n){background:#f5f5f7;border:1px solid #e7e7eb;color:#5b5f68;border-radius:9px;box-shadow:none}.genres button.selected,.genres button.selected:nth-child(n){background:#30343c;border-color:#30343c;color:white}select{border-radius:9px;background:#fff}.grid{display:block}.shelf{margin:0 0 38px}.shelfHead{display:flex;align-items:center;justify-content:space-between;margin-bottom:19px}.shelfHead h3{font-size:22px;letter-spacing:-.4px;margin:0}.shelfTools{display:flex;align-items:center;gap:10px}.shelfTools button{border:1px solid #e2e3e7;background:white;width:34px;height:34px;border-radius:50%;font-size:20px;color:#555a65}.shelfTools button:disabled{opacity:.3;cursor:default}.shelfTools .all{width:auto;border:0;font-size:13px;margin-right:10px;color:#6d717a}.shelfTrack{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 100px)/6);gap:20px;overflow-x:auto;padding:0 0 15px;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:#d9dce3 transparent}.card,.card:nth-child(n){background:transparent;border:0;border-radius:0;padding:0;margin:0;box-shadow:none;scroll-snap-align:start}.card:hover{transform:none;box-shadow:none}.posterButton{border-radius:10px}.posterButton:hover{box-shadow:0 5px 16px #0002}.card h3{margin:12px 0 6px;font-size:15px}.card .sub{margin:0;color:#868b95;font-size:12px}.type{background:#ffffffeb;border-radius:4px;font-size:9px;padding:5px 7px}.singleResults{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:25px 20px}footer{background:#f7f7f9;border-color:#eeeef1}footer .brand{color:#343944}footer p,footer small,footer>span{color:#777b85}.detailGrid .secondary{background:#f1f2f5;color:#343944;border-color:#dbdfe5}#toast{background:#333842}.close{background:#f1f2f5}
@media(max-width:1150px){header{gap:12px}nav button{padding:11px 14px}.search{max-width:180px}.search input{width:115px}.heroCopy{width:66%}.shelfTrack{grid-auto-columns:calc((100% - 60px)/4)}.singleResults{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:700px){header{position:absolute;flex-wrap:wrap;padding:18px 5%;gap:15px}.brand{font-size:30px}.search{margin-left:auto;max-width:220px;flex:1}.search input{width:100%}nav{order:3;width:100%;margin:0;justify-content:space-between;padding:4px}nav button{padding:10px 12px;font-size:12px}.hero{margin:0;min-height:690px;align-items:flex-end;border-radius:0}.heroImage{width:100%;height:470px;object-position:center 65%;opacity:.8}.heroShade{background:linear-gradient(0deg,#fff 0%,#fff 23%,#ffffffec 42%,#ffffff44 76%,#ffffffad 100%)}.heroCopy{width:100%;padding:335px 5% 88px}h1{font-size:54px;letter-spacing:9px;margin:10px 0 22px}h1 span{font-size:15px;letter-spacing:10px}.hero .meta{font-size:13px}.hero .intro{font-size:15px;max-width:100%;line-height:1.7}.actions{margin-top:22px}.primary,.secondary{padding:13px 20px;font-size:13px}.heroFoot{bottom:35px;left:5%;right:auto}.catalog{padding:4px 5% 35px;margin:0}.sectionHead h2{font-size:22px}.toolbar{gap:14px;margin:22px 0 28px}.genres button,.genres button:nth-child(n){font-size:12px;padding:9px 11px}.shelfHead h3{font-size:20px}.shelfTrack{grid-auto-columns:43%;gap:14px}.shelf{margin-bottom:26px}.singleResults{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 14px}.shelfTools{gap:6px}.shelfTools .all{font-size:12px}.shelfTools button{width:29px;height:29px}.card h3{font-size:14px}body.filtered header{position:relative}body.filtered .catalog{padding-top:22px}.detailGrid h2{font-size:26px}}
@media(min-width:701px){body.filtered header{position:relative;background:#fafafa}body.filtered .catalog{padding-top:35px}}

/* Modern blue palette */
:root{color-scheme:light;--bg:#e8eef7;--ink:#172e4a;--accent:#2873ed;--muted:#526987}body{background:var(--bg);color:var(--ink)}.brand,footer .brand{color:#15375c}.brand span{color:#2873ed}nav{background:#e4edf8d9;border-color:#d5e1f2;box-shadow:0 6px 24px #12386614}nav button{color:#4b6586}nav button.active{color:#fff;background:#2873ed;box-shadow:0 3px 12px #2873ed30}nav button:hover{background:#cddff6;color:#163a66}nav button.active:hover{background:#2169de;color:white}nav small{background:#d2e3fc;color:#21569c}.search{background:#e8f0fbd9;border-color:#ccdbef;color:#4a6485}.search input{color:#193b64}.search input::placeholder{color:#657b98}.hero{background:#d5e1f0}.heroImage{opacity:.8;filter:saturate(.78)}.heroShade{background:linear-gradient(90deg,#e8eef7 0%,#e8eef7f5 22%,#dce8f5cc 42%,#bbd2ec29 76%),linear-gradient(0deg,#e8eef7 0%,#e8eef7c9 12%,transparent 45%)}h1{color:#183757}.hero .meta{color:#375778}.hero .intro{color:#425e7c}.primary{background:#2873ed;color:#fff;box-shadow:0 6px 18px #226fe528}.primary:hover{background:#1b61d2;box-shadow:0 8px 22px #226fe535}.secondary{background:#eaf2fbbb;border-color:#b1c7e0;color:#244b77}.secondary:hover{background:#d4e5f9}.slideDot{background:#6b88ab73}.slideDot.active{background:#2873ed}.resultCount{background:#d6e4f5;color:#45668e}.genres button,.genres button:nth-child(n){background:#dae5f3;border-color:#c5d6ea;color:#426187}.genres button.selected,.genres button.selected:nth-child(n){background:#2873ed;border-color:#2873ed;color:#fff}.genres button:hover{background:#c5d9f2}select{background:#e1ebf7;border-color:#c3d4e9;color:#355578}.shelfTools button{background:#e1ebf7;border-color:#bfd2e9;color:#385f8b}.shelfTools .all{background:none;color:#2b64ab}.card .sub{color:#59718e}.type{background:#e9f2ffeF;color:#234e81}.posterButton{background:#c6d7ec}.shelfTrack{scrollbar-color:#a8bfdd transparent}footer{background:#d9e4f2;border-color:#c5d5e9}footer p,footer small,footer>span{color:#526b8b}dialog{background:#edf3fb;border-color:#bfd1e9;color:#183757;box-shadow:0 30px 120px #12315840}dialog::backdrop{background:#0a234d88}.detailGrid p{color:#486281}.detailGrid .eyebrow{color:#2866b6}.detailGrid .secondary{background:#d5e5fa;color:#20599f;border-color:#b8d0ef}.notice{border-color:#c5d5e9}.source{color:#2765b5}.close{background:#d8e6f7;color:#264e7d}#toast{background:#2469d3;color:white}body.filtered header{background:#dce7f5}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline-color:#1766e6}
@media(max-width:700px){.heroShade{background:linear-gradient(0deg,#e8eef7 0%,#e8eef7 23%,#e1eaf6ed 42%,#b9cfe45e 76%,#dce7f5c9 100%)}}

/* Give the featured artwork more presence while keeping text readable. */
.heroImage{opacity:1;filter:saturate(1.08) contrast(1.04)}
.heroShade{background:linear-gradient(90deg,#e8eef7 0%,#e8eef7f2 20%,#dce8f5b8 39%,#bbd2ec00 65%),linear-gradient(0deg,#e8eef7 0%,#e8eef79c 10%,transparent 32%)}
@media(max-width:700px){.heroImage{height:490px}.heroShade{background:linear-gradient(0deg,#e8eef7 0%,#e8eef7 24%,#e1eaf6ed 40%,#dce7f530 67%,#dce7f50d 86%,#dce7f577 100%)}}

/* Depth for the posters and a livelier blue catalogue backdrop. */
.catalog{background:radial-gradient(ellipse at 4% 38%,#76b8ff32 0%,transparent 54%),radial-gradient(ellipse at 96% 72%,#8c8aff2b 0%,transparent 52%),linear-gradient(180deg,#e8eef7 0%,#e0ebfc 48%,#dce8fc 100%)}
.posterButton{box-shadow:0 7px 15px #203f6626,0 2px 5px #1b36551a;border:1px solid #ffffff75;transition:transform .22s ease,box-shadow .22s ease}
.posterButton:hover{transform:translateY(-4px);box-shadow:0 15px 25px #20446f38,0 4px 9px #23466c1a}
.shelfTrack{padding-top:7px;padding-bottom:23px;margin-top:-7px}
.singleResults{padding-top:7px}
footer{background:linear-gradient(115deg,#c9def8 0%,#d5e1fc 55%,#deddfa 100%);border-top:1px solid #b9cde899}
@media(prefers-reduced-motion:reduce){.posterButton:hover{transform:none}}

/* Deeper navy framing */
header,body.filtered header{background:linear-gradient(110deg,#153453f5,#214b73f2);border-bottom:1px solid #6786a73b;box-shadow:0 3px 18px #17304f14}header .brand,footer .brand{color:#f1f6ff}header .brand span,footer .brand span{color:#64aeff}header nav{background:#ffffff0e;border-color:#ffffff24;box-shadow:none}header nav button{color:#d6e5f7}header nav button:hover{background:#ffffff18;color:white}header nav button.active{background:#377ff0;color:white}header nav small{background:#ffffff19;color:#e3efff}header .search{background:#ffffff10;border-color:#ffffff26;color:#c4d9f2}header .search input{color:white}header .search input::placeholder{color:#c0d1e6}footer{background:linear-gradient(115deg,#153453,#224b73);border-top:1px solid #48688c}footer p,footer small,footer>span{color:#c5d6e9}.titlePage header{position:relative}.titlePage .search[hidden]{display:none}.titlePageContent{min-height:70vh;padding:34px 6% 70px;background:radial-gradient(ellipse at 90% 10%,#aacbf738,transparent 65%)}.backLink{display:inline-block;color:#315e94;text-decoration:none;font-size:14px;margin-bottom:34px}.titleLayout{display:grid;grid-template-columns:280px minmax(0,1fr);gap:55px;max-width:1100px;margin:auto}.titlePoster{width:100%;border-radius:15px;box-shadow:0 20px 40px #17304f30}.titleInfo h1{font-size:46px;letter-spacing:-1.5px;line-height:1.15;margin:12px 0 28px}.titleInfo .eyebrow{color:#3170bd;letter-spacing:2px}.titleInfo h2{font-size:21px;margin-top:30px}.titleFacts{display:flex;flex-wrap:wrap;gap:35px;padding:20px 0;border-top:1px solid #c8d7e8;border-bottom:1px solid #c8d7e8}.titleFacts dt{font-size:12px;color:#5a7290;margin-bottom:6px}.titleFacts dd{font-weight:600;margin:0;font-size:15px}.synopsis{font-size:17px;line-height:1.8;color:#49627e}.playLink{display:inline-flex;align-items:center;text-decoration:none}.destination{background:#dce8f8;border:1px solid #bdd1ea;border-radius:12px;padding:18px 20px;margin-top:27px;color:#355679}.destination strong{font-size:15px}.destination p{font-size:14px;line-height:1.6;margin:8px 0}.destination a{color:#215da6;font-size:13px}.titlePage main[hidden]{display:none}
@media(max-width:700px){.titlePageContent{padding:25px 5% 45px}.titleLayout{grid-template-columns:1fr;gap:28px}.titlePoster{width:180px;margin:0 auto}.titleInfo h1{font-size:35px}.titleFacts{gap:25px}.synopsis{font-size:16px}.titlePage nav{order:3}.titlePage header{justify-content:center}.titlePageContent .backLink{margin-bottom:25px}}

/* Transparent header, retaining readable controls over the artwork. */
header,body.filtered header,.titlePage header{background:transparent;border-bottom:0;box-shadow:none}header .brand{color:#15375c}header .brand span{color:#2873ed}header nav{background:#e4edf8d9;border-color:#d5e1f2;box-shadow:0 6px 24px #12386614}header nav button{color:#4b6586}header nav button:hover{background:#cddff6;color:#163a66}header nav button.active{background:#2873ed;color:white}header nav small{background:#d2e3fc;color:#21569c}header .search{background:#e8f0fbd9;border-color:#ccdbef;color:#4a6485}header .search input{color:#193b64}header .search input::placeholder{color:#657b98}
/* Cinevia editorial refresh */
body{background:radial-gradient(ellipse at 95% 55%,#d5e8ff,transparent 55%),#eff5fc}.hero{min-height:650px}.heroCopy{max-width:900px}.heroCopy h1{font-size:clamp(38px,5vw,76px);letter-spacing:-2px!important;line-height:1.06}.heroCopy>.eyebrow{display:block;color:#2464ab}.catalog{padding-top:35px}.sectionHead h2{font-size:34px}.sectionHead .eyebrow{display:block;color:#3672b2}.grid.singleResults{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:30px 20px}.card,.card:nth-child(n){padding:10px 10px 16px;background:#ffffffb8;border:1px solid #fff;border-radius:18px;box-shadow:0 10px 25px #224b7410;margin:0;min-width:0}.posterButton{display:block;position:relative;aspect-ratio:2/3;overflow:hidden;width:100%;box-shadow:0 8px 18px #16335e24}.posterButton img{width:100%;height:100%;object-fit:cover}.card h3{line-height:1.4;min-height:42px}.card .sub{line-height:1.6;color:#516981}.cardSynopsis{font-size:12px;line-height:1.6;color:#63748a;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:38px}.cardDiscover{color:#2668b0;font-size:11px;font-weight:700}.genres{flex-wrap:wrap}.titlePageContent{padding:24px 5% 70px;max-width:1600px;margin:auto}.backLink{margin:0 0 22px;color:#466480}.cinemaStage{position:relative;isolation:isolate;overflow:hidden;padding:60px;border-radius:30px;background:#0b213d;box-shadow:0 25px 55px #102c5229}.cinemaBackdrop{position:absolute;z-index:-2;inset:0;width:100%;height:100%;object-fit:cover;filter:blur(25px);opacity:.3;transform:scale(1.1)}.cinemaStage:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(100deg,#0b203bea,#123451b8)}.titleLayout{grid-template-columns:250px minmax(0,1fr);gap:55px;max-width:none;align-items:center}.titlePoster{border-radius:15px;box-shadow:0 20px 45px #0006}.posterCaption{display:block;font-size:9px;letter-spacing:2.5px;text-align:center;margin-top:20px;color:#a4c1df}.titleInfo h1{font-size:clamp(34px,4vw,62px);color:#fff;letter-spacing:-2px;line-height:1.06;margin:18px 0 25px}.titleInfo .eyebrow{color:#8dc7ff;font-size:11px}.filmPills{display:flex;flex-wrap:wrap;gap:8px}.filmPills span{background:#ffffff12;border:1px solid #ffffff25;color:#d9e9f9;border-radius:7px;font-size:12px;padding:7px 11px}.detailLead{font-size:22px;color:#eff6ff;margin:25px 0 10px}.cinemaStage .synopsis{font-size:15px;color:#b7cee2;line-height:1.8;max-width:690px}.cinemaStage .primary,.watchPanel .primary{background:#438df9;color:#fff;box-shadow:0 8px 30px #1a72ed30;text-decoration:none}.cinemaStage .secondary{color:#fff;background:#ffffff10;border:1px solid #ffffff30}.linkNote{color:#99b3cc;font-size:11px;margin-top:16px}.detailPanels{display:grid;grid-template-columns:1.3fr 1fr;gap:24px;margin-top:28px}.infoPanel{background:#ffffffc9;border:1px solid #fff;border-radius:22px;padding:32px;box-shadow:0 10px 25px #224b7408}.infoPanel h2{font-size:25px;letter-spacing:-.6px;margin:8px 0 20px}.infoPanel .eyebrow,.watchPanel .eyebrow{color:#4675a7;font-size:10px;letter-spacing:2px}.titleFacts{display:grid;grid-template-columns:1fr 1fr;gap:24px;border:0;margin:0;padding:0}.titleFacts dt{font-size:11px}.titleFacts dd{line-height:1.5;color:#254467}.subtitlesPanel p,.watchPanel p{font-size:14px;line-height:1.8;color:#60768c}.ccIcon{display:inline-block;border:2px solid #3577be;color:#3577be;padding:3px 7px;border-radius:7px;font-weight:800;font-size:16px}.softBadge{display:inline-block;color:#53769b;background:#e5effb;border-radius:6px;padding:7px 10px;font-size:11px}.watchPanel{grid-column:1/-1;border:1px solid #bdd5ef;border-radius:22px;background:linear-gradient(110deg,#deebfc,#edf5fd);padding:32px;display:flex;align-items:center;justify-content:space-between;gap:35px}.watchPanel h2{font-size:28px;margin:10px 0}.watchPanel p{max-width:730px}.watchPanel .primary{white-space:nowrap}.staticTitle{padding-top:110px}html[data-title-id] main{display:none}body:has(.staticTitle) header{position:relative}.staticTitle{padding-top:25px}.titlePage header{position:relative}footer{margin-top:35px}
@media(max-width:1100px){.grid.singleResults{grid-template-columns:repeat(4,minmax(0,1fr))}.cinemaStage{padding:35px}.titleLayout{grid-template-columns:200px minmax(0,1fr);gap:30px}.titleInfo h1{font-size:40px}}
@media(max-width:700px){.grid.singleResults{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 12px}.cinemaStage{padding:27px 22px;border-radius:22px}.titleLayout{grid-template-columns:1fr;gap:24px}.posterWrap{width:165px;margin:auto}.titlePoster{width:100%}.titleInfo h1{font-size:35px}.detailPanels{grid-template-columns:1fr;gap:16px}.infoPanel,.watchPanel{padding:24px}.watchPanel{flex-direction:column;align-items:flex-start}.titleInfo .actions{flex-wrap:wrap}.heroCopy h1{font-size:40px}.card h3{font-size:13px}.sectionHead h2{font-size:25px}}
/* Discovery collections / 2026 film edit */
:root{--cine-blue:#287cf6;--cine-navy:#0a2442}body{background:radial-gradient(ellipse at 90% 35%,#d8e7ff 0%,transparent 42%),radial-gradient(ellipse at 0 80%,#e0dcff 0%,transparent 40%),#f1f6fd}.hero{margin:105px 3% 0;border-radius:32px;min-height:560px;box-shadow:0 30px 80px #1f518d19;background:#dceafa}.heroImage{width:62%;opacity:.95;object-position:center 35%}.heroShade{background:linear-gradient(90deg,#e4effc 4%,#e4effcf0 27%,#e4effc66 62%,#10274210),linear-gradient(0deg,#e4effc 0%,transparent 45%)}.heroCopy{padding:60px 0 70px 5%;width:65%}.heroCopy h1{font-size:clamp(38px,5vw,72px);max-width:760px}.heroCopy .intro{max-width:470px}.heroFoot{bottom:32px}.heroCopy>.eyebrow{letter-spacing:3px;font-size:10px}.catalog{padding:65px 5%}.sectionHead h2{font-size:36px;letter-spacing:-1.4px}.toolbar{align-items:flex-start}.toolbar select{height:42px}.genres{gap:7px}.genres button{font-size:12px;padding:10px 13px}.collections{display:block!important}.collection{padding:25px 0 42px;border-bottom:1px solid #b9cde349;margin-bottom:24px}.collectionHeading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px}.collectionHeading .eyebrow{color:#4282bb;font-size:10px;letter-spacing:2.5px;margin:0 0 8px}.collectionHeading h2{font-size:29px;letter-spacing:-1px;margin:0;color:#153859}.collectionDesc{font-size:13px;color:#6a8197;margin:9px 0 0}.showMore{border:1px solid #b5cdea;color:#2765a3;background:#ffffff80;border-radius:30px;padding:11px 19px;font-size:12px;font-weight:700;white-space:nowrap;transition:background .2s,transform .2s}.showMore:hover{background:#d8e9ff;transform:translateY(-2px)}.collectionGrid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:25px 18px}.collectionGrid .card{background:transparent;border:0;padding:0;box-shadow:none}.collectionGrid .posterButton{border-radius:15px;box-shadow:0 12px 25px #173b6525;transition:transform .25s,box-shadow .25s}.collectionGrid .posterButton:hover{transform:translateY(-7px) scale(1.015);box-shadow:0 22px 35px #173b6540}.collectionGrid .posterButton:after{content:'Explore ↗';position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,#08274dea);padding:38px 14px 17px;color:white;font-size:12px;opacity:0;transition:opacity .2s}.collectionGrid .posterButton:hover:after,.collectionGrid .posterButton:focus-visible:after{opacity:1}.collectionGrid .card h3{font-size:14px;margin:15px 0 5px;min-height:0}.collectionGrid .cardSynopsis,.collectionGrid .cardDiscover{display:none}.collection:nth-child(3n+2){background:linear-gradient(125deg,#e0eaff90,#eeeaff60);padding:30px 24px 35px;border:1px solid #ffffffc0;border-radius:24px;margin-left:-24px;margin-right:-24px}.collectionGrid .sub{font-size:11px;line-height:1.7}.cinemaStage{padding:85px 60px 55px;border-radius:32px;background:#071c34;box-shadow:0 30px 70px #0b244738;border:1px solid #ffffff30}.cinemaBackdrop{filter:blur(8px) saturate(.8);opacity:.45;width:72%;left:auto;right:0;object-position:center 30%}.cinemaStage:after{background:linear-gradient(90deg,#071c34 0%,#09243bef 36%,#102d46a0 100%),linear-gradient(0deg,#071c34,transparent 65%)}.stageEdition{position:absolute;top:30px;left:60px;right:60px;color:#c5e0fb;font-size:11px;font-weight:800;letter-spacing:4px;display:flex;justify-content:space-between;padding-bottom:18px;border-bottom:1px solid #bedfff25}.stageEdition span{font-size:9px;letter-spacing:3px;color:#91adc6}.titleLayout{grid-template-columns:245px minmax(0,1fr);gap:60px}.titlePoster{border:1px solid #ffffff30;transform:rotate(-2deg);box-shadow:0 25px 50px #0007;transition:transform .3s}.titlePoster:hover{transform:rotate(0)}.titleInfo h1{font-size:clamp(36px,4.6vw,68px);text-wrap:balance;letter-spacing:-2.3px}.filmPills span{backdrop-filter:blur(12px);border-radius:30px;padding:8px 13px}.detailLead{font-size:19px;font-weight:500}.cinemaStage .primary{background:linear-gradient(110deg,#3f96ff,#416bf5);box-shadow:0 10px 35px #187af24d}.cinemaStage .secondary{backdrop-filter:blur(10px)}.infoPanel{padding:34px;border-radius:25px;background:linear-gradient(135deg,#ffffffed,#f6faffc9);border:1px solid white}.subtitlesPanel{position:relative;overflow:hidden}.subtitlesPanel:after{content:'CC';position:absolute;right:-6px;bottom:-26px;font-size:130px;font-weight:800;color:#2868b008;pointer-events:none}.watchPanel{background:linear-gradient(110deg,#10375b,#245879);color:white;border:0}.watchPanel h2{color:white}.watchPanel p{color:#bfd4e8}.watchPanel .eyebrow{color:#8bc5fa}.relatedTitles{margin-top:65px}.relatedTitles>.eyebrow{color:#467aa9;letter-spacing:2px;font-size:10px}.relatedTitles>h2{font-size:32px;margin:10px 0 28px;letter-spacing:-1px}.relatedTitles .card{background:none}.titlePageContent{padding-bottom:65px}button:focus-visible,a:focus-visible{outline:3px solid #3a8aff;outline-offset:5px}
@media(max-width:1100px){.collectionGrid{grid-template-columns:repeat(4,minmax(0,1fr))}.titleLayout{grid-template-columns:200px minmax(0,1fr);gap:32px}.cinemaStage{padding:80px 35px 40px}.stageEdition{left:35px;right:35px}.collectionHeading h2{font-size:25px}}
@media(max-width:700px){.hero{margin:145px 4% 0;min-height:470px;border-radius:24px}.heroCopy{width:93%;padding:40px 6% 55px}.heroCopy h1{font-size:38px}.heroImage{width:100%;opacity:.5}.heroShade{background:linear-gradient(90deg,#e4effcf2,#e4effc80)}.catalog{padding-top:35px}.collectionHeading{align-items:flex-start}.collectionHeading h2{font-size:22px}.collectionDesc{font-size:12px;line-height:1.6}.showMore{padding:9px 11px;font-size:11px}.collectionGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 14px}.collection:nth-child(3n+2){margin-left:-10px;margin-right:-10px;padding-left:10px;padding-right:10px}.collectionHeading .eyebrow{font-size:8px;letter-spacing:1.6px}.titleLayout{grid-template-columns:1fr}.cinemaStage{padding:78px 23px 30px}.stageEdition{left:23px;right:23px;font-size:10px}.stageEdition span{font-size:8px;letter-spacing:1px}.titleInfo h1{font-size:36px}.cinemaBackdrop{width:100%}.detailLead{font-size:17px}.relatedTitles{margin-top:40px}.relatedTitles>h2{font-size:27px}.titlePoster{transform:none}}
@media(prefers-reduced-motion:reduce){.posterButton:hover,.titlePoster,.showMore:hover{transform:none!important}}
.detailJump{display:flex;gap:28px;margin:32px 0 0;border-bottom:1px solid #bed0e4;padding:0 2px 17px}.detailJump a{color:#467199;text-decoration:none;font-size:13px;font-weight:600}.detailJump a:hover{color:#1876ed}#film-details,#film-subtitles{scroll-margin-top:25px}
/* Midnight spotlight: cool palette, clear typography, no warm badge. */
.hero{background:#0a2039;min-height:590px;border:1px solid #224466;box-shadow:0 25px 65px #142f5328}.heroImage{width:62%;opacity:.85;object-position:center 30%;filter:saturate(.85)}.heroShade{background:linear-gradient(90deg,#0a2039 0%,#0a2039f5 28%,#0a2039b0 52%,#0a203920 100%),linear-gradient(0deg,#0a2039d9,transparent 65%)}.heroCopy{width:70%;padding:65px 0 90px 5.5%}.heroCopy>.eyebrow{display:inline-flex;align-items:center;gap:10px;color:#b6d8ff!important;background:#ffffff08!important;border:1px solid #99caff35!important;border-radius:30px;padding:9px 15px;font-size:10px;letter-spacing:2.5px;box-shadow:none}.heroCopy>.eyebrow:before{content:'';width:6px;height:6px;background:#70b2ff;border-radius:50%;box-shadow:0 0 14px #4098ff}.heroCopy h1{color:#f5f9ff!important;font-weight:800;letter-spacing:-2.5px!important;line-height:1.04;max-width:750px;text-wrap:balance;text-shadow:0 5px 30px #04101d66}.heroCopy h1 span{color:#d3e7ff;letter-spacing:4px}.hero .meta,.hero .meta b{color:#bbd0e8!important;font-size:13px;line-height:1.8}.hero .intro{color:#c0d2e6!important;font-size:16px;line-height:1.85;max-width:430px}.hero .primary{background:#f2f7ff;color:#102f53;border:1px solid #ffffffbd;box-shadow:0 7px 25px #020a1638;padding:16px 24px}.hero .primary:hover{background:white;box-shadow:0 10px 35px #0004}.hero .secondary{background:#ffffff0d;color:#e4efff;border:1px solid #bbd6f538;backdrop-filter:blur(15px);padding:16px 22px}.hero .secondary:hover{background:#ffffff1c}.heroFoot{left:5.5%;right:5%;bottom:32px;justify-content:flex-start;gap:10px}.hero .slideDot{height:5px;width:25px;border-radius:4px;background:#9bbce844}.hero .slideDot.active{width:55px;background:#9acaff}.hero:after{content:'YOUR NEXT STORY STARTS HERE';position:absolute;bottom:30px;right:5%;font-size:9px;letter-spacing:2.3px;color:#a4c3e0;pointer-events:none}.catalog{padding-top:55px}
@media(max-width:700px){.hero{min-height:510px}.heroCopy{width:100%;padding:45px 7% 82px}.heroCopy h1{font-size:40px;max-width:100%}.heroImage{width:100%;opacity:.5}.heroShade{background:linear-gradient(90deg,#0a2039f5,#0a2039a8),linear-gradient(0deg,#0a2039 0%,transparent 85%)}.hero .intro{font-size:14px;max-width:95%}.hero .primary,.hero .secondary{font-size:12px;padding:14px 17px}.hero:after{font-size:7px;letter-spacing:1px;right:7%}.heroFoot{left:7%}.heroCopy>.eyebrow{font-size:8px;letter-spacing:2px}}
.heroImage{mask-image:linear-gradient(90deg,transparent 0%,#000 27%);-webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 27%)}
@media(max-width:700px){.heroImage{mask-image:none;-webkit-mask-image:none}}