:root{--bg:#f2f0e9;--paper:#fbfaf6;--ink:#181816;--muted:#706e66;--line:#d7d3c8;--accent:#9d5b3d;--dark:#141412}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:Arial,Helvetica,sans-serif}button,input{font:inherit}button{cursor:pointer}header{height:74px;padding:0 4vw;border-bottom:1px solid var(--line);display:flex;align-items:center;position:sticky;top:0;background:rgba(242,240,233,.96);z-index:20}.brand{border:0;background:none;display:flex;gap:10px;align-items:center;margin-right:auto}.mark{width:34px;height:34px;border-radius:50%;background:var(--ink);color:#fff;display:grid;place-items:center;font-size:11px;letter-spacing:.1em}.brand b{display:block;font-size:14px}.brand small{display:block;font-size:9px;color:var(--muted);margin-top:2px}.nav{display:flex;gap:4px;position:absolute;left:50%;transform:translateX(-50%)}.nav button,.filterrow button{border:0;background:transparent;border-radius:22px;padding:9px 13px;color:var(--muted);font-size:12px}.nav button.on{background:#dfdcd2;color:var(--ink)}.myfilms{border:0;background:var(--ink);color:#fff;border-radius:24px;padding:10px 14px;font-size:12px}.hero{max-width:1100px;margin:auto;text-align:center;padding:82px 24px 36px}.eyebrow{font-size:10px;letter-spacing:.18em;color:var(--accent);font-weight:700}.hero h1{font-family:Georgia,serif;font-size:clamp(44px,6vw,78px);line-height:1;margin:14px 0 20px;letter-spacing:-.045em}.hero h1 i{color:var(--accent);font-weight:400}.hero p{color:var(--muted);max-width:720px;margin:0 auto 28px;line-height:1.6}.search{max-width:760px;margin:auto;height:56px;border:1px solid #c7c3b8;background:var(--paper);display:flex;align-items:center;padding:0 15px;border-radius:4px}.search input{border:0;background:transparent;outline:0;flex:1;padding:0 12px;font-size:15px}.filterrow{display:flex;justify-content:center;gap:7px;flex-wrap:wrap;margin-top:15px}.filterrow button{border:1px solid var(--line);padding:7px 11px}.filterrow button.on{background:var(--ink);color:#fff;border-color:var(--ink)}.collection{max-width:1320px;margin:auto;padding:28px 24px 90px}.sectionhead{display:flex;justify-content:space-between;align-items:end;margin-bottom:22px}.sectionhead h2{margin:4px 0 0;font-size:27px;letter-spacing:-.03em}.sectionhead span{font-size:11px;color:var(--muted)}.grid{display:grid;grid-template-columns:repeat(5,1fr);gap:30px 18px}.card .poster{border:0;padding:0;background:#ddd;width:100%;aspect-ratio:2/3;position:relative;overflow:hidden}.poster img{width:100%;height:100%;object-fit:cover;display:block}.year{position:absolute;right:7px;top:7px;background:rgba(0,0,0,.78);color:#fff;font-size:9px;padding:5px 6px}.meta{display:flex;gap:8px;margin-top:10px}.meta>button:first-child{border:0;background:none;padding:0;text-align:left;flex:1;min-width:0}.meta b{display:block;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.meta span{font-size:10px;color:var(--muted);display:block;margin-top:4px}.plus{width:30px;height:30px;border:1px solid #c8c4b8;border-radius:50%;background:transparent}.tags{display:flex;gap:5px;margin-top:8px}.tags span{font-size:9px;border:1px solid var(--line);padding:3px 5px;color:var(--muted)}.overlay{position:fixed;inset:0;background:rgba(10,10,8,.5);z-index:60;display:flex;justify-content:flex-end}.panel{width:min(720px,100%);height:100%;overflow:auto;background:var(--paper)}.paneltop{height:60px;padding:0 22px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}.paneltop button{border:0;background:none;font-size:20px}.filmhero{display:grid;grid-template-columns:170px 1fr;gap:24px;padding:28px;border-bottom:1px solid var(--line)}.filmhero img{width:100%;aspect-ratio:2/3;object-fit:cover}.filmhero small{font-size:10px;color:var(--accent);font-weight:700}.filmhero h2{font-family:Georgia,serif;font-size:38px;margin:7px 0 12px}.filmhero p{font-size:13px;color:var(--muted);line-height:1.55}.primary{border:0;background:var(--ink);color:#fff;padding:10px 14px}.facts{display:grid;grid-template-columns:1fr 1fr}.fact{padding:17px 28px;border-bottom:1px solid var(--line);border-right:1px solid var(--line)}.fact small,.chips label,.music small{display:block;font-size:9px;letter-spacing:.12em;color:var(--muted);margin-bottom:5px}.fact b{font-size:12px}.chips{padding:14px 28px;border-bottom:1px solid var(--line)}.chips span{display:inline-block;background:#e7e3d9;padding:5px 7px;font-size:10px;margin:0 5px 5px 0}.music{margin:22px 28px;background:var(--dark);color:#fff;padding:20px}.music h3{margin:5px 0;font-size:18px}.music p{margin:0;color:#aaa79f;font-size:11px}.related{padding:22px 28px}.related h3{margin:0 0 12px}.related button{width:100%;display:grid;grid-template-columns:46px 1fr auto;gap:10px;align-items:center;border:0;border-top:1px solid var(--line);background:none;padding:9px 0;text-align:left}.related img{width:46px;height:66px;object-fit:cover}.related b,.related span{display:block}.related span{font-size:10px;color:var(--muted);margin-top:3px}.listpanel{width:min(860px,100%)}.notice{margin:20px;padding:14px;background:#e5e1d7;font-size:11px;line-height:1.45}.lists{display:grid;grid-template-columns:220px 1fr;border-top:1px solid var(--line);min-height:380px}.listnav{border-right:1px solid var(--line);padding:12px}.listnav button{width:100%;border:0;background:none;padding:10px;text-align:left;display:flex;justify-content:space-between}.listnav button.on{background:#e5e1d7}.listbody{padding:22px}.listbody h2{margin:0 0 16px}.row{display:flex;align-items:center;border-top:1px solid var(--line);padding:8px 0;gap:10px}.row img{width:40px;height:58px;object-fit:cover}.row div{flex:1}.row b,.row span{display:block}.row span{font-size:10px;color:var(--muted);margin-top:3px}.row button{border:0;background:none}.export{padding:18px 22px;border-top:1px solid var(--line);display:flex;gap:6px;flex-wrap:wrap}.export button{border:1px solid var(--line);background:none;padding:8px 10px;font-size:10px}.addbox{width:min(420px,92vw);height:auto;margin:auto}.choices{padding:15px 22px}.choices button{width:100%;border:0;border-bottom:1px solid var(--line);background:none;padding:13px 0;text-align:left;display:flex;justify-content:space-between}.newlist{display:flex;margin:0 22px 22px;border:1px solid var(--line)}.newlist input{flex:1;border:0;background:none;padding:10px;outline:0}.newlist button{border:0;background:var(--ink);color:#fff;width:46px}.page{max-width:1250px;margin:auto;padding:65px 24px 100px}.page h1{font-family:Georgia,serif;font-size:60px;margin:8px 0 30px}.people{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.person{background:var(--paper);border:1px solid var(--line);padding:20px;min-height:160px}.person small{color:var(--accent);font-size:9px;letter-spacing:.12em}.person h3{margin:7px 0}.person p{font-size:10px;color:var(--muted);line-height:1.5}.person button{border:0;background:none;padding:0;font-size:10px;font-weight:700}.musicgrid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.musiccard{background:var(--paper);border:1px solid var(--line);padding:20px}.musiccard h3{margin:5px 0 12px}.musiccard button{width:100%;border:0;border-top:1px solid var(--line);background:none;text-align:left;padding:10px 0}.musiccard button span{display:block;font-size:10px;color:var(--muted);margin-top:2px}footer{padding:34px 4vw;background:#dfdcd2;font-size:10px;color:var(--muted)}@media(max-width:900px){.nav{position:static;transform:none;margin-left:auto}.nav button{display:none}.grid{grid-template-columns:repeat(3,1fr)}.people{grid-template-columns:repeat(2,1fr)}.musicgrid{grid-template-columns:1fr}.filmhero{grid-template-columns:125px 1fr}.privacy{display:none}}@media(max-width:600px){header{height:64px;padding:0 14px}.brand small{display:none}.hero{padding-top:55px}.hero h1{font-size:46px}.grid{grid-template-columns:repeat(2,1fr);gap:24px 10px}.collection{padding-left:12px;padding-right:12px}.card .meta b{font-size:12px}.filmhero{grid-template-columns:95px 1fr;padding:18px;gap:15px}.filmhero h2{font-size:26px}.facts{grid-template-columns:1fr}.lists{grid-template-columns:1fr}.listnav{border-right:0;border-bottom:1px solid var(--line);display:flex;overflow:auto}.listnav button{min-width:130px}.people{grid-template-columns:1fr}.page h1{font-size:44px}.myfilms{padding:9px 11px}}
.search button,.browsebar button,.yearjump button{border:0;background:var(--ink);color:#fff;padding:10px 16px;border-radius:3px}.compacthero{padding-bottom:26px}.browsebar{display:flex;gap:7px;justify-content:center;flex-wrap:wrap;margin-top:15px}.browsebar select,.yearjump select{border:1px solid var(--line);background:var(--paper);padding:9px 10px;min-height:38px}.setupnotice{max-width:760px;margin:14px auto 0;background:#f0dfd5;border:1px solid #c99d87;padding:12px 14px;text-align:left;font-size:11px;display:flex;gap:10px}.setupnotice b{white-space:nowrap}.emptywide{grid-column:1/-1;padding:80px 20px;text-align:center;color:var(--muted);border:1px dashed var(--line)}.skel{aspect-ratio:2/3;background:linear-gradient(90deg,#dedbd2,#ebe8e0,#dedbd2);background-size:200% 100%;animation:shimmer 1.4s infinite}@keyframes shimmer{to{background-position:-200% 0}}.pager{display:flex;justify-content:center;align-items:center;gap:16px;margin-top:42px}.pager button{border:1px solid var(--line);background:var(--paper);padding:9px 13px}.pager button:disabled{opacity:.35}.pager span{font-size:11px;color:var(--muted)}.lead{max-width:700px;color:var(--muted);line-height:1.6}.decadegrid,.movementgrid,.worldgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:28px}.decadegrid button,.movementgrid button,.worldgrid button{min-height:130px;border:1px solid var(--line);background:var(--paper);padding:18px;text-align:left}.decadegrid b,.movementgrid b,.worldgrid b{display:block;font-family:Georgia,serif;font-size:24px}.decadegrid span,.movementgrid span,.worldgrid span,.movementgrid small,.worldgrid small{display:block;color:var(--muted);font-size:10px;margin-top:5px}.yearjump{display:flex;gap:8px;align-items:center;margin:26px 0 48px;padding:18px;background:#e4e0d6}.yearjump label{font-size:11px;font-weight:700}.subhead{font-size:26px;margin-top:40px}.original{font-size:11px;color:var(--muted);font-style:italic;margin-top:-5px;margin-bottom:10px}.backdrop{height:210px;background-size:cover;background-position:center}.relationnote{font-size:10px;color:var(--muted);margin:-6px 0 9px;line-height:1.45}.castblock{padding:20px 28px;border-bottom:1px solid var(--line)}.castblock h3{margin:0 0 12px}.castblock>div{display:grid;grid-template-columns:1fr 1fr;gap:8px}.castblock span{border-top:1px solid var(--line);padding-top:8px}.castblock b,.castblock small{display:block}.castblock b{font-size:11px}.castblock small{font-size:9px;color:var(--muted);margin-top:3px}.importbtn{border:1px solid var(--line);padding:8px 10px;font-size:10px;cursor:pointer}.importbtn input{display:none}.muted{color:var(--muted)}
@media(max-width:900px){.decadegrid,.movementgrid,.worldgrid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.browsebar{display:grid;grid-template-columns:1fr 1fr}.browsebar select,.browsebar button{width:100%}.decadegrid,.movementgrid,.worldgrid{grid-template-columns:1fr 1fr}.decadegrid button,.movementgrid button,.worldgrid button{min-height:105px}.setupnotice{display:block}.setupnotice b{display:block;margin-bottom:4px}.castblock>div{grid-template-columns:1fr}.yearjump{align-items:stretch;flex-direction:column}}

.gc-footer{margin-top:72px;background:#141412;color:#f6f3eb;border-top:1px solid rgba(255,255,255,.08)}
.gc-footer-inner{max-width:1280px;margin:0 auto;padding:28px 32px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.gc-footer-brand{display:flex;align-items:center;gap:12px}.gc-footer-brand div{display:flex;flex-direction:column;gap:2px}
.gc-footer-brand strong{font-family:Georgia,serif;font-size:18px}.gc-footer-brand span{font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:#aaa69e}
.gc-footer-powered{font-size:13px;color:#aaa69e}.gc-footer-powered a{color:#c87a4e;text-decoration:none}.gc-footer-powered a:hover{text-decoration:underline}
@media(max-width:640px){.gc-footer-inner{padding:24px 20px;align-items:flex-start;flex-direction:column}}
/* Gizlen Cinema header logo */
.brand{padding:0;min-width:0}.brand-logo{display:block;width:215px;height:54px;object-fit:contain;object-position:left center}
@media(max-width:600px){.brand-logo{width:152px;height:46px}}

/* Gizlen Cinema v6 — denser catalogue + refined identity */
header{height:78px}
.brand{gap:11px;text-align:left}
.brand-mark{width:48px;height:48px;display:block;flex:0 0 48px}
.brand-copy{display:block;line-height:1}
.brand-copy strong{display:block;font-family:Georgia,serif;font-size:18px;letter-spacing:-.02em}
.brand-copy small{display:block;margin-top:6px;font-size:8px;font-weight:700;letter-spacing:.15em;color:var(--accent)}
.collection{max-width:1500px}
.grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:28px 16px}
.card .poster{border-radius:5px;box-shadow:0 1px 0 rgba(0,0,0,.08);transition:transform .16s ease,box-shadow .16s ease}
.card .poster:hover{transform:translateY(-3px);box-shadow:0 12px 28px rgba(24,24,22,.14)}
.card .poster:focus-visible{outline:3px solid var(--accent);outline-offset:3px}
.card .poster:after{content:"View film";position:absolute;inset:auto 8px 8px 8px;padding:8px 9px;background:rgba(20,20,18,.88);color:#fff;font-size:10px;letter-spacing:.03em;opacity:0;transform:translateY(4px);transition:.16s ease}
.card .poster:hover:after,.card .poster:focus-visible:after{opacity:1;transform:none}
.appfooter{display:grid;grid-template-columns:auto minmax(260px,1fr) auto;align-items:center;gap:28px;padding:30px 4vw;background:#141412;color:#f6f3eb}
.appfooter>div:first-child{display:flex;flex-direction:column}.appfooter strong{font-family:Georgia,serif;font-size:17px}.appfooter span,.appfooter p{font-size:9px;color:#aaa79f;line-height:1.5;margin:0}.appfooter .powered{font-size:11px;color:#aaa79f}.appfooter a{color:#c77a4e;text-decoration:none}.appfooter a:hover{text-decoration:underline}
@media(max-width:1150px){.grid{grid-template-columns:repeat(5,minmax(0,1fr))}}
@media(max-width:900px){.grid{grid-template-columns:repeat(4,minmax(0,1fr))}.brand-mark{width:42px;height:42px;flex-basis:42px}.brand-copy strong{font-size:16px}}
@media(max-width:680px){.grid{grid-template-columns:repeat(3,minmax(0,1fr))}.brand-copy small{display:none}.appfooter{grid-template-columns:1fr;gap:13px}}
@media(max-width:500px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.brand-mark{width:38px;height:38px;flex-basis:38px}.brand-copy strong{font-size:15px}}

/* Gizlen Cinema cinematic direction v7 */
:root{--ink:#f4f0e8;--muted:#9fa4a7;--paper:#0b0f12;--line:#273038;--accent:#c47b4b;--cream:#efe8dc}
html,body{background:#0b0f12;color:#f4f0e8}
body{background:radial-gradient(circle at 70% -10%,#1c252b 0,#0b0f12 36%)}
header{background:rgba(8,12,15,.94)!important;border-color:#222b31!important;color:#f4f0e8;backdrop-filter:blur(16px);position:sticky;top:0;z-index:40}
.nav button{color:#aeb4b7}.nav button.on,.nav button:hover{color:#fff}
.nav button.on:after{background:var(--accent)}
.myfilms{background:#171d21!important;color:#fff!important;border:1px solid #30383d!important}
.brand-copy strong{color:#fff}.brand-copy small{color:#c98558}
.cinematicHero{position:relative;min-height:355px;max-width:none!important;margin:0!important;padding:0!important;background-image:linear-gradient(90deg,rgba(5,9,12,.98) 0%,rgba(5,9,12,.86) 36%,rgba(5,9,12,.38) 72%,rgba(5,9,12,.72) 100%),var(--hero-bg);background-size:cover;background-position:center 30%;border-bottom:1px solid #30363a;overflow:hidden}
.cinematicHero:not([style]){background-image:radial-gradient(circle at 70% 40%,rgba(196,123,75,.18),transparent 30%),linear-gradient(120deg,#10171c,#080c0f)}
.heroShade{position:absolute;inset:0;background:linear-gradient(to top,rgba(7,11,14,.35),transparent 50%)}
.heroInner{position:relative;z-index:1;max-width:1440px;margin:auto;min-height:355px;padding:54px 4vw 34px;display:flex;align-items:center;justify-content:space-between;gap:50px}
.heroCopy{max-width:760px}.heroCopy h1{font-family:Georgia,serif;font-size:clamp(44px,5vw,74px);line-height:.96;letter-spacing:-.045em;margin:10px 0 20px;color:#fff}.heroCopy h1 i{font-weight:400;color:#d48a5c}.heroCopy p{color:#c1c4c4;font-size:15px}
.heroSearch{max-width:700px;background:rgba(7,11,14,.72)!important;border:1px solid rgba(255,255,255,.22)!important;border-radius:12px!important}.heroSearch input{background:transparent!important;color:#fff!important}.heroSearch button{background:linear-gradient(180deg,#d28b5d,#a95e36)!important;border-radius:9px!important}
.regionChips{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}.regionChips button{border:1px solid rgba(255,255,255,.18);background:rgba(9,13,16,.52);color:#d9dcdd;border-radius:99px;padding:9px 16px}.regionChips button.on,.regionChips button:hover{background:#f5f2ec;color:#101417;border-color:#f5f2ec}
.heroStats{min-width:220px;border:1px solid rgba(255,255,255,.15);background:rgba(7,11,14,.68);backdrop-filter:blur(12px);border-radius:13px;padding:10px 18px}.heroStats div{padding:15px 4px;border-bottom:1px solid rgba(255,255,255,.1)}.heroStats div:last-child{border:0}.heroStats b{display:block;font-size:24px}.heroStats span{font-size:10px;color:#adb2b4;text-transform:uppercase;letter-spacing:.11em}
.filterShell{max-width:none!important;padding:17px 4vw 12px;background:#10161a;border-bottom:1px solid #283137}
.presetRow{max-width:1440px;margin:0 auto 12px;display:flex;gap:7px;align-items:center;flex-wrap:wrap}.presetLabel{font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:#8f989d;margin-right:5px}.presetRow button,.presetRow select{background:#151c21;border:1px solid #303a40;color:#cbd0d2;border-radius:8px;padding:8px 12px;font-size:11px}.presetRow button.on{background:#7d462b;border-color:#c77e50;color:#fff}.presetRow select{margin-left:auto}
.browsebar{max-width:1440px;margin:auto!important;gap:8px!important}.browsebar select{background:#12191d!important;color:#e6e8e8!important;border-color:#313a40!important}.browsebar button{background:#bd7547!important;color:#fff!important}
.collection{max-width:1440px!important;padding-top:28px!important}.sectionhead h2{color:#f6f1e9}.sectionhead p{margin:5px 0 0;color:#899298;font-size:12px}.sectionhead>span{color:#91999d}
.grid{grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:24px 12px!important}
.card{color:#fff}.card .poster{background:#151b1f!important;border:1px solid #2d363c!important;border-radius:7px!important;overflow:hidden}.card .poster:hover{box-shadow:0 15px 35px rgba(0,0,0,.38)!important;border-color:#9b633f!important}.card .year{background:rgba(7,10,12,.85)!important;color:#fff!important}.card .score{position:absolute;right:7px;bottom:7px;background:rgba(7,10,12,.86);color:#ffc457;padding:5px 6px;border-radius:5px;font-size:10px}.meta b{color:#f7f3ed!important}.meta span{color:#899397!important}.plus{border-color:#3b454b!important;color:#eee!important}.tags span{background:#151c20!important;color:#9ba5a9!important;border-color:#2b3439!important}
.pager button{background:#131a1f!important;color:#e9e9e7!important;border-color:#313b41!important}.pager span{color:#a0a6a8}
.overlay{background:rgba(0,0,0,.62)!important;backdrop-filter:blur(4px)}
.panel{background:#0e1418!important;color:#eef0ef!important;border-left:1px solid #303a40!important}
.detailpanel{width:min(780px,96vw)!important}.paneltop{border-color:#2c353a!important}.filmhero{align-items:flex-start!important}.filmhero h2{font-family:Georgia,serif;font-size:36px!important}.filmhero p{color:#adb4b6!important;line-height:1.55}.filmhero small{display:flex;align-items:center;gap:8px;color:#aeb5b8}.cert{border:1px solid #596168;background:#20282d;color:#fff;padding:3px 6px;border-radius:5px;font-size:10px}.detailRating{display:flex;gap:10px;align-items:center;margin:10px 0}.detailRating b{color:#ffc457;font-size:16px}.detailRating span{color:#899297;font-size:11px}.primary{background:linear-gradient(180deg,#ce8656,#a75d36)!important}
.facts{border-color:#2e383e!important}.fact{border-color:#283137!important}.fact small{color:#818b91!important}.fact b{color:#eef0ef!important}
.chips span{background:#182126!important;color:#c6cbcd!important;border-color:#303a40!important}.chips label{color:#7f8a90!important}
.music,.castblock,.related{border-color:#2d373d!important}.related button{background:#131a1e!important;border-color:#2b353b!important;color:#fff!important}.related button:hover{border-color:#9a6240!important;background:#182126!important}.relationnote,.muted,.notice{color:#8e989d!important}
.appfooter{border-top:1px solid #283137!important;background:#080c0f!important}
@media(max-width:1100px){.heroStats{display:none}.grid{grid-template-columns:repeat(5,minmax(0,1fr))!important}}
@media(max-width:850px){.heroInner{padding-top:40px}.grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}.presetRow select{margin-left:0}}
@media(max-width:620px){.cinematicHero,.heroInner{min-height:390px}.heroCopy h1{font-size:44px}.grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.regionChips{overflow:auto;flex-wrap:nowrap}.regionChips button{white-space:nowrap}.browsebar{grid-template-columns:1fr 1fr!important}.browsebar button{grid-column:1/-1}.presetRow{overflow:auto;flex-wrap:nowrap}.presetRow>*{white-space:nowrap}.presetLabel{display:none}}

/* v8 layout refinement */
.filterShell{padding:26px 4vw 30px!important;background:#0f1519!important}
.filterPanel{max-width:1440px;margin:0 auto;display:grid;gap:18px}
.filterGroup{border:1px solid #2b353b;background:linear-gradient(180deg,#12191d,#0e1418);border-radius:12px;padding:18px}
.filterGroupHead{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:14px}
.filterGroupHead>div{display:flex;flex-direction:column;gap:4px}
.filterKicker{color:#c47b4b;font-size:9px;font-weight:700;letter-spacing:.14em;text-transform:uppercase}
.filterGroupHead strong{color:#f3efe8;font-family:Georgia,serif;font-size:18px;font-weight:600}
.filterGroupHead select{min-width:150px;height:42px;padding:0 12px;border:1px solid #3a454c;border-radius:8px;background:#171f24;color:#f4f0e8}
.presetRow{display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr));gap:9px!important;margin:0!important;overflow:visible!important}
.presetRow button{min-height:64px;text-align:left;display:flex;flex-direction:column;justify-content:center;gap:4px;padding:10px 12px!important;border:1px solid #3a454c!important;border-radius:9px!important;background:#161e23!important;color:#e8ebeb!important}
.presetRow button b{font-size:13px}.presetRow button span{font-size:9px;color:#879198;line-height:1.25}
.presetRow button:hover{border-color:#8b5a3d!important;background:#1c252b!important}
.presetRow button.on{background:linear-gradient(180deg,#b66f43,#8f5030)!important;border-color:#e09a69!important;color:#fff!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)}
.presetRow button.on span{color:#f3d7c4}
.labeledBrowse{display:grid!important;grid-template-columns:1.25fr .85fr .9fr 1.1fr 1fr auto;gap:10px!important;align-items:end}
.labeledBrowse label{display:flex;flex-direction:column;gap:6px}
.labeledBrowse label>span{color:#899399;font-size:9px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.labeledBrowse select{width:100%;min-height:44px;border:1px solid #39444b!important;border-radius:8px!important;background:#171f24!important;color:#f4f0e8!important;padding:0 12px!important}
.labeledBrowse select:hover,.labeledBrowse select:focus{border-color:#82604a!important}
#browseBtn{min-height:44px;padding:0 22px!important;border-radius:8px!important;border:1px solid #e29a69!important;background:linear-gradient(180deg,#d48755,#a85e38)!important;color:#fff!important;font-weight:700;box-shadow:0 4px 14px rgba(0,0,0,.18)}
#browseBtn:hover{background:linear-gradient(180deg,#df9767,#b7673f)!important}
.card .poster{aspect-ratio:2/3}.card .poster img{width:100%;height:100%;object-fit:cover;display:block;background:#141b20}
.pagerWrap{max-width:780px;margin:48px auto 8px;text-align:center}.pager{margin:0!important}
.pager button{min-width:112px;min-height:42px;border-radius:7px!important;border:1px solid #39454c!important;background:#151d22!important;color:#f1eee8!important}
.pager button:not(:disabled):hover{border-color:#a16946!important;background:#1d272d!important}.pager button:disabled{opacity:.36}
.pager span{min-width:260px;color:#a3aaad!important;font-size:11px}.pagerNote{margin:12px auto 0;max-width:680px;color:#707a80;font-size:10px;line-height:1.55}
@media(max-width:1050px){.presetRow{grid-template-columns:repeat(3,minmax(0,1fr))}.labeledBrowse{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:650px){.filterShell{padding:18px 16px 22px!important}.filterGroup{padding:14px}.filterGroupHead{align-items:stretch;flex-direction:column}.filterGroupHead select{width:100%}.presetRow{grid-template-columns:repeat(2,minmax(0,1fr))!important}.labeledBrowse{grid-template-columns:1fr 1fr!important}.labeledBrowse label:first-child,.labeledBrowse label:nth-child(4),.labeledBrowse label:nth-child(5),#browseBtn{grid-column:1/-1}.pager{gap:8px!important}.pager span{min-width:auto;font-size:10px}}

/* v9 — film detail refinement */
.card .titleBlock{min-width:0;text-align:left}
.card .titleBlock b{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.card .englishTitle{display:block!important;margin-top:3px;color:#a5adb1!important;font-size:10px!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.card .cardYear{display:block!important;margin-top:4px;color:#6f797e!important;font-size:9px!important}
.overlay{display:block!important;background:rgba(0,0,0,.69)!important}
.overlayCloseZone{position:fixed;inset:0 700px 0 0;border:0;background:transparent;cursor:default;z-index:0}
.detailpanel{
  position:fixed!important;
  top:0;right:0;bottom:0;
  width:min(680px,94vw)!important;
  max-width:680px;
  z-index:2;
  overflow-y:auto;
  box-shadow:-28px 0 65px rgba(0,0,0,.38);
  border-left:1px solid #303a40!important;
}
.paneltop{
  position:sticky;
  top:0;
  z-index:6;
  min-height:58px;
  padding:0 22px!important;
  display:flex;
  align-items:center;
  justify-content:space-between;
  background:rgba(14,20,24,.92);
  backdrop-filter:blur(15px);
}
.drawerLabel{font-size:9px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#79848a}
#closeDetail{width:34px;height:34px;border-radius:50%!important;border:1px solid #374148!important;background:#171e23!important;color:#f4f0ea!important;font-size:20px;display:grid;place-items:center;padding:0!important}
#closeDetail:hover{border-color:#9f6847!important;background:#20292e!important}
.detailpanel .backdrop{height:210px!important;margin:0!important;background-position:center 25%!important}
.detailContent{padding:0 24px 38px}
.filmhero{display:grid!important;grid-template-columns:150px minmax(0,1fr);gap:22px!important;margin-top:-62px;position:relative;z-index:3}
.filmhero>img{width:150px!important;aspect-ratio:2/3;object-fit:cover;border-radius:7px!important;border:1px solid #39434a!important;box-shadow:0 18px 40px rgba(0,0,0,.38)}
.filmheroCopy{padding-top:72px;min-width:0}
.filmMetaLine{display:flex;gap:8px;align-items:center;flex-wrap:wrap;color:#969fa4;font-size:10px}
.filmhero h2{margin:8px 0 4px!important;font-size:34px!important;line-height:1.04!important;letter-spacing:-.025em}
.localizedTitle{font-size:14px;color:#a7afb3;margin-bottom:8px;line-height:1.35}
.detailRating{margin:10px 0 12px!important}
.filmhero p{font-size:12px!important;max-width:48ch;margin:0 0 16px!important;color:#aab2b6!important}
.primary{min-height:42px!important;border-radius:7px!important;padding:0 16px!important;font-weight:700}
.facts{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;margin:28px 0 4px!important;border:1px solid #2d373d!important;border-radius:10px;overflow:hidden}
.fact{min-height:72px;padding:13px 15px!important;border-right:1px solid #283137!important;border-bottom:1px solid #283137!important}
.fact:nth-child(2n){border-right:0!important}.fact:nth-last-child(-n+2){border-bottom:0!important}
.fact small{display:block;margin-bottom:6px;font-size:8px!important;letter-spacing:.1em;text-transform:uppercase}
.fact b{font-size:11px!important;line-height:1.4;font-weight:600!important}
.chips,.castblock,.music,.related{padding-top:26px!important;margin-top:26px!important}
.compactRelated{overflow:visible}
.relatedHead{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;margin-bottom:13px}
.relatedHead h3{font-family:Georgia,serif;font-size:19px;margin:0 0 4px;color:#f1eee8}
.relatedHead>span{flex:0 0 auto;min-width:28px;height:28px;border-radius:99px;border:1px solid #303a40;display:grid;place-items:center;color:#879198;font-size:10px}
.relationnote{margin:0!important}
.relatedRail{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.relatedCard{
  display:block!important;
  min-width:0!important;
  padding:0!important;
  background:transparent!important;
  border:0!important;
  text-align:left!important;
}
.relatedCard img{width:100%;aspect-ratio:2/3;object-fit:cover;border-radius:6px;border:1px solid #303940;background:#151b1f;transition:transform .15s ease,border-color .15s ease}
.relatedCard:hover img{transform:translateY(-2px);border-color:#9a6240}
.relatedText{display:block;padding-top:7px;min-width:0}
.relatedText b{display:block;color:#f0ede7;font-size:10px;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.relatedText small{display:block;color:#919a9f;font-size:9px;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:2px}
.relatedText em{display:block;color:#687278;font-style:normal;font-size:9px;margin-top:3px}
@media(max-width:760px){
  .overlayCloseZone{display:none}
  .detailpanel{width:100vw!important;max-width:none}
  .detailContent{padding:0 18px 30px}
  .filmhero{grid-template-columns:112px minmax(0,1fr);gap:16px!important;margin-top:-42px}
  .filmhero>img{width:112px!important}
  .filmheroCopy{padding-top:48px}
  .filmhero h2{font-size:27px!important}
  .relatedRail{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:460px){
  .detailpanel .backdrop{height:150px!important}
  .filmhero{grid-template-columns:92px minmax(0,1fr)}
  .filmhero>img{width:92px!important}
  .filmheroCopy{padding-top:34px}
  .filmhero h2{font-size:23px!important}
  .filmhero p{grid-column:1/-1}
  .facts{grid-template-columns:1fr!important}
  .fact,.fact:nth-child(2n),.fact:nth-last-child(-n+2){border-right:0!important;border-bottom:1px solid #283137!important}
  .fact:last-child{border-bottom:0!important}
  .relatedRail{grid-template-columns:repeat(2,minmax(0,1fr))}
}

/* v10 — compact search mode + complete control contrast */

:root{
  --gc-control:#182126;
  --gc-control-hover:#243038;
  --gc-border:#4b5961;
  --gc-text:#f7f3ed;
  --gc-muted:#adb6ba;
  --gc-copper:#d48655;
  --gc-copper-deep:#a95e38;
}

/* Search should get users to results quickly */
.cinematicHero.isSearch{
  min-height:164px!important;
  background-position:center 38%!important;
}
.cinematicHero.isSearch .heroInner{
  min-height:164px!important;
  padding-top:24px!important;
  padding-bottom:22px!important;
}
.cinematicHero.isSearch .heroCopy{
  max-width:820px;
}
.cinematicHero.isSearch .eyebrow,
.cinematicHero.isSearch h1,
.cinematicHero.isSearch .heroCopy>p,
.cinematicHero.isSearch .heroStats{
  display:none!important;
}
.cinematicHero.isSearch .heroSearch{
  margin-top:0!important;
}
.cinematicHero.isSearch .regionChips{
  margin-top:10px!important;
}
.cinematicHero.isSearch + .filterShell{
  padding-top:16px!important;
  padding-bottom:18px!important;
}
.cinematicHero.isSearch + .filterShell .filterPanel{
  gap:10px!important;
}
.cinematicHero.isSearch + .filterShell .filterGroup{
  padding:12px 14px!important;
}
.cinematicHero.isSearch + .filterShell .filterGroupHead{
  margin-bottom:9px!important;
}
.cinematicHero.isSearch + .filterShell .filterGroupHead strong{
  font-size:15px!important;
}
.cinematicHero.isSearch + .filterShell .presetRow button{
  min-height:48px!important;
}
.cinematicHero.isSearch + .filterShell .presetRow button span{
  display:none!important;
}
.cinematicHero.isSearch + .filterShell .labeledBrowse select,
.cinematicHero.isSearch + .filterShell #browseBtn{
  min-height:40px!important;
}
.cinematicHero.isSearch ~ .collection{
  padding-top:20px!important;
}

/* Header */
.nav button{
  color:#cbd1d3!important;
  border:1px solid transparent!important;
}
.nav button:hover,.nav button:focus-visible{
  color:#fff!important;
  background:#1c252a!important;
  border-color:#3c484f!important;
}
.nav button.on{
  color:#15191b!important;
  background:#f2eee7!important;
  border-color:#fff!important;
}
.myfilms{
  color:#fff!important;
  background:#1b2429!important;
  border:1px solid #53626a!important;
}
.myfilms:hover,.myfilms:focus-visible{
  background:#29353c!important;
  border-color:#7c8a92!important;
}

/* Hero / region controls */
.heroSearch button,#browseBtn,.primary{
  color:#fff!important;
  background:linear-gradient(180deg,#dc8e5c,#ad623b)!important;
  border:1px solid #eea474!important;
  box-shadow:0 3px 12px rgba(0,0,0,.24)!important;
}
.heroSearch button:hover,#browseBtn:hover,.primary:hover{
  background:linear-gradient(180deg,#e69a68,#bc6b42)!important;
  border-color:#ffc096!important;
}
.regionChips button{
  color:#e6e9e9!important;
  background:#151d21!important;
  border:1px solid #47555d!important;
}
.regionChips button:hover,.regionChips button:focus-visible{
  color:#fff!important;
  background:#253137!important;
  border-color:#839097!important;
}
.regionChips button.on{
  color:#15191b!important;
  background:#f3efe8!important;
  border-color:#fff!important;
}

/* Rating controls */
.presetRow button{
  color:#f5f1eb!important;
  background:#182126!important;
  border-color:#4b5961!important;
}
.presetRow button span{color:#b2babd!important}
.presetRow button:hover,.presetRow button:focus-visible{
  color:#fff!important;
  background:#27333a!important;
  border-color:#8d9aa1!important;
}
.presetRow button.on{
  color:#fff!important;
  background:linear-gradient(180deg,#d88958,#a95f39)!important;
  border-color:#f1ad7d!important;
}
.presetRow button.on span{color:#ffefe4!important}

/* Selects / inputs */
.filterGroupHead select,.labeledBrowse select,.yearjump select,
.search input,.newlist input{
  color:#f6f3ee!important;
  background:#182126!important;
  border-color:#4a5860!important;
}
.filterGroupHead select:hover,.labeledBrowse select:hover,
.filterGroupHead select:focus,.labeledBrowse select:focus,
.search input:focus,.newlist input:focus{
  border-color:#967058!important;
  outline:none!important;
  box-shadow:0 0 0 2px rgba(212,134,85,.16)!important;
}

/* Poster + add controls */
.plus{
  color:#fff!important;
  background:#192227!important;
  border:1px solid #59676f!important;
}
.plus:hover,.plus:focus-visible{
  color:#15191b!important;
  background:#f0ece5!important;
  border-color:#fff!important;
}

/* Pagination */
.pager button{
  color:#f5f2ed!important;
  background:#192227!important;
  border-color:#506069!important;
}
.pager button:not(:disabled):hover,.pager button:not(:disabled):focus-visible{
  color:#fff!important;
  background:#29363d!important;
  border-color:#84939b!important;
}
.pager button:disabled{
  color:#737d82!important;
  background:#11171b!important;
  border-color:#293238!important;
  opacity:1!important;
}

/* Detail drawer */
#closeDetail,#closeLists,#closeAdd{
  color:#fff!important;
  background:#1d272c!important;
  border:1px solid #5c6a72!important;
}
#closeDetail:hover,#closeLists:hover,#closeAdd:hover,
#closeDetail:focus-visible,#closeLists:focus-visible,#closeAdd:focus-visible{
  color:#121618!important;
  background:#f1eee8!important;
  border-color:#fff!important;
}
.cert{
  color:#fff!important;
  background:#283239!important;
  border-color:#64727a!important;
}
.chips span{
  color:#dfe4e5!important;
  background:#1a2429!important;
  border-color:#46545c!important;
}
.relatedCard{
  color:#fff!important;
}
.relatedCard:focus-visible img{
  outline:2px solid #e49a69!important;
  outline-offset:3px;
}

/* My Films / Add panels */
.listnav button,.choices button{
  color:#edf0ef!important;
  background:#182126!important;
  border:1px solid #46545c!important;
}
.listnav button:hover,.choices button:hover,
.listnav button:focus-visible,.choices button:focus-visible{
  color:#fff!important;
  background:#27333a!important;
  border-color:#87959c!important;
}
.listnav button.on{
  color:#fff!important;
  background:#865036!important;
  border-color:#d99468!important;
}
.listnav button b,.choices button b{
  color:#fff!important;
}
.row>button,[data-remove]{
  color:#fff!important;
  background:#222d32!important;
  border:1px solid #536169!important;
}
.row>button:hover,[data-remove]:hover{
  color:#15191b!important;
  background:#f0ece5!important;
}
.export button,.importbtn,.newlist button{
  color:#fff!important;
  background:#1d282d!important;
  border:1px solid #536169!important;
}
.export button:hover,.importbtn:hover,.newlist button:hover{
  background:#2d3a40!important;
  border-color:#87969d!important;
}
.newlist button{
  background:linear-gradient(180deg,#d88958,#aa603a)!important;
  border-color:#eda675!important;
}

/* Year/world page controls */
.decadegrid button,.movementgrid button,.worldgrid button,.yearjump button{
  color:#f2efea!important;
  background:#182126!important;
  border-color:#46545c!important;
}
.decadegrid button:hover,.movementgrid button:hover,.worldgrid button:hover,.yearjump button:hover{
  color:#fff!important;
  background:#28343a!important;
  border-color:#8b989f!important;
}

button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible{
  outline:2px solid #e59a68!important;
  outline-offset:2px;
}

/* Search result header arrives sooner */
@media(min-width:760px){
  .cinematicHero.isSearch ~ .collection .sectionhead{
    margin-top:0!important;
  }
}
@media(max-width:650px){
  .cinematicHero.isSearch,
  .cinematicHero.isSearch .heroInner{
    min-height:150px!important;
  }
  .cinematicHero.isSearch .heroInner{
    padding:18px 16px!important;
  }
  .cinematicHero.isSearch + .filterShell .ratingsGroup{
    display:none!important;
  }
}

/* v11 country shortcuts */
.regionChips{
  max-width:900px;
  row-gap:9px!important;
}
.regionChips button{
  flex:0 0 auto;
}
@media(max-width:760px){
  .regionChips{
    max-width:none;
    overflow-x:auto;
    flex-wrap:nowrap!important;
    scrollbar-width:none;
    padding-bottom:3px;
  }
  .regionChips::-webkit-scrollbar{display:none}
}

/* v12 — compact professional discovery + persistent private Vault */

header{
  height:68px!important;
  padding-top:0!important;
  padding-bottom:0!important;
}
.headActions{display:flex;align-items:center;gap:8px}
.vaultBtn{
  min-height:36px;
  padding:0 14px;
  border-radius:99px;
  color:#f4f0e8;
  background:#241a15;
  border:1px solid #735039;
  font-size:11px;
  font-weight:700;
}
.vaultBtn:hover,.vaultBtn:focus-visible{
  background:#3a281e;
  border-color:#b57a54;
}
.brand{cursor:pointer!important}
.brand-mark{width:42px!important;height:42px!important;flex-basis:42px!important}
.brand-copy strong{font-size:17px!important}
.brand-copy small{margin-top:4px!important;font-size:7px!important}

.compactHero{
  position:relative;
  min-height:226px!important;
  max-width:none!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden;
  border-bottom:1px solid #2a343a;
  background-image:
    linear-gradient(90deg,rgba(6,10,13,.96),rgba(6,10,13,.76) 45%,rgba(6,10,13,.40) 72%,rgba(6,10,13,.75)),
    var(--hero-bg);
  background-size:cover;
  background-position:center 38%;
}
.compactHero:not([style]){
  background-image:radial-gradient(circle at 70% 40%,rgba(196,123,75,.18),transparent 30%),linear-gradient(120deg,#11191e,#080d10);
}
.compactHeroInner{
  position:relative;
  z-index:2;
  max-width:1440px;
  margin:0 auto;
  padding:30px 4vw 25px;
}
.compactIntro{
  display:flex;
  align-items:baseline;
  gap:14px;
  margin-bottom:18px;
}
.compactIntro .eyebrow{flex:0 0 auto;margin:0}
.compactIntro h1{
  margin:0!important;
  font-family:Georgia,serif;
  font-size:clamp(29px,3.2vw,46px)!important;
  line-height:1!important;
  letter-spacing:-.035em;
  color:#f5f1e9;
}
.compactIntro h1 i{font-weight:400;color:#d78b5d}
.compactSearch{
  max-width:900px!important;
  min-height:50px!important;
  height:50px!important;
  border-radius:10px!important;
  background:rgba(8,13,16,.86)!important;
  border:1px solid #526069!important;
  box-shadow:0 8px 25px rgba(0,0,0,.18);
}
.compactSearch input{
  height:48px!important;
  font-size:14px!important;
}
.compactSearch button{
  height:40px!important;
  margin-right:5px;
  padding:0 22px!important;
  border-radius:7px!important;
  font-size:12px!important;
}
.compactRegions{
  display:flex!important;
  flex-wrap:nowrap!important;
  gap:7px!important;
  margin-top:12px!important;
  max-width:100%!important;
  overflow-x:auto!important;
  padding-bottom:2px;
  scrollbar-width:none;
}
.compactRegions::-webkit-scrollbar{display:none}
.compactRegions button{
  padding:7px 13px!important;
  min-height:32px;
  font-size:10px!important;
  white-space:nowrap;
}
.compactHero.isSearch{
  min-height:132px!important;
}
.compactHero.isSearch .compactHeroInner{
  padding-top:18px!important;
  padding-bottom:16px!important;
}
.compactHero.isSearch .compactIntro{
  display:none!important;
}
.compactHero.isSearch .compactRegions{
  margin-top:8px!important;
}
.compactHero.isSearch + .filterShell{
  padding:12px 4vw 14px!important;
}
.compactHero.isSearch + .filterShell .filterPanel{
  grid-template-columns:1fr!important;
  gap:8px!important;
}
.compactHero.isSearch + .filterShell .ratingsGroup{
  display:none!important;
}
.compactHero.isSearch + .filterShell .browseGroup{
  padding:10px 12px!important;
}
.compactHero.isSearch + .filterShell .browseGroup .filterGroupHead{
  display:none!important;
}
.compactHero.isSearch + .filterShell .labeledBrowse{
  grid-template-columns:1.1fr .8fr .85fr 1fr 1fr auto!important;
}
.compactHero.isSearch ~ .collection{
  padding-top:16px!important;
}

/* Vault */
.vaultPanel{
  position:fixed!important;
  top:0;right:0;bottom:0;
  width:min(880px,96vw)!important;
  max-width:880px;
  z-index:2;
  overflow-y:auto;
  background:#0d1317!important;
  color:#f1eee8!important;
  border-left:1px solid #344047!important;
  box-shadow:-30px 0 70px rgba(0,0,0,.42);
}
.vaultPanel .paneltop{
  padding:15px 22px!important;
  min-height:68px!important;
}
.vaultPanel .paneltop>div{display:flex;flex-direction:column;gap:3px}
.vaultPanel .paneltop h2{margin:0;font-family:Georgia,serif;font-size:23px}
.vaultIntro{
  padding:18px 22px;
  border-bottom:1px solid #273137;
  background:#11181c;
}
.vaultIntro p{margin:0 0 6px;color:#b3bbbe;font-size:11px;line-height:1.5}
.vaultIntro strong{font-size:10px;color:#d69062;font-weight:600}
.vaultBody{
  display:grid;
  grid-template-columns:220px minmax(0,1fr);
  min-height:calc(100vh - 165px);
}
.vaultSidebar{
  padding:18px 14px;
  border-right:1px solid #273137;
  background:#0b1114;
}
.vaultListNav{display:grid;gap:6px}
.vaultListNav button{
  min-height:42px;
  padding:0 10px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  color:#dce0df;
  background:#151d21;
  border:1px solid #38434a;
  border-radius:7px;
  text-align:left;
}
.vaultListNav button:hover{background:#222d33;border-color:#69777e}
.vaultListNav button.on{background:#74452f;border-color:#bd7d58;color:#fff}
.vaultListNav button b{font-size:10px;color:#a9b1b4}
.vaultNew{display:grid!important;grid-template-columns:1fr!important;gap:7px!important;margin-top:18px}
.vaultNew input{width:100%!important}
.vaultNew button{width:100%;min-height:38px}
.vaultExport{display:grid!important;gap:7px!important;margin-top:12px}
.vaultExport button,.vaultExport .importbtn{width:100%;min-height:38px;display:grid;place-items:center}
.vaultContent{padding:22px}
.vaultTitle{display:flex;align-items:flex-end;justify-content:space-between;gap:15px;margin-bottom:18px}
.vaultTitle h3{margin:3px 0 0;font-family:Georgia,serif;font-size:25px}
.vaultTitle>span{font-size:10px;color:#8c969b}
.vaultGrid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:18px 12px;
}
.vaultMovie{position:relative;min-width:0}
.vaultMovie>button:first-child{
  display:block;width:100%;padding:0;border:0;background:transparent;color:#fff;text-align:left
}
.vaultMovie img{
  width:100%;aspect-ratio:2/3;object-fit:cover;border-radius:6px;
  border:1px solid #334047;background:#141b1f
}
.vaultMovie span{display:block;padding-top:7px}
.vaultMovie b{display:block;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.vaultMovie small{display:block;margin-top:2px;color:#9ea6aa;font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.vaultMovie em{display:block;margin-top:3px;color:#6f7a80;font-size:9px;font-style:normal}
.vaultRemove{
  position:absolute;top:6px;right:6px;width:27px;height:27px;border-radius:50%;
  border:1px solid rgba(255,255,255,.34);background:rgba(8,12,15,.85);color:#fff
}
.vaultRemove:hover{background:#efeae3;color:#15191b}
.vaultEmpty{
  min-height:280px;border:1px dashed #344047;border-radius:9px;
  display:grid;place-content:center;text-align:center;gap:7px;color:#8f999e
}
.vaultEmpty b{color:#e9e5de}
.detailActions{display:flex;gap:8px;flex-wrap:wrap}
.detailActions .primary,.vaultPrimary{min-height:42px;padding:0 16px;border-radius:7px;font-weight:700}
.vaultPrimary{
  color:#fff;background:#38251c;border:1px solid #986445
}
.vaultPrimary:hover{background:#5a3828;border-color:#d29166}

@media(max-width:900px){
  .headActions{gap:5px}
  .vaultBtn,.myfilms{padding:0 10px!important;font-size:10px!important}
  .brand-copy small{display:none!important}
  .compactIntro{display:block}
  .compactIntro .eyebrow{margin-bottom:6px}
  .vaultGrid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:650px){
  header{height:62px!important}
  .brand-copy strong{font-size:14px!important}
  .headActions .myfilms{display:none}
  .compactHero{min-height:190px!important}
  .compactHeroInner{padding:20px 16px 17px}
  .compactIntro h1{font-size:30px!important}
  .compactSearch{height:46px!important;min-height:46px!important}
  .compactSearch input{height:44px!important;font-size:13px!important}
  .compactSearch button{height:36px!important;padding:0 15px!important}
  .compactHero.isSearch{min-height:108px!important}
  .compactHero.isSearch .compactHeroInner{padding:12px 16px!important}
  .compactHero.isSearch + .filterShell{display:none!important}
  .vaultPanel{width:100vw!important;max-width:none}
  .vaultBody{grid-template-columns:1fr}
  .vaultSidebar{border-right:0;border-bottom:1px solid #273137}
  .vaultListNav{grid-template-columns:repeat(2,minmax(0,1fr))}
  .vaultGrid{grid-template-columns:repeat(2,minmax(0,1fr))}
}

/* v13 product pass */
.unifiedFilters{max-width:1450px;margin:auto;border:1px solid #344047;border-radius:12px;background:linear-gradient(180deg,#11191d,#0e1519);padding:14px 16px}.filterTop{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:12px}.filterTop>div:first-child{display:flex;align-items:baseline;gap:10px}.filterTop strong{font-family:Georgia,serif;font-size:18px}.ratingInline{display:flex;align-items:center;gap:5px}.ratingInline>span{font-size:9px;color:#8e999e;text-transform:uppercase;letter-spacing:.12em;margin-right:4px}.ratingInline button{min-width:38px;height:30px;padding:0 9px;border-radius:7px;border:1px solid #46545c;background:#182126;color:#e9eceb;font-size:10px;font-weight:700}.ratingInline button.on{background:#b96840;border-color:#e69a6a;color:#fff}.ratingInline select{height:30px;border-radius:7px;background:#182126;color:#fff;border:1px solid #46545c;font-size:10px}.compactBrowse{grid-template-columns:1.1fr .75fr .8fr 1fr .9fr .9fr auto!important;gap:8px!important}.compactBrowse label span{font-size:8px!important}.compactBrowse select{min-height:38px!important;height:38px!important}.compactBrowse #browseBtn{min-height:38px!important;height:38px!important;padding:0 18px!important}.filterShell{padding-top:14px!important;padding-bottom:14px!important}.curationZone{max-width:1450px;margin:0 auto;padding:12px 4vw 4px}.curatedStrip{padding:17px 0 12px;border-bottom:1px solid #263036}.curatedHead{margin-bottom:10px}.curatedHead h2{font-family:Georgia,serif;font-size:21px;margin:2px 0}.curatedHead p{margin:0;color:#8e989d;font-size:10px}.curatedRail{display:grid;grid-auto-flow:column;grid-auto-columns:128px;gap:10px;overflow-x:auto;padding-bottom:5px;scrollbar-width:thin}.miniCard button{width:100%;padding:0;background:none;border:0;color:#fff;text-align:left}.miniCard img{width:100%;aspect-ratio:2/3;object-fit:cover;border-radius:6px;border:1px solid #344047}.miniCard span{display:block;padding-top:6px}.miniCard b,.miniCard small,.miniCard em{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.miniCard b{font-size:10px}.miniCard small{font-size:8px;color:#9ca5a9;margin-top:2px}.miniCard em{font-size:8px;color:#c67a4e;font-style:normal;margin-top:3px}.collection{padding-top:22px!important}.personLink{padding:0;border:0;background:none;color:#e6a276;text-decoration:underline;text-underline-offset:2px}.castblock>div{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.castblock button{padding:9px 10px;border:1px solid #344047;background:#151d21;color:#fff;text-align:left;border-radius:6px}.castblock button:hover{border-color:#a36c4c;background:#202b30}.castblock button b,.castblock button small{display:block}.castblock button small{color:#8f999e;margin-top:2px}.personPanel{position:fixed!important;top:0;right:0;bottom:0;width:min(720px,96vw)!important;overflow-y:auto;background:#0d1317!important;border-left:1px solid #344047}.personHero{display:grid;grid-template-columns:130px 1fr;gap:18px;padding:22px}.personHero>img{width:130px;aspect-ratio:2/3;object-fit:cover;border-radius:7px}.personHero p{color:#c37a50;font-size:10px}.personBio{color:#b3bbbe;font-size:11px;line-height:1.65;max-height:180px;overflow:auto}.personFilmography{padding:0 22px 28px}.personFilmography .relatedRail{grid-template-columns:repeat(5,minmax(0,1fr))!important;display:grid!important;overflow:visible!important}.vaultBtn{border-color:#a46643!important;background:#302016!important}.myfilms{background:#172127!important}.collection .sectionhead>span{font-size:10px!important;color:#8d989d!important}.compactSearch button{background:linear-gradient(180deg,#dc8e5c,#ad623b)!important;color:#fff!important;border-color:#efa676!important}
@media(max-width:900px){.filterTop{align-items:flex-start;flex-direction:column}.ratingInline{width:100%;overflow-x:auto}.compactBrowse{grid-template-columns:repeat(3,1fr)!important}.compactBrowse #browseBtn{align-self:end}.curationZone{padding-left:16px;padding-right:16px}.personFilmography .relatedRail{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
@media(max-width:650px){.unifiedFilters{border-radius:0;border-left:0;border-right:0}.filterTop>div:first-child strong{font-size:15px}.compactBrowse{grid-template-columns:repeat(2,1fr)!important}.curatedRail{grid-auto-columns:112px}.personPanel{width:100vw!important}.personHero{grid-template-columns:90px 1fr;padding:16px}.personHero>img{width:90px}.personFilmography .relatedRail{grid-template-columns:repeat(2,minmax(0,1fr))!important}}

.surpriseBtn{min-height:38px;height:38px;padding:0 14px;border-radius:7px;border:1px solid #76543f;background:#211a16;color:#e7b18e;font-size:10px;font-weight:700;white-space:nowrap}.surpriseBtn:hover{background:#39271e;border-color:#c47c50;color:#fff}.compactBrowse{grid-template-columns:1.1fr .72fr .78fr 1fr .9fr .9fr auto auto!important}.vaultPersonal{display:grid;grid-template-columns:82px 1fr;gap:5px;margin-top:6px}.vaultPersonal select,.vaultPersonal input{min-width:0;height:29px;border-radius:5px;border:1px solid #344047;background:#11191d;color:#dce1e1;font-size:8px;padding:0 6px}.vaultExport{grid-template-columns:1fr 1fr!important}.vaultExport .importbtn{grid-column:1/-1}

/* v13 — professional mobile system + owner-only Vault */

.ownerLoginOverlay{z-index:90!important}
.ownerLoginCard{
  position:fixed;z-index:3;left:50%;top:50%;transform:translate(-50%,-50%);
  width:min(420px,calc(100vw - 32px));box-sizing:border-box;
  padding:30px;background:#11181c;border:1px solid #3a464d;border-radius:14px;
  box-shadow:0 30px 90px rgba(0,0,0,.55);color:#f4f0e8
}
.ownerLoginCard>img{display:block;margin:0 auto 14px}
.ownerLoginCard>.filterKicker{display:block;text-align:center}
.ownerLoginCard h2{font-family:Georgia,serif;text-align:center;font-size:30px;margin:5px 0 10px}
.ownerLoginCard>p{margin:0 0 18px;color:#aeb6ba;font-size:12px;line-height:1.55;text-align:center}
.ownerLoginCard label{display:grid;gap:7px;color:#929ca1;font-size:10px;text-transform:uppercase;letter-spacing:.08em}
.ownerLoginCard input{box-sizing:border-box;width:100%;height:46px;padding:0 12px;border-radius:8px;background:#182126;color:#fff;border:1px solid #55636b;font-size:16px}
.ownerLoginBtn{width:100%;height:46px;margin-top:12px;border-radius:8px;border:1px solid #eea371;background:linear-gradient(180deg,#d88958,#aa603a);color:#fff;font-weight:700}
.ownerLoginBtn:disabled{opacity:.55}
.modalClose{position:absolute;right:14px;top:14px;width:34px;height:34px;border-radius:50%;background:#1c252a;border:1px solid #58666e;color:#fff;font-size:20px}
.ownerError{padding:10px 12px;margin-bottom:12px;border:1px solid #7b3f39;background:#341d1b;color:#ffd9d5;border-radius:7px;font-size:11px}
.ownerSetupNote{padding:12px;margin-top:15px;border:1px solid #67543b;background:#292218;border-radius:8px;color:#e7cfb9;font-size:11px;line-height:1.5}
.vaultTopActions{display:flex;align-items:center;gap:8px}
.ownerLogout{height:34px;padding:0 11px;border-radius:7px;background:#1b2429;border:1px solid #536169;color:#dce1e2;font-size:10px}
.ownerLogout:hover{background:#2a363c;color:#fff}

/* general touch ergonomics */
@media(max-width:760px){
  html{-webkit-text-size-adjust:100%}
  body{overflow-x:hidden}
  button,a,select,input{touch-action:manipulation}
  button{min-height:42px}

  /* Header: compact, stable, no wrapping */
  header{
    height:58px!important;
    padding:0 14px!important;
    display:grid!important;
    grid-template-columns:auto 1fr auto!important;
    gap:10px!important;
  }
  .brand{min-width:0!important;gap:7px!important}
  .brand-mark{width:34px!important;height:34px!important;flex-basis:34px!important}
  .brand-copy strong{font-size:14px!important;white-space:nowrap}
  .brand-copy small{display:none!important}
  .nav{justify-self:center;gap:2px!important}
  .nav button{padding:0 8px!important;font-size:10px!important;min-height:34px!important}
  .headActions{justify-self:end}
  .headActions .myfilms{display:none!important}
  .vaultBtn{min-height:34px!important;height:34px;padding:0 9px!important;font-size:9px!important}

  /* Hero / search */
  .compactHero{min-height:166px!important}
  .compactHeroInner{padding:15px 14px 13px!important}
  .compactIntro{margin-bottom:11px!important}
  .compactIntro .eyebrow{font-size:8px!important;margin-bottom:4px!important}
  .compactIntro h1{font-size:25px!important;line-height:1.04!important}
  .compactSearch{width:100%!important;height:44px!important;min-height:44px!important;border-radius:8px!important}
  .compactSearch input{min-width:0;height:42px!important;font-size:13px!important}
  .compactSearch button{height:34px!important;min-height:34px!important;padding:0 12px!important;margin-right:4px!important}
  .compactRegions{gap:6px!important;margin-top:8px!important}
  .compactRegions button{min-height:29px!important;height:29px!important;padding:0 10px!important;font-size:9px!important}
  .compactHero.isSearch{min-height:72px!important}
  .compactHero.isSearch .compactHeroInner{padding:9px 12px!important}
  .compactHero.isSearch .compactRegions{display:none!important}
  .compactHero.isSearch .compactSearch{margin:0!important}

  /* Filters become an intentional disclosure */
  .filterShell{padding:10px 12px 12px!important}
  .filterPanel{gap:8px!important}
  .filterGroup{padding:11px!important;border-radius:9px!important}
  .filterGroupHead{margin-bottom:8px!important}
  .filterGroupHead strong{font-size:14px!important}
  .ratingsGroup .filterGroupHead>div{display:none!important}
  .ratingsGroup .filterGroupHead{justify-content:flex-end!important}
  .ratingsGroup .filterGroupHead select{height:36px!important;min-width:124px!important}
  .presetRow{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:6px!important}
  .presetRow button{min-height:42px!important;padding:7px 9px!important}
  .presetRow button span{display:none!important}
  .labeledBrowse{grid-template-columns:1fr 1fr!important;gap:7px!important}
  .labeledBrowse label{gap:4px!important}
  .labeledBrowse label>span{font-size:8px!important}
  .labeledBrowse select{min-height:40px!important;font-size:12px!important}
  .labeledBrowse label:first-child,.labeledBrowse label:nth-child(4),.labeledBrowse label:nth-child(5),#browseBtn{grid-column:auto!important}
  #browseBtn{grid-column:1/-1!important;min-height:42px!important}

  /* Catalogue */
  .collection{padding:18px 12px 24px!important}
  .sectionhead{align-items:flex-start!important;gap:8px!important;margin-bottom:14px!important}
  .sectionhead h2{font-size:24px!important;margin:3px 0!important}
  .sectionhead p{font-size:10px!important}
  .sectionhead>span{font-size:9px!important;text-align:right}
  .grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:18px 10px!important}
  .card .poster{border-radius:6px!important}
  .card .poster:after{display:none!important}
  .card .year{font-size:9px!important}
  .card .score{font-size:9px!important}
  .meta{margin-top:6px!important}
  .meta b{font-size:11px!important;line-height:1.2!important}
  .englishTitle,.cardYear{font-size:9px!important}
  .tags{gap:4px!important;margin-top:5px!important}
  .tags span{font-size:7px!important;padding:4px 5px!important}
  .plus{width:31px!important;height:31px!important;min-height:31px!important}

  /* Curated rails */
  .curatedRow,.filmRail,.horizontalRail{overflow-x:auto!important;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch}
  .curatedRow>* ,.filmRail>* ,.horizontalRail>*{scroll-snap-align:start}

  /* Movie detail becomes full-screen content, not a cramped sidebar */
  .detailpanel{
    width:100vw!important;max-width:none!important;left:0!important;right:0!important;
    border-left:0!important
  }
  .detailpanel .paneltop{height:54px!important;min-height:54px!important;padding:0 14px!important}
  .detailpanel .backdrop{height:150px!important}
  .detailContent{padding:0 14px 28px!important}
  .filmhero{grid-template-columns:96px minmax(0,1fr)!important;gap:13px!important;margin-top:-38px!important}
  .filmhero>img{width:96px!important;border-radius:6px!important}
  .filmheroCopy{padding-top:42px!important}
  .filmhero h2{font-size:23px!important;line-height:1.06!important}
  .localizedTitle{font-size:12px!important}
  .filmMetaLine{font-size:9px!important}
  .detailRating{margin:7px 0!important}
  .filmhero p{grid-column:1/-1;font-size:11px!important;line-height:1.55!important;margin-top:4px!important}
  .detailActions{grid-column:1/-1;width:100%}
  .detailActions button{flex:1;min-width:120px}
  .facts{grid-template-columns:1fr 1fr!important;margin-top:20px!important}
  .fact{min-height:62px!important;padding:10px 11px!important}
  .fact small{font-size:7px!important}
  .fact b{font-size:10px!important}
  .relatedRail{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:10px!important}
  .relatedHead h3{font-size:17px!important}

  /* Person pages */
  .personHero,.personHeader{display:block!important;padding:18px 14px!important}
  .personHero img,.personHeader img{width:92px!important;float:left;margin:0 14px 10px 0}
  .personFilmography,.personGrid{clear:both;grid-template-columns:repeat(2,minmax(0,1fr))!important}

  /* Quick List behaves as bottom sheet */
  .listpanel,.listsPanel{
    top:auto!important;bottom:0!important;left:0!important;right:0!important;
    width:100vw!important;max-width:none!important;max-height:88vh!important;
    border-left:0!important;border-top:1px solid #39444b!important;
    border-radius:14px 14px 0 0!important
  }

  /* Owner Vault full-screen with segmented list selector */
  .vaultPanel{width:100vw!important;max-width:none!important;border-left:0!important}
  .vaultPanel .paneltop{padding:10px 14px!important;min-height:58px!important}
  .vaultPanel .paneltop h2{font-size:20px!important}
  .ownerLogout{display:none}
  .vaultIntro{padding:12px 14px!important}
  .vaultBody{display:block!important}
  .vaultSidebar{padding:10px 12px!important;border:0!important;border-bottom:1px solid #273137!important}
  .vaultListNav{
    display:flex!important;overflow-x:auto!important;gap:6px!important;padding-bottom:2px;scrollbar-width:none
  }
  .vaultListNav::-webkit-scrollbar{display:none}
  .vaultListNav button{flex:0 0 auto!important;min-height:36px!important;padding:0 10px!important}
  .vaultNew,.vaultExport{display:none!important}
  .vaultContent{padding:14px 12px 24px!important}
  .vaultTitle{margin-bottom:12px!important}
  .vaultTitle h3{font-size:21px!important}
  .vaultGrid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:16px 10px!important}
  .vaultRemove{width:30px!important;height:30px!important;min-height:30px!important}

  /* Login card */
  .ownerLoginCard{padding:24px 18px!important;top:auto!important;bottom:0!important;left:0!important;transform:none!important;width:100vw!important;border-radius:14px 14px 0 0!important}
  .ownerLoginCard h2{font-size:26px!important}

  /* Pagination */
  .pagerWrap{margin-top:30px!important}
  .pager{display:grid!important;grid-template-columns:1fr auto 1fr!important;gap:7px!important}
  .pager button{min-width:0!important;min-height:40px!important}
  .pager span{align-self:center;font-size:9px!important}
  .pagerNote{font-size:9px!important;padding:0 8px}

  .appfooter{padding:24px 14px!important}
}

/* extra narrow phone */
@media(max-width:380px){
  .nav button{padding:0 5px!important;font-size:9px!important}
  .vaultBtn{padding:0 7px!important}
  .compactIntro h1{font-size:23px!important}
  .grid{gap:16px 8px!important}
  .relatedRail{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}

/* v14 — refined scope strip and action hierarchy */
.scopeStrip{max-width:1460px;height:34px;box-sizing:border-box;margin:0 auto;padding:0 22px;display:flex;align-items:center;gap:16px;border-left:1px solid #28343a;border-right:1px solid #28343a;color:#8e999e}
.scopeStrip>i{display:block;width:1px;height:13px;background:#344148;flex:0 0 1px}
.scopeStat{display:flex;align-items:baseline;gap:6px;white-space:nowrap}
.scopeStat strong{color:#e8e4dc;font-size:11px;line-height:1;letter-spacing:.015em}
.scopeStat span,.scopeIdentity{font-size:7px;line-height:1;text-transform:uppercase;letter-spacing:.11em}
.scopeIdentity{display:flex;align-items:center;gap:7px;margin-left:auto;color:#9b7a67}
.scopeDot{width:5px;height:5px;border-radius:50%;background:#c9794b;box-shadow:0 0 0 3px rgba(201,121,75,.08)}
.surpriseSecondary{background:#172126!important;color:#e8e5df!important;border:1px solid #56636a!important;box-shadow:none!important}
.surpriseSecondary:hover{background:#222d33!important;border-color:#c77a4c!important;color:#fff!important}
#browseBtn{background:linear-gradient(180deg,#dc8b58,#b8663d)!important;color:#fff!important;border:1px solid #eea06d!important;font-weight:700!important}
.filterTop{padding-bottom:9px!important;margin-bottom:10px!important;border-bottom:1px solid rgba(84,99,107,.25)}
.ratingInline{gap:6px!important}
@media(max-width:760px){
.scopeStrip{height:32px;margin:0;padding:0 12px;gap:9px;overflow-x:auto;border-left:0;border-right:0;scrollbar-width:none}
.scopeStrip::-webkit-scrollbar{display:none}.scopeStrip>i{height:11px}.scopeStat{gap:4px}.scopeStat strong{font-size:10px}.scopeStat span,.scopeIdentity{font-size:6px}.scopeIdentity{margin-left:0;white-space:nowrap;padding-right:5px}
.filterTop{padding-bottom:7px!important;margin-bottom:8px!important}
}

/* v15 startup recovery */
.bootError{min-height:100vh;display:grid;place-items:center;padding:24px;background:#0b0f12;color:#f3efe8}
.bootError>div{width:min(520px,100%);text-align:center;padding:28px;border:1px solid #344047;border-radius:12px;background:#11181c}
.bootError h1{font-family:Georgia,serif;margin:10px 0 8px}
.bootError p{color:#aeb6ba}
.bootError code{display:block;margin:14px 0;padding:10px;border-radius:7px;background:#182126;color:#d9ddde;white-space:normal;word-break:break-word}
.bootError button{min-height:42px;padding:0 18px;border-radius:7px;border:1px solid #efa370;background:#c9794b;color:#fff;font-weight:700}

/* v16 — mobile product polish */
.mobileFilterBar{display:none}
.mobileFiltersSheet{display:none}

@media(max-width:760px){
  /* Simpler hero */
  .compactHero{min-height:152px!important}
  .compactHeroInner{padding:13px 12px 11px!important}
  .compactIntro{margin-bottom:9px!important}
  .compactIntro .eyebrow{display:none!important}
  .compactIntro h1{font-size:23px!important;white-space:normal}
  .compactIntro h1 i{display:block;margin-top:2px}
  .compactSearch{height:42px!important;min-height:42px!important}
  .compactSearch input{height:40px!important;font-size:12px!important}
  .compactSearch button{height:32px!important;min-height:32px!important;font-size:10px!important;padding:0 11px!important}
  .compactRegions{margin-top:7px!important}
  .compactRegions button{height:27px!important;min-height:27px!important;font-size:8px!important;padding:0 9px!important}

  /* Very compact scope */
  .scopeStrip{height:27px!important;padding:0 11px!important;gap:7px!important}
  .scopeStat strong{font-size:9px!important}
  .scopeStat span,.scopeIdentity{font-size:5.5px!important}
  .scopeStrip>i{height:9px!important}

  /* Desktop filters gone; mobile filter trigger instead */
  .filterShell{display:none!important}
  .mobileFilterBar{
    display:block;
    padding:9px 12px 8px;
    background:#0f1519;
    border-bottom:1px solid #273137;
  }
  .mobileFilterBar>button{
    width:100%;
    height:40px;
    min-height:40px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding:0 12px;
    border-radius:8px;
    border:1px solid #445159;
    background:#182126;
    color:#f3efe8;
  }
  .mobileFilterBar span{
    font-weight:700;
    font-size:11px;
  }
  .mobileFilterBar b{
    font-weight:500;
    color:#9ea7ab;
    font-size:9px;
  }

  /* Filter bottom sheet */
  .mobileFilterOverlay{z-index:95!important}
  .mobileFiltersSheet{
    display:block;
    position:fixed;
    z-index:3;
    left:0;right:0;bottom:0;
    max-height:88vh;
    overflow:auto;
    padding:8px 14px 18px;
    border-radius:16px 16px 0 0;
    border-top:1px solid #445159;
    background:#10171b;
    color:#f3efe8;
    box-shadow:0 -25px 70px rgba(0,0,0,.48);
  }
  .sheetHandle{width:40px;height:4px;border-radius:99px;background:#48545a;margin:2px auto 10px}
  .sheetHead{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}
  .sheetHead h2{font-family:Georgia,serif;font-size:20px;margin:3px 0 0}
  .sheetHead>button{width:34px;height:34px;min-height:34px;border-radius:50%;border:1px solid #55636b;background:#1b2429;color:#fff;font-size:20px}
  .sheetSection{display:grid;grid-template-columns:1fr 1fr;gap:10px}
  .sheetSection label{display:grid;gap:5px;color:#8f9a9f;font-size:8px;text-transform:uppercase;letter-spacing:.08em}
  .sheetSection select{width:100%;height:42px;border-radius:7px;border:1px solid #45535a;background:#192227;color:#fff;padding:0 9px}
  .sheetRatings{margin-top:16px}
  .sheetRatings>span{display:block;margin-bottom:7px;color:#8f9a9f;font-size:8px;text-transform:uppercase;letter-spacing:.08em}
  .sheetRatings>div{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}
  .sheetRatings button{height:39px;min-height:39px;border-radius:7px;border:1px solid #48565e;background:#192227;color:#e8ebeb;font-size:10px}
  .sheetRatings button.on{background:#a95f39;border-color:#e29a6b;color:#fff}
  .sheetFooter{position:sticky;bottom:-18px;display:grid;grid-template-columns:1fr 2fr;gap:8px;margin:18px -14px -18px;padding:10px 14px 18px;background:linear-gradient(to top,#10171b 78%,rgba(16,23,27,.93))}
  .sheetFooter button{height:44px;border-radius:8px;font-weight:700}
  #clearMobileFilters{background:#1a2328;border:1px solid #536169;color:#dce0e1}
  #applyMobileFilters{background:linear-gradient(180deg,#d88958,#a95f39);border:1px solid #efa878;color:#fff}

  /* Curated rows: horizontal swipe, not full vertical grids */
  .curated{padding:18px 12px 6px!important}
  .curated .sectionhead{margin-bottom:10px!important}
  .curated .sectionhead h2{font-size:20px!important}
  .curated .sectionhead p{font-size:9px!important}
  .curated .rail,.curatedGrid,.curated .grid{
    display:flex!important;
    gap:10px!important;
    overflow-x:auto!important;
    padding:0 0 10px!important;
    scroll-snap-type:x proximity;
    scrollbar-width:none;
  }
  .curated .rail::-webkit-scrollbar,.curatedGrid::-webkit-scrollbar,.curated .grid::-webkit-scrollbar{display:none}
  .curated .rail>*,
  .curatedGrid>*,
  .curated .grid>*{
    flex:0 0 42%!important;
    max-width:42%!important;
    scroll-snap-align:start;
  }

  /* Hide Hidden Gems from first mobile flow; it can still exist lower via desktop and discovery */
  .curated-hidden-gems{display:none!important}

  /* Catalogue begins quickly */
  .collection{padding-top:14px!important}
  .collection .sectionhead{margin-bottom:12px!important}
  .grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:16px 9px!important}

  /* Mobile cards: essential metadata only */
  .card .tags{display:none!important}
  .card .englishTitle{display:none!important}
  .card .meta b{font-size:10.5px!important}
  .card .cardYear{font-size:8.5px!important}
  .card .plus{width:29px!important;height:29px!important;min-height:29px!important}

  /* Don't reserve large empty blocks for broken artwork */
  /* Pagination sooner */
  .pagerWrap{margin-top:24px!important}

  /* Footer compact */
  .appfooter{padding:20px 12px!important;gap:10px!important}
  .appfooter p{display:none!important}
}

@media(max-width:380px){
  .compactIntro h1{font-size:21px!important}
  .sheetSection{grid-template-columns:1fr!important}
  .curated .rail>*,
  .curatedGrid>*,
  .curated .grid>*{flex-basis:46%!important;max-width:46%!important}
}

/* v17 — mobile focus / viewport stability */
@media(max-width:760px){
  /* iOS Safari and Chrome auto-zoom focused controls below 16px. */
  input,
  textarea,
  select,
  .compactSearch input,
  .ownerLoginCard input,
  .mobileFiltersSheet select,
  .newlist input,
  .vaultNew input{
    font-size:16px!important;
  }

  .compactSearch input{
    line-height:1.2!important;
    min-width:0!important;
    width:100%!important;
    transform:none!important;
  }

  /* Keep the search shell inside the viewport even while the keyboard is open. */
  .compactSearch{
    width:100%!important;
    max-width:100%!important;
    box-sizing:border-box!important;
    overflow:hidden!important;
  }
  .compactSearch button{
    flex:0 0 auto!important;
  }

  html,body{
    width:100%!important;
    max-width:100%!important;
    overflow-x:hidden!important;
  }

  #app,main,section,header,footer{
    max-width:100vw;
  }

  /* Avoid browser text-size inflation after orientation/focus changes. */
  html{
    -webkit-text-size-adjust:100%!important;
    text-size-adjust:100%!important;
  }
}

/* Chrome Android keyboard behavior */
@supports (height: 100dvh){
  @media(max-width:760px){
    .mobileFiltersSheet,
    .ownerLoginCard,
    .vaultPanel,
    .detailpanel{
      max-height:100dvh;
    }
  }
}

/* v18 — cinematic discovery relationships + visual archive */
.filmGallery{margin:34px 0 28px;padding-top:26px;border-top:1px solid #28343a}
.galleryHead h3{font-family:Georgia,serif;font-size:25px;margin:3px 0 4px}.galleryHead p{margin:0;color:#8e999e;font-size:12px}
.sceneRail,.posterMiniRail,.journeyRail{display:flex;gap:10px;overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:none;padding:14px 0 5px}
.sceneRail::-webkit-scrollbar,.posterMiniRail::-webkit-scrollbar,.journeyRail::-webkit-scrollbar{display:none}
.sceneThumb{flex:0 0 31%;aspect-ratio:16/9;padding:0;border:1px solid #334149;border-radius:7px;overflow:hidden;background:#12191d;scroll-snap-align:start}
.sceneThumb img{width:100%;height:100%;object-fit:cover;display:block}
.posterMiniRail{padding-top:10px}.posterMini{flex:0 0 72px;aspect-ratio:2/3;padding:0;border:1px solid #334149;border-radius:5px;overflow:hidden;background:#12191d}
.posterMini img{width:100%;height:100%;object-fit:cover;display:block}
.related{margin:34px 0!important}.relatedHead{align-items:flex-end!important}.relatedHead>span{border:0!important;border-radius:0!important;width:auto!important;height:auto!important;color:#77848a!important;font-size:10px!important;text-transform:uppercase;letter-spacing:.08em}
.relatedRail{display:flex!important;grid-template-columns:none!important;gap:11px!important;overflow-x:auto!important;scroll-snap-type:x proximity;padding-bottom:6px;scrollbar-width:none}
.relatedRail::-webkit-scrollbar{display:none}.relatedCard{flex:0 0 116px!important;width:116px!important;display:block!important;text-align:left!important;padding:0!important;background:transparent!important;border:0!important;scroll-snap-align:start}
.relatedCard>img{width:100%!important;height:auto!important;aspect-ratio:2/3!important;object-fit:cover!important;border-radius:6px!important;border:1px solid #334149}
.relatedText{display:block!important;padding:8px 1px 0!important}.relatedText b{display:-webkit-box!important;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;white-space:normal!important;line-height:1.25;min-height:2.5em}
.relatedText small{display:-webkit-box!important;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;margin-top:3px;color:#89949a}.relatedText em{display:block;margin-top:4px;color:#7f8b90;font-style:normal}
.journeyRelated{margin-top:40px!important}.journeyRail{gap:13px}.journeyCard{flex:0 0 285px;padding:0;border:1px solid #2e3b42;border-radius:8px;overflow:hidden;background:#12191d;color:#fff;text-align:left;scroll-snap-align:start}
.journeyBackdrop{position:relative;display:block;aspect-ratio:16/9;background:#0d1215;overflow:hidden}.journeyBackdrop>img:first-child{width:100%;height:100%;object-fit:cover;display:block}
.journeyBackdrop:after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(8,12,14,.55),transparent 55%)}
.journeyPoster{position:absolute!important;z-index:2;left:10px;bottom:9px;width:44px!important;height:66px!important;object-fit:cover!important;border-radius:3px;border:1px solid rgba(255,255,255,.35);box-shadow:0 5px 14px rgba(0,0,0,.45)}
.journeyCopy{display:block;padding:10px 11px 12px}.journeyCopy>em{display:block;color:#cf8051;font-size:8px;text-transform:uppercase;letter-spacing:.1em;font-style:normal;margin-bottom:5px}.journeyCopy>b{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:13px;line-height:1.25}.journeyCopy>small{display:block;color:#9ba5aa;margin-top:3px}.journeyCopy>span{display:block;color:#7f8b90;margin-top:6px;font-size:9px}
.galleryLightbox{position:fixed;z-index:160;inset:0;background:rgba(2,5,7,.96);display:grid;place-items:center;padding:42px}.galleryLightbox img{max-width:min(1200px,94vw);max-height:88vh;object-fit:contain}.galleryLightbox button{position:fixed;top:16px;right:18px;width:42px;height:42px;border-radius:50%;border:1px solid #59666d;background:#151d21;color:#fff;font-size:25px}
@media(max-width:760px){
 .filmGallery{margin:25px 0 22px;padding-top:20px}.galleryHead h3{font-size:21px}.sceneThumb{flex-basis:78%}.posterMini{flex-basis:58px}
 .related{margin:27px 0!important}.relatedCard{flex-basis:94px!important;width:94px!important}.relatedHead>span{font-size:8px!important}
 .journeyCard{flex-basis:82vw;max-width:315px}.journeyPoster{width:40px!important;height:60px!important}
 .galleryLightbox{padding:18px}.galleryLightbox img{max-width:100%;max-height:84dvh}
}

/* v19 — Where to Watch */
.watchBlock{
  margin:24px 0 6px;
  padding:16px 16px 14px;
  border:1px solid #2e3a41;
  border-radius:10px;
  background:linear-gradient(180deg,#121a1e,#0f1519);
}
.watchHead{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:16px;
  margin-bottom:13px;
}
.watchHead h3{
  margin:3px 0 0;
  font-family:Georgia,serif;
  font-size:20px;
  color:#f2eee7;
}
.watchHead select{
  min-width:150px;
  height:36px;
  padding:0 10px;
  border-radius:7px;
  border:1px solid #4c5961;
  background:#182126;
  color:#f2efea;
  font-size:11px;
}
.watchGroups{
  display:grid;
  gap:12px;
}
.providerGroup{
  display:grid;
  grid-template-columns:58px minmax(0,1fr);
  align-items:start;
  gap:10px;
}
.providerGroup>span{
  padding-top:8px;
  color:#7f8a90;
  font-size:8px;
  font-weight:700;
  letter-spacing:.1em;
  text-transform:uppercase;
}
.providerGroup>div{
  display:flex;
  flex-wrap:wrap;
  gap:7px;
}
.providerItem{
  min-height:34px;
  display:flex;
  align-items:center;
  gap:7px;
  padding:4px 9px 4px 5px;
  border:1px solid #354149;
  border-radius:7px;
  background:#172025;
}
.providerItem img{
  width:26px;
  height:26px;
  object-fit:cover;
  border-radius:5px;
}
.providerItem b{
  font-size:9px;
  font-weight:600;
  color:#dfe3e2;
}
.watchFoot{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  margin-top:12px;
  padding-top:10px;
  border-top:1px solid #273137;
}
.watchFoot a{
  color:#d58a5b;
  font-size:9px;
  font-weight:700;
  text-decoration:none;
  white-space:nowrap;
}
.watchFoot a:hover{text-decoration:underline}
.watchFoot span{
  color:#6f7b81;
  font-size:8px;
  line-height:1.4;
  text-align:right;
}
@media(max-width:760px){
  .watchBlock{
    margin:18px 0 4px;
    padding:13px 12px 12px;
  }
  .watchHead{
    align-items:flex-start;
    gap:10px;
  }
  .watchHead h3{font-size:18px}
  .watchHead select{
    min-width:132px;
    height:34px;
    font-size:16px!important;
  }
  .providerGroup{
    grid-template-columns:46px minmax(0,1fr);
    gap:7px;
  }
  .providerGroup>span{font-size:7px}
  .providerItem{
    min-height:32px;
    padding:3px 7px 3px 4px;
  }
  .providerItem img{
    width:24px;height:24px;
  }
  .providerItem b{font-size:8.5px}
  .watchFoot{
    display:block;
  }
  .watchFoot span{
    display:block;
    margin-top:6px;
    text-align:left;
  }
}

/* v20 — mobile rendering recovery */
.posterArchiveLabel{
  margin-top:12px;color:#7f8a90;font-size:8px;font-weight:700;
  letter-spacing:.1em;text-transform:uppercase
}
@media(max-width:760px){
  /* Keep mobile layout entirely CSS-grid/flex without relational selectors. */
  body{min-width:0!important}
  #app{width:100%!important;min-width:0!important}
  header,.compactHero,.scopeStrip,.mobileFilterBar,.collection,.curatedStrip,.appfooter{
    width:100%!important;
    box-sizing:border-box!important;
  }

  /* Do not use fixed max widths inherited from desktop. */
  .collection,.compactHeroInner,.curatedStrip,.appfooter{
    max-width:none!important;
    margin-left:0!important;
    margin-right:0!important;
  }

  /* Stable two-column catalogue. */
  .collection .grid{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
    width:100%!important;
    gap:16px 9px!important;
  }
  .collection .card{
    min-width:0!important;
    width:auto!important;
    max-width:none!important;
  }
  .collection .poster{
    width:100%!important;
  }

  /* Curated strips must stay horizontal and must not affect page width. */
  .curatedRail{
    display:flex!important;
    width:auto!important;
    max-width:none!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    overscroll-behavior-x:contain;
    -webkit-overflow-scrolling:touch;
  }
  .curatedRail .miniCard{
    flex:0 0 42vw!important;
    width:42vw!important;
    max-width:170px!important;
  }

  /* Filter sheet uses dynamic viewport but never participates in document width. */
  .mobileFiltersSheet,
  .detailpanel,
  .vaultPanel,
  .ownerLoginCard{
    box-sizing:border-box!important;
    max-width:100vw!important;
  }

  /* Gallery rails are bounded to drawer width. */
  .sceneRail,.posterMiniRail,.relatedRail,.journeyRail{
    width:100%!important;
    max-width:100%!important;
    box-sizing:border-box!important;
  }
  .sceneThumb{flex:0 0 82%!important}
  .posterMini{flex:0 0 58px!important}

  /* Prevent long labels from forcing horizontal page overflow. */
  .meta,.titleBlock,.relatedText,.journeyCopy,.sectionhead,.watchBlock{
    min-width:0!important;
  }
  .titleBlock b,.englishTitle,.relatedText b,.relatedText small{
    overflow-wrap:anywhere;
  }
}

/* Emergency fallback for very narrow browsers */
@media(max-width:340px){
  .collection .grid{gap:14px 7px!important}
  .curatedRail .miniCard{flex-basis:44vw!important;width:44vw!important}
}

/* v21 — mobile control audit & shape normalization */
@media(max-width:760px){

  /* Reset inherited min-height on icon-only controls */
  #closeDetail,
  #closeLists,
  #closeAdd,
  #closeVault,
  #closeOwnerLogin,
  #closeMobileFilters,
  #galleryClose,
  .modalClose,
  .vaultRemove,
  .plus,
  .paneltop>button,
  .sheetHead>button{
    min-width:0!important;
    min-height:0!important;
    padding:0!important;
    line-height:1!important;
    aspect-ratio:1/1!important;
    flex:0 0 auto!important;
    display:grid!important;
    place-items:center!important;
    box-sizing:border-box!important;
  }

  /* Main film drawer close button */
  #closeDetail{
    width:40px!important;
    height:40px!important;
    border-radius:50%!important;
    font-size:21px!important;
    border:1.5px solid #617079!important;
    background:#1b2429!important;
  }

  /* Other close buttons */
  #closeLists,
  #closeAdd,
  #closeVault,
  #closeOwnerLogin,
  #closeMobileFilters,
  .modalClose{
    width:36px!important;
    height:36px!important;
    border-radius:50%!important;
    font-size:19px!important;
  }

  #galleryClose{
    width:40px!important;
    height:40px!important;
    border-radius:50%!important;
  }

  .vaultRemove{
    width:30px!important;
    height:30px!important;
    border-radius:50%!important;
    font-size:16px!important;
  }

  .plus{
    width:30px!important;
    height:30px!important;
    border-radius:50%!important;
    font-size:17px!important;
  }

  /* Detail header spacing */
  .detailpanel .paneltop{
    height:54px!important;
    min-height:54px!important;
    padding:0 14px!important;
    align-items:center!important;
  }
  .drawerLabel{
    line-height:1!important;
  }

  /* Pills / certs / rating chips */
  .cert{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    min-height:28px!important;
    height:28px!important;
    padding:0 8px!important;
    border-radius:7px!important;
    line-height:1!important;
  }
  .filmMetaLine{
    align-items:center!important;
    gap:7px!important;
  }

  /* Keep action buttons visually balanced */
  .detailActions{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:8px!important;
  }
  .detailActions button{
    width:100%!important;
    min-width:0!important;
    min-height:42px!important;
    height:42px!important;
    border-radius:8px!important;
  }

  /* Header action pills */
  .vaultBtn,.myfilms{
    border-radius:999px!important;
    min-height:34px!important;
    height:34px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    white-space:nowrap!important;
  }

  /* Country and filter chips */
  .compactRegions button,
  .ratingInline button,
  .sheetRatings button{
    border-radius:999px!important;
  }

  /* Poster overlays / card corner badges */
  .card .year,.card .score{
    border-radius:5px!important;
  }

  /* Prevent stretch caused by long labels */
  .paneltop,
  .sheetHead,
  .watchHead,
  .relatedHead{
    min-width:0!important;
  }
  .paneltop>*,
  .sheetHead>*,
  .watchHead>*,
  .relatedHead>*{
    min-width:0!important;
  }

  /* More deliberate spacing around top of film details */
  .detailpanel .backdrop{
    margin-top:0!important;
  }
  .filmhero{
    margin-top:-36px!important;
  }

  /* Watch provider logos stay square */
  .providerItem img{
    width:24px!important;
    height:24px!important;
    aspect-ratio:1/1!important;
    flex:0 0 24px!important;
  }

  /* Person/cast buttons */
  .castblock button,
  .personLink{
    min-height:38px!important;
    border-radius:7px!important;
  }

  /* Related / journey cards */
  .relatedCard,
  .journeyCard{
    border-radius:8px!important;
    overflow:hidden!important;
  }

  /* Pager controls */
  .pager button{
    min-height:40px!important;
    height:40px!important;
    border-radius:8px!important;
  }

  /* Inputs/selects */
  input,select,textarea{
    border-radius:8px!important;
  }
}

/* Extra-narrow phones */
@media(max-width:380px){
  #closeDetail{width:38px!important;height:38px!important}
  .detailActions{grid-template-columns:1fr!important}
}

/* v22 — staged film loading + proper Media section */
.coreLoadingPanel{overflow:hidden!important}
.coreSkeleton{padding:0 22px 28px}
.skeletonBackdrop{
  height:190px;margin:0 -22px 0;
  background:linear-gradient(90deg,#151e23 25%,#1d282e 37%,#151e23 63%);
  background-size:400% 100%;
  animation:gizlenShimmer 1.35s ease infinite
}
.skeletonHero{
  display:grid;grid-template-columns:135px 1fr;gap:20px;
  margin-top:-52px;position:relative;padding:0 2px
}
.skeletonPoster{
  width:135px;aspect-ratio:2/3;border-radius:7px;
  background:linear-gradient(90deg,#192329 25%,#243037 37%,#192329 63%);
  background-size:400% 100%;animation:gizlenShimmer 1.35s ease infinite
}
.skeletonHero>div:last-child{padding-top:67px}
.skeletonHero i,.skeletonFacts i,.sectionSkeleton i{
  display:block;border-radius:5px;
  background:linear-gradient(90deg,#182228 25%,#243038 37%,#182228 63%);
  background-size:400% 100%;animation:gizlenShimmer 1.35s ease infinite
}
.skeletonHero i{height:13px;margin:0 0 10px}
.skeletonHero i:nth-child(1){width:35%}.skeletonHero i:nth-child(2){width:78%;height:31px}.skeletonHero i:nth-child(3){width:55%}.skeletonHero i:nth-child(4){width:92%;height:48px}
.skeletonFacts{display:grid;grid-template-columns:1fr 1fr;gap:1px;margin-top:24px;background:#283137;border:1px solid #283137;border-radius:9px;overflow:hidden}
.skeletonFacts i{height:67px;border-radius:0;background-color:#11191d}
@keyframes gizlenShimmer{0%{background-position:100% 0}100%{background-position:0 0}}

.sectionSkeleton{display:flex;gap:10px;padding:14px 0 4px;overflow:hidden}
.sectionSkeleton i{flex:0 0 30%;height:105px}.sectionSkeleton.short i{height:42px}
.connectionsLoading{opacity:.9}

.filmMedia{margin:30px 0 26px;padding-top:25px;border-top:1px solid #28343a}
.filmMedia .galleryHead h3{font-family:Georgia,serif;font-size:24px;margin:3px 0 4px}
.filmMedia .galleryHead p{margin:0;color:#89949a;font-size:11px}
.mediaTabs{
  display:flex;gap:6px;margin:14px 0 12px;padding-bottom:9px;
  border-bottom:1px solid #28343a;overflow-x:auto;scrollbar-width:none
}
.mediaTabs::-webkit-scrollbar{display:none}
.mediaTabs button{
  min-height:34px;padding:0 11px;border-radius:7px;border:1px solid #3d4a51;
  background:#151e23;color:#aeb6ba;font-size:9px;white-space:nowrap
}
.mediaTabs button span{color:#6f7b81;margin-left:3px}
.mediaTabs button.on{background:#8f5032;border-color:#d58b5d;color:#fff}
.mediaTabs button.on span{color:#f3d9c7}

.posterMediaGrid{
  display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;
  max-height:420px;overflow-y:auto;padding-right:3px
}
.posterMediaCard{
  padding:0;border:1px solid #344149;border-radius:6px;overflow:hidden;
  background:#11181c;aspect-ratio:2/3
}
.posterMediaCard img{width:100%;height:100%;object-fit:cover;display:block}

.videoRail{
  display:flex;gap:11px;overflow-x:auto;scroll-snap-type:x proximity;
  scrollbar-width:none;padding-bottom:5px
}
.videoRail::-webkit-scrollbar{display:none}
.videoCard{
  flex:0 0 245px;display:block;color:#fff;text-decoration:none;
  border:1px solid #344149;border-radius:8px;overflow:hidden;background:#121a1e;
  scroll-snap-align:start
}
.videoThumb{position:relative;display:block;aspect-ratio:16/9;background:#080d10}
.videoThumb img{width:100%;height:100%;object-fit:cover;display:block}
.videoThumb b{
  position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);
  width:42px;height:42px;border-radius:50%;display:grid;place-items:center;
  background:rgba(8,12,15,.82);border:1px solid rgba(255,255,255,.5);font-size:16px
}
.videoCard>span:last-child{display:block;padding:9px 10px 11px}
.videoCard em{display:block;color:#cb7c4d;font-size:8px;text-transform:uppercase;letter-spacing:.08em;font-style:normal;margin-bottom:4px}
.videoCard strong{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:10px;line-height:1.35}

@media(max-width:760px){
  .coreSkeleton{padding:0 14px 22px}
  .skeletonBackdrop{height:145px;margin:0 -14px}
  .skeletonHero{grid-template-columns:92px 1fr;gap:13px;margin-top:-35px}
  .skeletonPoster{width:92px}
  .skeletonHero>div:last-child{padding-top:47px}
  .skeletonHero i:nth-child(2){height:25px}
  .skeletonFacts{margin-top:18px}
  .sectionSkeleton i{flex-basis:48%;height:84px}
  .filmMedia{margin:23px 0 21px;padding-top:20px}
  .filmMedia .galleryHead h3{font-size:20px}
  .mediaTabs{margin-top:11px}
  .mediaTabs button{min-height:32px;height:32px}
  .posterMediaGrid{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;max-height:none}
  .videoCard{flex-basis:78vw;max-width:290px}
}

/* v23 — persistent Where to Watch region selector */
.watchEmptyState{
  padding:16px 14px;
  border:1px dashed #3a464d;
  border-radius:8px;
  background:#12191d;
}
.watchEmptyState b{
  display:block;
  color:#e7e3dd;
  font-size:11px;
  margin-bottom:5px;
}
.watchEmptyState span{
  display:block;
  color:#879298;
  font-size:9px;
  line-height:1.5;
}
.watchEmpty .watchFoot{
  justify-content:flex-end;
}
@media(max-width:760px){
  .watchEmptyState{
    padding:13px 12px;
  }
  .watchEmptyState b{
    font-size:10px;
  }
  .watchEmptyState span{
    font-size:8.5px;
  }
}

/* v24 — Movies / TV preset */
.contentTypeSwitch{
  display:inline-flex;align-items:center;gap:3px;padding:3px;
  margin:0 0 11px;border:1px solid #344047;border-radius:9px;background:#10171b
}
.contentTypeSwitch button{
  min-height:32px;height:32px;padding:0 14px;border:0;border-radius:6px;
  background:transparent;color:#8f999e;font-size:9px;font-weight:700;
  letter-spacing:.03em
}
.contentTypeSwitch button.on{
  background:#8f5032;color:#fff;box-shadow:0 1px 4px rgba(0,0,0,.22)
}
@media(max-width:760px){
  .contentTypeSwitch{margin-bottom:9px}
  .contentTypeSwitch button{min-height:31px!important;height:31px!important;padding:0 13px!important}
}

/* v25 — compact Movies / TV Shows / All filter below search */
.compactTypeSwitch{
  margin:7px 0 0!important;
  padding:2px!important;
  gap:2px!important;
  border-radius:7px!important;
  background:rgba(10,15,18,.72)!important;
  border:1px solid rgba(119,135,143,.34)!important;
  width:max-content;
}
.compactTypeSwitch button{
  height:26px!important;
  min-height:26px!important;
  padding:0 10px!important;
  border-radius:5px!important;
  font-size:8px!important;
  font-weight:700!important;
  letter-spacing:.025em!important;
  color:#9ca6aa!important;
}
.compactTypeSwitch button:hover{
  color:#f4f0e8!important;
  background:#1b252a!important;
}
.compactTypeSwitch button.on{
  color:#fff!important;
  background:#965335!important;
  box-shadow:none!important;
}

@media(max-width:760px){
  .compactTypeSwitch{
    margin-top:6px!important;
  }
  .compactTypeSwitch button{
    height:25px!important;
    min-height:25px!important;
    padding:0 9px!important;
    font-size:7.5px!important;
  }
}

/* v26 — type/country controls consolidated into filter toolbar */
.desktopBrowseControls{
  display:flex;
  align-items:center;
  gap:7px;
  min-width:0;
  flex:1;
  margin:0 10px;
}
.toolbarTypeSwitch{
  display:flex!important;
  align-items:center!important;
  flex:0 0 auto!important;
  margin:0!important;
  padding:2px!important;
  gap:2px!important;
  height:30px!important;
  border:1px solid #3c484f!important;
  border-radius:7px!important;
  background:#121a1e!important;
}
.toolbarTypeSwitch button{
  min-height:24px!important;height:24px!important;
  padding:0 8px!important;border-radius:5px!important;
  font-size:7px!important;border:0!important;
}
.toolbarTypeSwitch button.on{background:#955235!important;color:#fff!important}
.toolbarCountries{
  display:flex;
  align-items:center;
  gap:4px;
  min-width:0;
  overflow:hidden;
}
.toolbarCountries button{
  flex:0 0 auto;
  min-height:28px;height:28px;
  padding:0 8px;
  border-radius:999px;
  border:1px solid #405058;
  background:#151e23;
  color:#a8b1b5;
  font-size:7px;
}
.toolbarCountries button.on{
  background:#f1eee7;color:#171b1d;border-color:#fff
}
.mobileBrowseMenuBtn{display:none!important}

.filterTop{
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
}
.filterIdentity{
  flex:0 0 auto;
  display:flex;
  align-items:baseline;
  gap:8px;
}
.ratingInline{
  flex:0 0 auto;
  margin-left:auto!important;
}

.mobileBrowseSheet{display:none}

@media(max-width:1180px) and (min-width:761px){
  .toolbarCountries button:nth-child(n+6){display:none}
}

@media(max-width:760px){
  /* Hero becomes search-only: no type or country controls consume vertical space. */
  .compactHero{min-height:112px!important}
  .compactHeroInner{padding-top:14px!important;padding-bottom:12px!important}
  .compactIntro{margin-bottom:9px!important}

  .desktopBrowseControls{display:none!important}
  .filterIdentity{display:none!important}

  /* This lives in the mobile filter row without adding another block. */
  .mobileBrowseMenuBtn{
    display:flex!important;
    align-items:center!important;
    gap:7px!important;
    min-height:32px!important;height:32px!important;
    padding:0 9px!important;
    border-radius:7px!important;
    border:1px solid #47545c!important;
    background:#172126!important;
    color:#e4e7e6!important;
    white-space:nowrap;
  }
  .mobileBrowseMenuBtn span{font-size:13px}
  .mobileBrowseMenuBtn b{font-size:8px;font-weight:600;color:#a5aeb2}

  .filterTop{
    justify-content:space-between!important;
    border-bottom:0!important;
    padding:0!important;
    margin:0!important;
  }
  .ratingInline{
    margin-left:auto!important;
    max-width:calc(100% - 130px);
    overflow-x:auto;
    scrollbar-width:none;
  }
  .ratingInline::-webkit-scrollbar{display:none}

  .mobileBrowseOverlay{z-index:96!important}
  .mobileBrowseSheet{
    display:block;
    position:fixed;
    z-index:3;
    left:0;right:0;bottom:0;
    width:100vw;
    box-sizing:border-box;
    padding:8px 14px 20px;
    border-radius:16px 16px 0 0;
    border-top:1px solid #45535b;
    background:#10171b;
    color:#f2eee8;
    box-shadow:0 -24px 70px rgba(0,0,0,.5);
  }
  .mobileBrowseSheet .sheetHead{margin-bottom:17px}
  .mobileTypeBlock,.mobileCountryBlock{
    display:grid;
    gap:8px;
    padding:13px 0;
    border-top:1px solid #263138;
  }
  .mobileTypeBlock>span,.mobileCountryBlock>span{
    font-size:8px;
    text-transform:uppercase;
    letter-spacing:.1em;
    color:#7e8a90;
  }
  .mobileBrowseSheet .toolbarTypeSwitch{
    width:max-content!important;
    height:36px!important;
  }
  .mobileBrowseSheet .toolbarTypeSwitch button{
    height:30px!important;min-height:30px!important;
    padding:0 13px!important;font-size:9px!important;
  }
  .mobileBrowseSheet .toolbarCountries{
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:7px!important;
    overflow:visible!important;
  }
  .mobileBrowseSheet .toolbarCountries button{
    width:100%;
    min-height:38px!important;height:38px!important;
    font-size:9px!important;
  }
}


/* v27 — optimized desktop hierarchy */
.compactHero{min-height:198px!important}
.compactHeroInner{padding-top:25px!important;padding-bottom:20px!important}
.compactSearch{max-width:960px!important}
.scopeStrip{max-width:none!important;padding-left:4vw!important;padding-right:4vw!important}
.filterShell{padding-left:4vw!important;padding-right:4vw!important}
.unifiedFilters{max-width:1460px!important;margin:0 auto!important;padding:13px 16px 14px!important}

.filterTitleRow{display:flex;align-items:center;min-height:26px;padding-bottom:8px}
.filterIdentity{display:flex!important;align-items:baseline!important;gap:9px!important}
.filterIdentity strong{font-family:Georgia,serif;font-size:18px!important;line-height:1!important}
.filterIdentity .filterKicker{font-size:8px!important}

.filterTop{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:15px!important;
  min-height:35px!important;
  padding:0 0 10px!important;
  margin:0 0 10px!important;
  border-bottom:1px solid rgba(84,99,107,.26)!important
}
.desktopBrowseControls{display:flex!important;align-items:center!important;gap:9px!important;min-width:0!important;margin:0!important;overflow:hidden!important}
.toolbarTypeSwitch{flex:0 0 auto!important;width:auto!important;height:29px!important;padding:2px!important;margin:0!important}
.toolbarTypeSwitch button{min-width:37px!important;height:23px!important;min-height:23px!important;padding:0 8px!important;font-size:7.5px!important}
.toolbarCountries{display:flex!important;align-items:center!important;gap:4px!important;min-width:0!important;overflow:hidden!important}
.toolbarCountries button{height:27px!important;min-height:27px!important;padding:0 8px!important;font-size:7.2px!important}

.ratingInline{display:flex!important;align-items:center!important;gap:5px!important;margin:0!important;white-space:nowrap!important}
.ratingInline>span{font-size:7.5px!important;letter-spacing:.1em!important;margin-right:2px!important}
.ratingInline button{height:29px!important;min-height:29px!important;padding:0 9px!important;font-size:7.8px!important}
.ratingInline select{height:29px!important;min-height:29px!important;min-width:48px!important;padding:0 6px!important;font-size:8.5px!important}

.labeledBrowse{display:grid!important;grid-template-columns:1.12fr .74fr .78fr 1fr .92fr .96fr auto auto!important;gap:9px!important;align-items:end!important}
.labeledBrowse label{min-width:0!important}
.labeledBrowse label>span{font-size:7px!important;margin-bottom:5px!important}
.labeledBrowse select{width:100%!important;height:40px!important;min-height:40px!important;padding:0 10px!important;font-size:11px!important}
#browseBtn{height:40px!important;min-height:40px!important;padding:0 19px!important;border-radius:7px!important;font-size:11px!important}
#surpriseBtn,.surpriseSecondary{height:40px!important;min-height:40px!important;padding:0 14px!important;border-radius:7px!important;font-size:9px!important;white-space:nowrap!important}

/* progressive compression before tablet */
@media(max-width:1380px) and (min-width:761px){
  .toolbarCountries button:nth-of-type(7),.toolbarCountries button:nth-of-type(8){display:none!important}
}
@media(max-width:1180px) and (min-width:761px){
  .toolbarCountries button:nth-of-type(5),.toolbarCountries button:nth-of-type(6){display:none!important}
  .ratingInline button{padding:0 7px!important}
  .labeledBrowse{grid-template-columns:1fr .72fr .76fr .95fr .86fr .9fr auto!important}
  #surpriseBtn,.surpriseSecondary{grid-column:1/-1!important;justify-self:end!important;width:110px!important;margin-top:1px!important}
}

/* mobile stays compact: hamburger for content/country, ratings remain scrollable */
@media(max-width:760px){
  .compactHero{min-height:104px!important}
  .compactHeroInner{padding:11px 12px!important}
  .filterTitleRow{display:none!important}
  .filterTop{display:flex!important;min-height:34px!important;padding:0!important;margin:0!important;border:0!important}
  .desktopBrowseControls{display:none!important}
  .mobileBrowseMenuBtn{display:flex!important;flex:0 0 auto!important;height:32px!important;min-height:32px!important}
  .ratingInline{flex:1 1 auto!important;min-width:0!important;overflow-x:auto!important}
  .ratingInline>span{display:none!important}
  .labeledBrowse{grid-template-columns:1fr 1fr!important}
}

/* v28 — filter-toolbar legibility +20% */
@media(min-width:761px){
  .filterIdentity .filterKicker{
    font-size:9.6px!important;
  }
  .filterIdentity strong{
    font-size:21.6px!important;
  }

  .toolbarTypeSwitch{
    height:35px!important;
    padding:2px!important;
  }
  .toolbarTypeSwitch button{
    min-width:44px!important;
    height:29px!important;
    min-height:29px!important;
    padding:0 10px!important;
    font-size:9px!important;
  }

  .toolbarCountries{
    gap:5px!important;
  }
  .toolbarCountries button{
    height:32px!important;
    min-height:32px!important;
    padding:0 10px!important;
    font-size:8.7px!important;
  }

  .ratingInline{
    gap:6px!important;
  }
  .ratingInline>span{
    font-size:9px!important;
    margin-right:3px!important;
  }
  .ratingInline button{
    height:35px!important;
    min-height:35px!important;
    padding:0 11px!important;
    font-size:9.4px!important;
  }
  .ratingInline select{
    height:35px!important;
    min-height:35px!important;
    min-width:58px!important;
    padding:0 8px!important;
    font-size:10.2px!important;
  }

  .filterTop{
    min-height:42px!important;
    gap:18px!important;
    padding-bottom:11px!important;
  }

  .labeledBrowse label>span{
    font-size:8.4px!important;
  }
}

/* v29 — More countries stays in Discover; Cinema Map remains a destination */
.toolbarCountriesWrap{
  position:relative;
  min-width:0;
}
.countryPopover{
  position:absolute;
  z-index:80;
  top:38px;
  left:0;
  width:430px;
  max-height:390px;
  overflow:auto;
  padding:12px;
  border:1px solid #46545c;
  border-radius:10px;
  background:#11191d;
  box-shadow:0 20px 55px rgba(0,0,0,.48);
}
.countryPopoverHead{
  display:flex;
  align-items:center;
  justify-content:space-between;
  margin-bottom:9px;
}
.countryPopoverHead strong{
  font-family:Georgia,serif;
  font-size:15px;
  color:#f1eee8;
}
.countryPopoverHead button{
  width:28px;height:28px;min-height:28px;padding:0;
  display:grid;place-items:center;border-radius:50%;
  border:1px solid #4d5b62;background:#192227;color:#fff;font-size:16px;
}
.countrySearch input{
  width:100%;
  height:36px;
  box-sizing:border-box;
  padding:0 10px;
  border:1px solid #435159;
  border-radius:7px;
  background:#182126;
  color:#fff;
  font-size:12px;
}
.countryPopoverGrid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:6px;
  margin-top:9px;
}
.countryPopoverGrid button{
  min-height:34px;
  height:auto;
  padding:6px 8px;
  border-radius:7px;
  border:1px solid #35434a;
  background:#161f24;
  color:#b8c0c3;
  font-size:9px;
  text-align:left;
}
.countryPopoverGrid button:hover{
  border-color:#7c8a91;
  color:#fff;
}
.countryPopoverGrid button.on{
  background:#965335;
  border-color:#d48759;
  color:#fff;
}

.mobileCountryGrid{display:none}

@media(max-width:760px){
  .countryPopover{display:none!important}
  .mobileCountryGrid{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:7px;
  }
  .mobileCountryGrid button{
    min-height:40px!important;
    height:auto!important;
    padding:8px 10px!important;
    border-radius:8px!important;
    border:1px solid #435159!important;
    background:#172126!important;
    color:#d9ddde!important;
    font-size:10px!important;
    text-align:left;
  }
  .mobileCountryGrid button.on{
    background:#965335!important;
    border-color:#d48759!important;
    color:#fff!important;
  }
}

/* v30 — country More popover visibility + state clarity */
.filterShell,
.unifiedFilters,
.filterTop,
.desktopBrowseControls,
.toolbarCountriesWrap{
  overflow:visible!important;
}

.filterTop,
.unifiedFilters{
  position:relative!important;
  z-index:20!important;
}

.desktopBrowseControls{
  position:relative!important;
  z-index:25!important;
}

.toolbarCountriesWrap{
  position:relative!important;
  z-index:30!important;
  flex:0 1 auto!important;
}

.toolbarCountries{
  overflow:visible!important;
}

/* Selected country remains the light/white pill. */
.toolbarCountries button.on{
  background:#f1eee7!important;
  color:#171b1d!important;
  border-color:#fff!important;
}

/* More is never styled as a selected country. */
#moreCountriesBtn{
  background:#151e23!important;
  color:#a8b1b5!important;
  border-color:#405058!important;
}
#moreCountriesBtn:hover{
  color:#fff!important;
  border-color:#7b898f!important;
}
#moreCountriesBtn.open{
  background:#2a201a!important;
  color:#efb78f!important;
  border-color:#b66c43!important;
  box-shadow:0 0 0 2px rgba(182,108,67,.10)!important;
}

/* Popover must sit above the second filter row and catalogue. */
.countryPopover{
  z-index:500!important;
  top:36px!important;
  left:auto!important;
  right:0!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
}

/* Keep popover within narrower desktop screens. */
@media(max-width:1000px) and (min-width:761px){
  .countryPopover{
    width:380px!important;
    right:0!important;
  }
}

/* Mobile still uses the sheet, not the desktop popover. */
@media(max-width:760px){
  .countryPopover{display:none!important}
}

/* v31 — search field polish */
.compactSearch{
  display:flex!important;
  align-items:center!important;
  gap:0!important;
  overflow:hidden!important;
  background:#121a1f!important;
  border:1px solid #53616a!important;
  border-radius:9px!important;
  box-shadow:none!important;
}
.compactSearch:focus-within{
  border-color:#8c9aa2!important;
  box-shadow:0 0 0 2px rgba(140,154,162,.10)!important;
}
.compactSearch>input{
  flex:1 1 auto!important;
  min-width:0!important;
  width:auto!important;
  height:100%!important;
  box-sizing:border-box!important;
  border:0!important;
  outline:0!important;
  border-radius:0!important;
  padding:0 14px!important;
  background:#121a1f!important;
  color:#f2efea!important;
  caret-color:#d88452!important;
  font-size:15px!important;
  line-height:1.2!important;
  box-shadow:none!important;
  -webkit-appearance:none!important;
  appearance:none!important;
}
.compactSearch>input::placeholder{
  color:#7f8a90!important;
  opacity:1!important;
}
.compactSearch>input:focus{
  background:#121a1f!important;
  color:#fff!important;
  outline:0!important;
  box-shadow:none!important;
}

/* Prevent Chrome/Safari autofill from painting the input white/blue. */
.compactSearch>input:-webkit-autofill,
.compactSearch>input:-webkit-autofill:hover,
.compactSearch>input:-webkit-autofill:focus,
.compactSearch>input:-webkit-autofill:active{
  -webkit-text-fill-color:#f2efea!important;
  caret-color:#d88452!important;
  -webkit-box-shadow:0 0 0 1000px #121a1f inset!important;
  box-shadow:0 0 0 1000px #121a1f inset!important;
  transition:background-color 9999s ease-out 0s!important;
}

/* Firefox autofill */
.compactSearch>input:autofill{
  background:#121a1f!important;
  color:#f2efea!important;
  box-shadow:0 0 0 1000px #121a1f inset!important;
}

/* Keep the search icon visually integrated. */
.compactSearch{
  color:#d8dddE!important;
}
.compactSearch>button{
  flex:0 0 auto!important;
  margin:4px!important;
  height:calc(100% - 8px)!important;
  min-height:0!important;
  padding:0 20px!important;
  border-radius:7px!important;
}

/* Remove any browser search decoration that can distort the field. */
.compactSearch input[type="search"]::-webkit-search-decoration,
.compactSearch input[type="search"]::-webkit-search-cancel-button,
.compactSearch input[type="search"]::-webkit-search-results-button,
.compactSearch input[type="search"]::-webkit-search-results-decoration{
  -webkit-appearance:none!important;
}

@media(max-width:760px){
  .compactSearch>input{
    font-size:16px!important; /* prevents iOS focus zoom */
    padding:0 11px!important;
  }
  .compactSearch>button{
    padding:0 12px!important;
  }
}

/* v33 — restrained search focus */
.compactSearch:focus-within{
  border-color:#667780!important;
  box-shadow:0 0 0 1px rgba(128,146,155,.16)!important;
}
.compactSearch>input:focus,
.compactSearch>input:focus-visible{
  outline:none!important;
  box-shadow:none!important;
}

/* v37 — film detail top-crop correction */
.detailpanel{
  padding-top:0!important;
}

.detailpanel .paneltop{
  position:sticky!important;
  top:0!important;
  z-index:20!important;
  background:#10171b!important;
  border-bottom:1px solid #2d3940!important;
}

/* Backdrop begins below the sticky header, never underneath it. */
.detailpanel .backdrop{
  position:relative!important;
  z-index:1!important;
  margin-top:0!important;
}

/* The hero may overlap the backdrop, but must never intrude into the header. */
.detailpanel .detailContent{
  position:relative!important;
  z-index:2!important;
  padding-top:0!important;
}

.detailpanel .filmhero{
  position:relative!important;
  z-index:3!important;
  margin-top:-28px!important;
  padding-top:0!important;
}

/* When no backdrop exists, do not use any negative overlap at all. */
.detailpanel .paneltop + .detailContent .filmhero{
  margin-top:0!important;
  padding-top:22px!important;
}

/* When a backdrop exists, keep a restrained cinematic overlap. */
.detailpanel .paneltop + .backdrop + .detailContent .filmhero{
  margin-top:-24px!important;
  padding-top:0!important;
}

/* Give the first content block clear breathing room horizontally and vertically. */
.detailpanel .filmhero{
  padding-left:0!important;
  padding-right:0!important;
}

@media(max-width:760px){
  .detailpanel .paneltop{
    min-height:54px!important;
    height:54px!important;
  }

  .detailpanel .paneltop + .detailContent .filmhero{
    margin-top:0!important;
    padding-top:16px!important;
  }

  .detailpanel .paneltop + .backdrop + .detailContent .filmhero{
    margin-top:-16px!important;
    padding-top:0!important;
  }

  .detailpanel .backdrop{
    min-height:150px!important;
  }
}

/* v38 — Director / Actor presets */
#directorSel,#actorSel{width:100%}
#directorSel:disabled,#actorSel:disabled{opacity:.62}
@media(min-width:761px){
  .labeledBrowse{grid-template-columns:1.04fr .72fr 1fr 1fr 1fr .94fr auto auto!important}
}
@media(max-width:760px){
  .labeledBrowse{grid-template-columns:1fr 1fr!important}
}

/* v44 — multi-role person filmography switch */
.personRoleSwitch{
  display:flex;
  align-items:center;
  gap:6px;
  margin:10px 0 16px;
}
.personRoleSwitch button{
  min-height:32px;
  padding:0 11px;
  border:1px solid #3f4d55;
  border-radius:999px;
  background:#141d22;
  color:#b8c0c4;
  font-size:10px;
  font-weight:700;
}
.personRoleSwitch button span{
  margin-left:6px;
  opacity:.62;
  font-size:9px;
}
.personRoleSwitch button.on{
  background:#f1eee7;
  color:#171b1d;
  border-color:#fff;
}
@media(max-width:760px){
  .personRoleSwitch{
    overflow-x:auto;
    padding-bottom:2px;
    margin:8px 0 13px;
  }
  .personRoleSwitch button{
    flex:0 0 auto;
    min-height:36px;
    font-size:11px;
  }
}

/* v45 — person links route to Smart Search filmography */
.personLink{
  cursor:pointer!important;
}
.castblock button[data-person]{
  cursor:pointer!important;
}
.personLink:hover,
.personLink:focus-visible{
  color:#f0aa7d!important;
  text-decoration-color:#f0aa7d!important;
}
.castblock button[data-person]:hover,
.castblock button[data-person]:focus-visible{
  border-color:#b96d45!important;
  background:#1d292f!important;
}

/* v46 — ambiguous person chooser */
.personChooser{
  margin:12px 0 18px;
  padding:16px;
  border:1px solid #34434b;
  border-radius:14px;
  background:#10191e;
}
.personChooserHead h3{
  margin:3px 0 2px;
  font-family:Georgia,serif;
  font-size:22px;
}
.personChooserHead p{
  margin:0 0 12px;
  color:#909ba1;
  font-size:12px;
}
.personChooserGrid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:8px;
}
.personChoice{
  display:grid;
  grid-template-columns:48px minmax(0,1fr) auto;
  align-items:center;
  gap:10px;
  min-height:68px;
  padding:9px 11px;
  border:1px solid #35434a;
  border-radius:10px;
  background:#151f24;
  text-align:left;
  color:#f2efea;
}
.personChoice:hover,
.personChoice:focus-visible{
  border-color:#b86c44;
  background:#1b282e;
}
.personChoicePhoto{
  width:48px;
  height:48px;
  border-radius:8px;
  overflow:hidden;
  background:#252f34;
  display:grid;
  place-items:center;
}
.personChoicePhoto img{
  width:100%;
  height:100%;
  object-fit:cover;
}
.personChoicePhoto i{
  font-style:normal;
  color:#849097;
}
.personChoiceText{
  min-width:0;
  display:flex;
  flex-direction:column;
  gap:2px;
}
.personChoiceText strong{
  font-size:13px;
}
.personChoiceText em,
.personChoiceText small{
  font-style:normal;
  color:#98a2a7;
  font-size:10px;
  line-height:1.3;
}
.personChoiceText small{
  overflow:hidden;
  white-space:nowrap;
  text-overflow:ellipsis;
}
.personChoiceText .aliasMatch{
  color:#d28a5d;
}
.personChoiceArrow{
  color:#d28a5d;
  font-size:18px;
}
@media(max-width:760px){
  .personChooser{
    padding:12px;
    margin:9px 0 14px;
  }
  .personChooserGrid{
    grid-template-columns:1fr;
  }
  .personChoice{
    min-height:72px;
  }
}

/* v47 — restrained film reference sidebar */
.moreCredits{margin:10px 0 18px;border:1px solid #334149;border-radius:10px;background:#10181d}
.moreCredits summary{list-style:none;cursor:pointer;display:flex;align-items:center;min-height:44px;padding:0 14px;color:#cbd1d4;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.moreCredits summary::-webkit-details-marker{display:none}.moreCredits summary:after{content:'+';margin-left:auto;font-size:18px;font-weight:400;color:#d08051}.moreCredits[open] summary:after{content:'−'}
.moreCredits summary span{order:2;margin-left:8px;margin-right:10px;color:#7f8b91;font-size:10px}.moreCreditsRows{border-top:1px solid #2e3b42}
.moreCreditsRows>div{display:grid;grid-template-columns:150px minmax(0,1fr);gap:14px;padding:11px 14px;border-bottom:1px solid #27343a}.moreCreditsRows>div:last-child{border-bottom:0}
.moreCreditsRows small{color:#849097;font-size:9px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.moreCreditsRows b{color:#e8e8e5;font-size:12px;line-height:1.4}
@media(max-width:640px){.moreCreditsRows>div{grid-template-columns:1fr;gap:3px}}

/* v48 — restrained sidebar final polish */
.scorePrimary{display:block;color:#f0efeb}
.scoreSecondary{display:block;margin-top:2px;color:#8f9aa0;font-size:.86em;font-weight:600}
.keywordBlock .chipMore{display:inline-flex;align-items:center;min-height:24px;margin-left:4px;padding:0 7px;border:1px solid #39474e;border-radius:5px;background:transparent;color:#c97a4c;font-size:9px;font-weight:800;cursor:pointer}
.keywordBlock .chipMore:hover{border-color:#a9623f}
.sectionMiniHead{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}
.sectionMiniHead h3{margin:0}
.sectionMiniHead button{border:0;background:transparent;padding:0;color:#c97a4c;font-size:10px;font-weight:800;cursor:pointer;white-space:nowrap}
.sectionMiniHead button:hover{text-decoration:underline}
@media(max-width:640px){
  .sectionMiniHead button{font-size:11px}
}

/* v49 — curated connection cards */
.journeySection{
  padding-top:8px;
}
.journeyHead{
  display:flex;
  align-items:end;
  justify-content:space-between;
  gap:18px;
  margin-bottom:14px;
}
.journeyHead h3{
  margin:0 0 3px;
  font-family:Georgia,serif;
  font-size:26px;
}
.journeyHead p{
  margin:0;
  color:#8f9aa0;
  font-size:12px;
}
.journeyHead>span{
  color:#87939a;
  font-size:11px;
  letter-spacing:.08em;
  text-transform:uppercase;
  white-space:nowrap;
}
.journeyGrid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
}
.journeyCard{
  display:grid;
  grid-template-columns:126px minmax(0,1fr);
  min-height:104px;
  overflow:hidden;
  padding:0;
  border:1px solid #2f3c43;
  border-radius:10px;
  background:#141d22;
  color:#edf0ee;
  text-align:left;
  cursor:pointer;
}
.journeyCard:hover,
.journeyCard:focus-visible{
  border-color:#9f6041;
  background:#18242a;
}
.journeyArt{
  width:126px;
  height:104px;
  overflow:hidden;
  background:#20292e;
  display:block;
}
.journeyArt img{
  width:100%;
  height:100%;
  object-fit:cover;
}
.journeyArt.posterish img{
  object-fit:cover;
  object-position:center 20%;
}
.journeyArt i{
  display:grid;
  place-items:center;
  width:100%;
  height:100%;
  color:#6f7a80;
  font-style:normal;
  font-size:10px;
}
.journeyCopy{
  min-width:0;
  padding:15px 14px 12px;
  display:flex;
  flex-direction:column;
  justify-content:center;
}
.journeyCopy small{
  color:#d67d4b;
  font-size:9px;
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase;
  line-height:1.25;
}
.journeyCopy strong{
  margin-top:5px;
  font-size:15px;
  line-height:1.18;
  overflow:hidden;
  white-space:nowrap;
  text-overflow:ellipsis;
}
.journeyCopy em{
  margin-top:7px;
  color:#8f9aa0;
  font-size:10px;
  font-style:normal;
}
.journeyMore{
  margin-top:11px;
  min-height:34px;
  padding:0 12px;
  border:1px solid #37464d;
  border-radius:7px;
  background:transparent;
  color:#c97a4c;
  font-size:10px;
  font-weight:800;
  cursor:pointer;
}
.journeyMore:hover{
  border-color:#9f6041;
  background:#151f24;
}
@media(max-width:760px){
  .journeyGrid{
    grid-template-columns:1fr;
  }
  .journeyCard{
    grid-template-columns:104px minmax(0,1fr);
    min-height:92px;
  }
  .journeyArt{
    width:104px;
    height:92px;
  }
  .journeyHead{
    align-items:flex-start;
  }
}


/* v52 — authoritative film drawer layout / scroll model */

/* The overlay never scrolls; the drawer does. */
.overlay{
  overflow:hidden!important;
}

/* Exactly one vertical scroll owner. */
.detailpanel{
  position:fixed!important;
  top:0!important;
  right:0!important;
  bottom:auto!important;
  height:100vh!important;
  height:100dvh!important;
  max-height:100dvh!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  overscroll-behavior-y:contain;
  -webkit-overflow-scrolling:touch;
  scrollbar-gutter:stable;
  box-sizing:border-box!important;
}

/* Header remains available but participates correctly in the same scroll container. */
.detailpanel>.paneltop{
  position:sticky!important;
  top:0!important;
  z-index:30!important;
}

/* Guarantee useful breathing room after the final dynamic section. */
.detailContent{
  min-height:min-content!important;
  padding-bottom:max(72px,env(safe-area-inset-bottom))!important;
}

/* Horizontal media/discovery rails must never become vertical scroll owners. */
.sceneRail,
.videoRail,
.relatedRail,
.journeyRail,
.mediaTabs{
  overflow-x:auto!important;
  overflow-y:hidden!important;
  max-width:100%!important;
  overscroll-behavior-x:contain;
  overscroll-behavior-y:auto;
}

/* Poster view grows naturally with the drawer instead of creating a nested scrollbar. */
.posterMediaGrid{
  max-height:none!important;
  overflow:visible!important;
}

/* Prevent media elements from expanding the drawer width. */
.filmMedia,
.galleryHead,
.sceneRail,
.videoRail,
.posterMediaGrid,
.related,
.journeySection{
  min-width:0!important;
  max-width:100%!important;
  box-sizing:border-box!important;
}

/* Section rhythm: enough separation to scan, without wasting drawer height. */
.filmMedia{
  margin:24px 0 24px!important;
  padding-top:22px!important;
}
.journeySection,
.related{
  margin-top:28px!important;
  margin-bottom:28px!important;
}

/* Make the final section visually end rather than look clipped. */
.detailContent>:last-child{
  margin-bottom:0!important;
}

@media(max-width:760px){
  .detailpanel{
    left:0!important;
    right:0!important;
    width:100vw!important;
    max-width:100vw!important;
    height:100dvh!important;
    max-height:100dvh!important;
  }
  .detailContent{
    padding-bottom:max(64px,env(safe-area-inset-bottom))!important;
  }

  /* Horizontal gestures stay horizontal, vertical swipes continue scrolling drawer. */
  .sceneRail,
  .videoRail,
  .relatedRail,
  .journeyRail,
  .mediaTabs{
    touch-action:pan-x pan-y;
  }
}

/* v53 — reliable film-card navigation */
.card [data-movie]{
  cursor:pointer!important;
}
.card .poster[data-movie],
.card .titleBlock[data-movie]{
  touch-action:manipulation;
}
.card .poster[data-movie]:focus-visible,
.card .titleBlock[data-movie]:focus-visible{
  outline:2px solid #d28252!important;
  outline-offset:2px;
}
.card .poster:after{
  display:none!important;
}

/* v54 hard cache reset */
.card .poster:after,
.card .poster::after{
  content:none!important;
  display:none!important;
}
html[data-gizlen-build="v54"] .card [data-movie]{
  cursor:pointer!important;
}

/* v55 — explicit core-load failure state */
.coreErrorBody{
  padding:46px 28px 70px;
  max-width:480px;
}
.coreErrorBody h2{
  margin:0 0 8px;
  font-family:Georgia,serif;
  font-size:30px;
}
.coreErrorBody p{
  margin:0 0 18px;
  color:#98a2a7;
  font-size:13px;
  line-height:1.55;
}
.coreErrorBody button{
  min-height:40px;
  padding:0 15px;
  border:1px solid #c87547;
  border-radius:7px;
  background:#bd6d42;
  color:#fff;
  font-weight:800;
}

/* v57 — surgical post-Media discovery tail */
.discoveryTail{
  width:100%;
  min-width:0;
  margin-top:26px;
}
.discoveryTail .journeySection:first-child,
.discoveryTail .related:first-child{
  margin-top:0!important;
}
.drawerEndSpacer{
  display:block;
  width:100%;
  height:44px;
  flex:0 0 auto;
}
@media(max-width:760px){
  .discoveryTail{margin-top:22px}
  .drawerEndSpacer{height:max(36px,env(safe-area-inset-bottom))}
}

/* V70 — person career hierarchy */
.personKnownFor,.personCollaborators,.personCareerTimeline{margin:0 0 28px;padding:24px 0 0;border-top:1px solid var(--line,#303b40)}
.personFeatureHead{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:16px}.personFeatureHead h3{font-family:Georgia,serif;font-size:28px;margin:3px 0 4px}.personFeatureHead p{margin:0;color:var(--muted,#8d979c);font-size:13px}
.personKnownGrid{display:flex;justify-content:center;gap:14px;overflow-x:auto;padding:2px 2px 8px;scrollbar-width:thin}.personKnownCard{width:154px;flex:0 0 154px;border:0;background:transparent;text-align:left;color:inherit;cursor:pointer}.personKnownCard img{width:154px;height:228px;object-fit:cover;border-radius:9px;border:1px solid #34434a;display:block;background:#151c20}.personKnownCard span{display:block;padding-top:9px}.personKnownCard b{display:block;font-size:13px;line-height:1.25}.personKnownCard em{display:block;font-style:normal;color:#879198;font-size:11px;margin-top:4px;line-height:1.3}
.personFilmographyControls{margin:0 0 26px;padding:18px;border:1px solid #2d393f;border-radius:12px;background:#11191d}.personFilmographyControls .personRoleSwitch{margin:0 0 14px}.personFilterRow,.personMoreFilters{display:flex;align-items:flex-end;gap:10px;flex-wrap:wrap}.personFilterRow label,.personMoreFilters label{display:flex;flex-direction:column;gap:6px}.personFilterRow label span,.personMoreFilters label>span{font-size:10px;letter-spacing:.11em;text-transform:uppercase;color:#7f8c92;font-weight:700}.personFilterRow select,.personMoreFilters select{min-width:135px;height:38px;border:1px solid #36464d;background:#151e22;color:#e8eaeb;border-radius:8px;padding:0 10px}.personMoreFiltersBtn{height:38px;border:1px solid #36464d;background:#151e22;color:#bcc4c8;border-radius:8px;padding:0 14px}.personMoreFiltersBtn.on{border-color:#a95c34;color:#e18a55}.personMoreFilters{margin-top:12px;padding-top:12px;border-top:1px solid #29353a}.personMinorToggle{flex-direction:row!important;align-items:center;gap:9px!important;height:38px;padding:0 10px;border:1px solid #36464d;border-radius:8px}.personMinorToggle input{width:15px;height:15px}.personMinorToggle span{text-transform:none!important;letter-spacing:0!important;font-size:12px!important}
.personCreditRole{display:block;margin-top:4px;color:#b06a45;font-size:10px;line-height:1.3}
.careerBars{height:120px;display:flex;gap:8px;align-items:flex-end;padding:12px 4px 0}.careerBars button{height:100%;min-width:44px;flex:1;max-width:86px;border:0;background:transparent;color:#8e999e;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:5px;cursor:pointer}.careerBars i{display:block;width:100%;max-width:46px;background:linear-gradient(180deg,#b7663b,#6f402c);border-radius:5px 5px 2px 2px;min-height:14px}.careerBars b{font-size:11px;color:#d4d8da}.careerBars span{font-size:9px}.careerBars button:hover i{filter:brightness(1.15)}
.collaboratorChips{display:flex;gap:8px;flex-wrap:wrap}.collaboratorChips button{border:1px solid #334148;background:#151d21;color:#e5e8e9;border-radius:9px;padding:9px 12px;text-align:left}.collaboratorChips b{display:block;font-size:12px}.collaboratorChips span{display:block;color:#8e999f;font-size:10px;margin-top:3px}
@media(max-width:760px){.personKnownGrid{justify-content:flex-start}.personKnownCard{width:128px;flex-basis:128px}.personKnownCard img{width:128px;height:190px}.personFilmographyControls{padding:14px}.personFilterRow label{flex:1 1 calc(50% - 8px)}.personFilterRow select{min-width:0;width:100%}.careerBars{overflow-x:auto}.careerBars button{min-width:42px}.personFeatureHead h3{font-size:24px}}


/* V72 — collaborator relationship context */
.personRelationship{margin:0 0 28px;padding:24px 0 0;border-top:1px solid var(--line,#303b40)}
.relationshipHead h3{margin-bottom:4px}
.relationshipGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}
.relationshipCard{display:flex;gap:12px;min-height:132px;padding:10px;border:1px solid #334148;background:#131b1f;color:inherit;border-radius:10px;text-align:left;cursor:pointer;transition:border-color .15s ease,transform .15s ease}
.relationshipCard:hover{border-color:#9a5a39;transform:translateY(-1px)}
.relationshipCard img{width:76px;height:112px;flex:0 0 76px;object-fit:cover;border-radius:7px;background:#151c20}
.relationshipCard>span{min-width:0;display:flex;flex-direction:column;padding:3px 0}
.relationshipCard b{font-size:14px;line-height:1.25}
.relationshipCard em{font-style:normal;color:#8e999f;font-size:11px;margin-top:4px}
.relationshipCard small{color:#c2c8cb;font-size:11px;line-height:1.35;margin-top:12px}
.relationshipCard small i{font-style:normal;color:#b8754f;white-space:nowrap}
.relationshipCard strong{margin-top:auto;padding-top:8px;color:#b8754f;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.08em}
@media(max-width:760px){.relationshipGrid{grid-template-columns:1fr}.relationshipCard{min-height:122px}.relationshipCard img{width:70px;height:104px;flex-basis:70px}}

/* V73 — Collections & dynamic editorial homepage */
.seeAllCollections{align-self:center;border:1px solid rgba(184,126,84,.42);background:transparent;color:#d8aa83;border-radius:999px;padding:9px 13px;font:600 12px/1.1 inherit;cursor:pointer;white-space:nowrap}
.seeAllCollections:hover{background:rgba(184,126,84,.1)}
.collectionCardRail{display:grid;grid-template-columns:repeat(6,minmax(180px,1fr));gap:12px;overflow-x:auto;padding:2px 1px 8px;scroll-snap-type:x proximity;overscroll-behavior-inline:contain}
.collectionCard{min-height:168px;text-align:left;display:flex;flex-direction:column;align-items:flex-start;gap:8px;padding:18px;border:1px solid rgba(255,255,255,.095);border-radius:16px;background:linear-gradient(145deg,rgba(184,126,84,.12),rgba(255,255,255,.025) 45%,rgba(0,0,0,.12));color:#f1ece7;cursor:pointer;scroll-snap-align:start;transition:transform .18s ease,border-color .18s ease,background .18s ease}
.collectionCard:hover{transform:translateY(-2px);border-color:rgba(196,137,92,.42);background:linear-gradient(145deg,rgba(184,126,84,.18),rgba(255,255,255,.04) 48%,rgba(0,0,0,.1))}
.collectionType{font-size:10px;line-height:1;text-transform:uppercase;letter-spacing:.13em;color:#b98561;font-weight:700}
.collectionCard strong{font-family:Georgia,'Times New Roman',serif;font-size:21px;line-height:1.08;font-weight:500;letter-spacing:-.015em}
.collectionCard small{font-size:12px;line-height:1.45;color:#9c9894;display:block;flex:1}
.collectionCard em{font-style:normal;font-size:11px;color:#c69a78;font-weight:700}
.collectionsPage{max-width:1420px;margin:0 auto;padding-top:50px}
.collectionsPage>h1{font-family:Georgia,'Times New Roman',serif;font-size:clamp(38px,5vw,68px);font-weight:500;letter-spacing:-.035em;margin:.18em 0 .12em}
.collectionGroupTabs{display:flex;flex-wrap:wrap;gap:8px;margin:28px 0 40px;position:sticky;top:74px;z-index:4;padding:10px 0;background:linear-gradient(180deg,#090908 70%,rgba(9,9,8,0))}
.collectionGroupTabs button{border:1px solid rgba(255,255,255,.1);background:#11110f;color:#aaa5a0;border-radius:999px;padding:9px 13px;font:600 11px/1 inherit;cursor:pointer}
.collectionGroupTabs button.on{border-color:rgba(184,126,84,.55);background:rgba(184,126,84,.12);color:#d9ab86}
.collectionGroup{margin:0 0 48px}
.collectionGroupHead{display:flex;align-items:center;gap:10px;margin:0 0 15px;padding-bottom:10px;border-bottom:1px solid rgba(255,255,255,.08)}
.collectionGroupHead span{font-family:Georgia,'Times New Roman',serif;font-size:25px;color:#e8e1da}
.collectionGroupHead b{font-size:10px;color:#8f8a85;border:1px solid rgba(255,255,255,.1);border-radius:999px;padding:4px 7px}
.collectionHubGrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.collectionHubGrid .collectionCard{min-height:160px}
@media(max-width:1100px){.collectionCardRail{grid-template-columns:repeat(6,210px)}.collectionHubGrid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){.collectionsPage{padding-top:26px}.collectionGroupTabs{top:62px;flex-wrap:nowrap;overflow-x:auto;padding:9px 0 14px}.collectionGroupTabs button{flex:0 0 auto}.collectionHubGrid{grid-template-columns:1fr 1fr}.collectionCard{min-height:150px;padding:15px}.collectionCard strong{font-size:18px}.collectionCardRail{grid-template-columns:repeat(6,76vw)}.curatedHead .seeAllCollections{align-self:flex-start}.collectionGroupHead span{font-size:22px}}
@media(max-width:480px){.collectionHubGrid{grid-template-columns:1fr}.collectionHubGrid .collectionCard{min-height:132px}}

/* V74 — Known For poster top alignment
   Poster artwork must share one top baseline. Long titles expand only downward. */
.personKnownGrid{
  align-items:flex-start;
}
.personKnownCard{
  align-self:flex-start;
  display:flex;
  flex-direction:column;
  justify-content:flex-start;
  padding:0;
  margin:0;
  vertical-align:top;
}
.personKnownCard img{
  flex:0 0 auto;
  align-self:flex-start;
}
.personKnownCard span{
  width:100%;
  flex:0 0 auto;
  text-align:left;
}
.personKnownCard b{
  white-space:normal;
  overflow:visible;
  text-overflow:clip;
  overflow-wrap:anywhere;
}


/* V75 — Editorial collection hierarchy
   First tier gets more room and context; long tail keeps the dense catalogue grid. */
.collectionEditorial{margin:4px 0 38px;padding:0 0 34px;border-bottom:1px solid #263036}
.collectionTierHead{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin:0 0 16px}
.collectionTierHead h3{font-family:Georgia,'Times New Roman',serif;font-size:28px;font-weight:500;letter-spacing:-.025em;margin:3px 0 2px;color:#f1ece7}
.collectionTierHead p{margin:0;color:#8f999e;font-size:11px}
.collectionTierHead>span{font-size:9px;letter-spacing:.12em;text-transform:uppercase;color:#7f898e}
.collectionTierHead.compact{margin-top:4px;margin-bottom:14px}
.collectionTierHead.compact h3{font-size:23px}
.collectionAnchorGrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.collectionAnchorCard{position:relative;display:grid;grid-template-columns:minmax(108px,42%) 1fr;gap:13px;min-width:0;min-height:214px;padding:10px;border:1px solid #303c42;border-radius:11px;background:linear-gradient(145deg,#11191d,#0d1418);overflow:hidden}
.collectionAnchorCard:hover{border-color:#76523e}
.anchorPoster{display:block;width:100%;height:100%;min-height:194px;padding:0;border:0;border-radius:7px;overflow:hidden;background:#111820}
.anchorPoster img{display:block;width:100%;height:100%;object-fit:cover}
.anchorCopy{display:flex;flex-direction:column;min-width:0;padding:3px 3px 2px 0}
.anchorBadge{align-self:flex-start;font-size:8px;line-height:1;text-transform:uppercase;letter-spacing:.11em;font-weight:800;color:#d69569;border:1px solid rgba(198,122,78,.38);border-radius:999px;padding:5px 7px;margin-bottom:8px}
.anchorTitle{border:0;background:none;color:#f5f1ed;padding:0;text-align:left;min-width:0}
.anchorTitle b{display:block;font-family:Georgia,'Times New Roman',serif;font-size:17px;line-height:1.1;font-weight:600;overflow-wrap:anywhere}
.anchorTitle small{display:block;color:#8d989d;font-size:9px;line-height:1.25;margin-top:3px}
.anchorFacts{display:flex;flex-wrap:wrap;gap:5px 9px;margin:9px 0 0;color:#aab2b6;font-size:9px}
.anchorFacts span+span:before{content:'·';margin-right:9px;color:#566168}
.anchorCredits{display:flex;flex-direction:column;gap:3px;min-height:27px;margin:8px 0 0;color:#8e999e;font-size:9px;line-height:1.25}
.anchorCredits span:empty{display:none}
.anchorWhy{margin:auto 28px 0 0;color:#c8c4c0;font-size:10px;line-height:1.35}
.anchorAdd{position:absolute;right:10px;bottom:10px;width:25px!important;height:25px!important;min-width:25px!important;font-size:14px!important}
.collectionLongTail{margin-top:4px}
.collectionLongTail .grid{margin-top:0}
@media(max-width:1220px){.collectionAnchorGrid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:900px){.collectionAnchorGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.collectionAnchorCard{min-height:208px}}
@media(max-width:620px){.collectionEditorial{margin-bottom:28px;padding-bottom:26px}.collectionTierHead{align-items:flex-start}.collectionTierHead h3{font-size:24px}.collectionAnchorGrid{grid-template-columns:1fr;gap:10px}.collectionAnchorCard{grid-template-columns:112px 1fr;min-height:178px;padding:8px}.anchorPoster{min-height:162px}.anchorTitle b{font-size:16px}.anchorWhy{font-size:9px}.collectionLongTail .grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}


/* V77 — compact deep Collections navigation. Homepage feature cards remain prominent. */
.collectionsPage .collectionHubGrid{grid-template-columns:repeat(5,minmax(0,1fr));gap:9px}
.collectionsPage .collectionHubGrid .collectionCard{min-height:108px;padding:12px 13px;gap:5px;border-radius:11px}
.collectionsPage .collectionHubGrid .collectionCard strong{font-size:17px;line-height:1.06}
.collectionsPage .collectionHubGrid .collectionCard small{font-size:10.5px;line-height:1.32;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.collectionsPage .collectionHubGrid .collectionCard em{font-size:9.5px;margin-top:1px}
.collectionsPage .collectionHubGrid .collectionType{font-size:8.5px}
.collectionsPage .collectionGroup{margin-bottom:34px}
.collectionsPage .collectionGroupHead{margin-bottom:10px;padding-bottom:8px}
@media(max-width:1180px){.collectionsPage .collectionHubGrid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:900px){.collectionsPage .collectionHubGrid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:650px){.collectionsPage .collectionHubGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.collectionsPage .collectionHubGrid .collectionCard{min-height:104px;padding:11px}}
@media(max-width:390px){.collectionsPage .collectionHubGrid{grid-template-columns:1fr}.collectionsPage .collectionHubGrid .collectionCard{min-height:94px}}


/* V78 — repaired editorial collection stylesheet parsing + defensive sizing */
.collectionAnchorGrid{align-items:start}
.collectionAnchorCard{align-self:start}
.anchorPoster{aspect-ratio:2/3;height:auto;min-height:0;max-height:none}
.anchorPoster img{aspect-ratio:2/3}
@media(min-width:1221px){.collectionAnchorGrid{grid-template-columns:repeat(4,minmax(0,1fr))}.collectionAnchorCard{min-height:0}.anchorPoster{height:auto}}


/* V80 — collection architecture: anchors -> defining works -> long tail -> related */
.collectionCore{margin:0 0 34px;padding:0 0 32px;border-bottom:1px solid #263036}
.collectionCore .collectionTierHead p,.collectionLongTail .collectionTierHead p,.collectionRelated .collectionTierHead p{margin:3px 0 0;color:#8f999e;font-size:10px;line-height:1.4}
.collectionCoreGrid{margin-top:0}
.collectionRelated{margin:38px 0 18px;padding-top:28px;border-top:1px solid #263036}
.collectionRelatedGrid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:9px}
.collectionRelatedGrid .collectionCard{min-height:112px;padding:12px 13px;gap:5px;border-radius:11px}
.collectionRelatedGrid .collectionCard strong{font-size:16px;line-height:1.06}
.collectionRelatedGrid .collectionCard small{font-size:10px;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.collectionRelatedGrid .collectionCard em{font-size:9px}
.collectionRelatedGrid .collectionType{font-size:8px}
@media(max-width:1180px){.collectionRelatedGrid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:820px){.collectionRelatedGrid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:620px){.collectionRelatedGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.collectionCore{margin-bottom:26px;padding-bottom:24px}}

/* V83 — mature themes kept deliberately deep in Collections, with 18+ gate. */
.matureCollectionEntry{margin:54px 0 16px;padding:18px 20px;border-top:1px solid #263036;border-bottom:1px solid #263036;display:flex;align-items:center;justify-content:space-between;gap:24px;background:linear-gradient(90deg,rgba(184,126,84,.055),rgba(255,255,255,.012))}
.matureCollectionEntry h3{margin:4px 0 5px;font-family:Georgia,'Times New Roman',serif;font-size:22px;font-weight:500;color:#ded8d2}
.matureCollectionEntry p{max-width:720px;margin:0;color:#858f94;font-size:10.5px;line-height:1.5}
.matureCollectionEntry button{flex:0 0 auto;border:1px solid rgba(184,126,84,.38);background:#151312;color:#c9a083;border-radius:999px;padding:10px 14px;font:700 10px/1 inherit;letter-spacing:.02em;cursor:pointer}
.matureCollectionEntry button:hover{border-color:rgba(214,149,105,.7);color:#e0b18e}
.matureCollectionGroup{margin-top:48px;padding-top:24px;border-top:1px solid #263036}
.matureNotice{display:flex;gap:12px;align-items:baseline;margin:0 0 14px;padding:10px 12px;border:1px solid rgba(184,126,84,.2);border-radius:9px;background:rgba(184,126,84,.05);color:#8f999e;font-size:10px;line-height:1.4}
.matureNotice strong{color:#c89b7a;white-space:nowrap;text-transform:uppercase;font-size:8.5px;letter-spacing:.09em}
.matureGateOverlay{z-index:1200;display:flex;align-items:center;justify-content:center;padding:20px}
.matureGateCard{position:relative;z-index:2;width:min(520px,calc(100vw - 32px));padding:28px;border:1px solid #354148;border-radius:16px;background:linear-gradient(145deg,#11191d,#0b1114);box-shadow:0 26px 80px rgba(0,0,0,.6);color:#eee9e4}
.matureGateCard h2{font-family:Georgia,'Times New Roman',serif;font-size:31px;font-weight:500;margin:7px 0 12px}
.matureGateCard>p{color:#a0a8ac;font-size:12px;line-height:1.55;margin:0 0 14px}
.matureGateCard .modalClose{position:absolute;right:14px;top:12px;border:0;background:none;color:#aeb6ba;font-size:24px;cursor:pointer}
.matureGateDisclaimer{margin:16px 0;padding:13px 14px;border-left:2px solid #bb7e58;background:rgba(187,126,88,.07);color:#b6bdc0;font-size:11px;line-height:1.5}
.matureGateDisclaimer strong{color:#e0ab86}
.matureGateActions{display:flex;gap:10px;margin-top:20px}
.matureGateActions button{border:1px solid #c77d51;background:#ad623a;color:#fff;border-radius:9px;padding:11px 14px;font:700 11px/1 inherit;cursor:pointer}
.matureGateActions button.secondary{border-color:#3a464c;background:#151d21;color:#aeb7bb}
@media(max-width:620px){.matureCollectionEntry{align-items:flex-start;flex-direction:column;margin-top:38px;padding:15px}.matureNotice{align-items:flex-start;flex-direction:column}.matureGateCard{padding:24px 20px}.matureGateActions{flex-direction:column}.matureGateActions button{width:100%}}

/* V84 — medium/source taxonomy and stronger collection identity tiers. */
.formatSourceRow{display:flex;align-items:end;gap:10px;padding:0 0 12px;margin-top:-2px}
.formatSourceLabel{align-self:center;margin-right:2px;color:#78848a;font-size:8px;font-weight:800;letter-spacing:.12em;white-space:nowrap}
.formatSourceRow label{display:flex;flex-direction:column;gap:5px;min-width:150px;color:#7f8a90;font-size:8px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.formatSourceRow select{height:33px;border:1px solid #39464d;border-radius:7px;background:#151e22;color:#c8cfd2;padding:0 28px 0 9px;font-size:10px}
.collectionCrossover{margin-top:34px;padding-top:28px;border-top:1px solid #273238}
.collectionCrossoverGrid{opacity:.96}
@media(max-width:980px){.formatSourceRow{padding:0 10px 12px}.formatSourceLabel{display:none}.formatSourceRow label{min-width:0;flex:1}}
@media(max-width:760px){.formatSourceRow{display:none}}

/* V86 — rights-safe archival playback */
.watchFreeBadge{position:absolute;left:8px;bottom:8px;z-index:3;padding:5px 8px;border-radius:999px;background:rgba(10,16,18,.88);border:1px solid rgba(205,121,69,.65);color:#f2c29e;font-size:9px;font-weight:800;letter-spacing:.04em;box-shadow:0 2px 12px rgba(0,0,0,.24)}
.watchFreeFilter{height:33px;padding:0 12px;border:1px solid #87502f;border-radius:8px;background:#171f23;color:#e6b38d;font-size:10px;font-weight:800;white-space:nowrap}.watchFreeFilter.on{background:#9b5631;color:#fff;border-color:#d88955}
.watchFreeBlock{margin:22px 0 18px;padding:16px;border:1px solid #334249;border-radius:12px;background:linear-gradient(180deg,#121b1f,#10171a)}
.watchFreeHead{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.watchFreeHead h3{margin:3px 0 0;font-family:Georgia,serif;font-size:25px;color:#f4f0e8}.publicDomainBadge{border:1px solid #87502f;border-radius:999px;padding:5px 8px;color:#d99261;font-size:9px;font-weight:800;letter-spacing:.12em}
.playFullMovie{margin-top:13px;width:100%;min-height:48px;border:1px solid #d27a45;border-radius:10px;background:#a85d35;color:white;font-size:14px;font-weight:800;display:flex;align-items:center;justify-content:center;gap:9px}.playFullMovie:hover{filter:brightness(1.06)}
.watchFreeContext{display:flex;flex-wrap:wrap;justify-content:space-between;gap:6px;margin-top:10px;color:#8e9a9f;font-size:10px}.watchFreeContext b{color:#d6dcde}.sourceRightsToggle{margin-top:10px;padding:0;border:0;background:transparent;color:#c87c4c;font-size:10px;text-decoration:underline;text-underline-offset:3px}.sourceRightsPanel{margin-top:10px;padding:12px;border-top:1px solid #27343a;background:#0e1518}.sourceRightsPanel dl{margin:0;display:grid;gap:6px}.sourceRightsPanel dl div{display:grid;grid-template-columns:110px 1fr;gap:12px;font-size:10px}.sourceRightsPanel dt{color:#748188}.sourceRightsPanel dd{margin:0;color:#c9d0d2;word-break:break-word}.sourceRightsPanel a{display:inline-block;margin:10px 12px 0 0;color:#d58a5a;font-size:10px}
.archivePlayerOverlay{position:fixed;inset:0;z-index:12000;background:rgba(0,0,0,.82);display:flex;align-items:center;justify-content:center;padding:26px}.archivePlayerOverlay .overlayCloseZone{position:absolute;inset:0;background:transparent;border:0}.archivePlayerCard{position:relative;z-index:1;width:min(1100px,96vw);max-height:94vh;overflow:auto;border:1px solid #34434a;border-radius:14px;background:#0b1114;box-shadow:0 28px 90px rgba(0,0,0,.65)}.archivePlayerTop{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;padding:16px 18px;border-bottom:1px solid #28343a}.archivePlayerTop h2{margin:3px 0 2px;font-family:Georgia,serif;font-size:25px}.archivePlayerTop p{margin:0;color:#89959a;font-size:10px}.archivePlayerTop>button{width:38px;height:38px;border-radius:50%;border:1px solid #44525a;background:#151e22;color:white;font-size:22px}.archivePlayerStage{background:#000;display:flex;align-items:center;justify-content:center;min-height:320px}.archivePlayerStage video,.archivePlayerStage iframe{display:block;width:100%;height:min(72vh,720px);background:#000;border:0;object-fit:contain}.archivePlayerFoot{display:flex;justify-content:space-between;gap:16px;padding:11px 18px;color:#78858a;font-size:9px}
.ownerArchiveBtn{border:1px solid #87502f!important;color:#dca176!important;background:#171411!important}.archiveAdminPanel{width:min(1180px,96vw)!important}.archiveAdminBody{padding:18px;overflow:auto}.archivePolicy{padding:12px;border:1px solid #3b4549;border-radius:9px;background:#11191c;color:#aab4b8;font-size:11px}.archiveAdminGrid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(300px,.8fr);gap:22px}.archiveAdminGrid h3{font-family:Georgia,serif;font-size:20px;margin:18px 0 10px}.archiveSearchRow{display:grid;grid-template-columns:1fr 90px auto auto;gap:7px}.archiveSearchRow input,.archiveForm input,.archiveForm select{min-height:37px;border:1px solid #37454c;border-radius:7px;background:#131c20;color:#e6e8e7;padding:8px}.archiveSearchRow button,.archiveExistingHead button,.archiveSave{border:1px solid #87502f;border-radius:7px;background:#9b5631;color:white;padding:8px 11px}.archiveCandidates{display:grid;gap:6px;max-height:260px;overflow:auto;margin-top:8px}.archiveCandidates>button{text-align:left;display:grid;gap:2px;border:1px solid #303c42;border-radius:8px;background:#121a1e;color:#d9ddde;padding:8px}.archiveCandidates span,.archiveCandidates small{color:#7f8d92;font-size:9px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.archiveHint{display:block;padding:15px;color:#76858b;border:1px dashed #334148;border-radius:8px}.archiveForm{display:grid;grid-template-columns:1fr 1fr;gap:9px}.archiveForm label{display:grid;gap:4px;color:#87949a;font-size:9px;text-transform:uppercase;letter-spacing:.08em}.archiveForm .wide,.archiveForm .archiveSave{grid-column:1/-1}.archiveForm label.check{display:flex;align-items:center;gap:8px;flex-direction:row;text-transform:none;font-size:10px}.archiveForm label.check input{min-height:0}.archiveExistingHead{display:flex;justify-content:space-between;align-items:center}.archiveExisting{min-width:0}.archiveExisting article{display:grid;grid-template-columns:1fr auto auto;gap:8px;align-items:center;padding:10px 0;border-bottom:1px solid #27343a}.archiveExisting article div{display:grid;gap:2px;min-width:0}.archiveExisting article span,.archiveExisting article small{color:#7e8b90;font-size:9px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.archiveExisting article button{border:1px solid #3c4a50;background:#151e22;color:#c5cdcf;border-radius:6px;padding:6px 8px;font-size:9px}.archiveExisting article button.danger{color:#d99783;border-color:#70453a}
@media(max-width:800px){.archivePlayerOverlay{padding:0}.archivePlayerCard{width:100vw;max-height:100vh;height:100vh;border-radius:0}.archivePlayerStage{min-height:220px}.archivePlayerStage video,.archivePlayerStage iframe{height:auto;max-height:70vh;aspect-ratio:16/9;object-fit:contain}.archivePlayerFoot{display:block}.archiveAdminGrid{grid-template-columns:1fr}.archiveSearchRow{grid-template-columns:1fr 76px}.archiveSearchRow button{grid-row:2}.archiveForm{grid-template-columns:1fr}.archiveForm .wide,.archiveForm .archiveSave{grid-column:auto}.watchFreeBlock{margin:16px 0}.formatSourceRow{display:none}}
.archiveManageMovie{border:1px solid #4a3b31!important;background:transparent!important;color:#b9825f!important}.personKnownPoster{position:relative;display:block}.personKnownPoster .watchFreeBadge{font-style:normal}
.mobileWatchFreeCheck button{width:100%;margin-top:4px}
.archiveInline{display:grid;grid-template-columns:1fr auto;gap:6px}.archiveInline button{border:1px solid #3d4a50;border-radius:7px;background:#172126;color:#c7d0d2;padding:0 9px;font-size:9px}

/* V87: Silent & Early Cinema taxonomy + poster authority consistency. */


/* V88 — catalogue filter hierarchy repair */
.catalogueMoreRow{display:flex;align-items:center;padding-top:10px;border-top:1px solid #28343a;margin-top:10px}
.catalogueMoreToggle{min-height:34px;padding:0 12px;border:1px solid #39474e;border-radius:8px;background:#151e22;color:#c4ccd0;font-size:10px;font-weight:750;letter-spacing:.01em}
.catalogueMoreToggle span{display:inline-block;margin-left:7px;color:#d98b5c;font-size:14px;line-height:1}
.catalogueMoreToggle:hover,.catalogueMoreToggle.on{border-color:#8f5b3d;background:#1e211f;color:#fff}
.catalogueMorePanel{display:grid;grid-template-columns:minmax(210px,1.25fr) minmax(170px,.75fr) minmax(190px,.85fr) minmax(190px,.85fr);gap:10px;align-items:end;margin-top:10px;padding:12px;border:1px solid #2d3a40;border-radius:9px;background:#10181c}
.catalogueMoreIdentity{align-self:center;padding-right:12px}.catalogueMoreIdentity span{display:block;color:#c47a4f;font-size:8px;font-weight:850;letter-spacing:.14em}.catalogueMoreIdentity small{display:block;margin-top:4px;color:#7f8a90;font-size:9px;line-height:1.35}
.catalogueMorePanel label,.availabilityFilter{display:flex;flex-direction:column;gap:5px;min-width:0}.catalogueMorePanel label>span,.availabilityFilter>span{color:#849096;font-size:8px;font-weight:800;letter-spacing:.09em;text-transform:uppercase}
.catalogueMorePanel select{width:100%;height:34px;border:1px solid #39464d;border-radius:7px;background:#151e22;color:#d6dbdd;padding:0 28px 0 10px;font-size:10px}
.catalogueMorePanel .watchFreeFilter{width:100%;height:34px;text-align:left;background:#151e22;border-color:#47545a;color:#c9d0d2}.catalogueMorePanel .watchFreeFilter.on{background:#302019;border-color:#bd7146;color:#f0b28d}
@media(max-width:1050px){.catalogueMorePanel{grid-template-columns:1fr 1fr 1fr}.catalogueMoreIdentity{grid-column:1/-1}.catalogueMoreIdentity small{max-width:560px}}
@media(max-width:760px){.catalogueMoreRow,.catalogueMorePanel{display:none}}


/* V90 — universal playback eligibility + prioritized verification queue */
.archiveQueueCount{color:#b88767;font-size:9px;font-weight:800;letter-spacing:.04em}
.archiveQueue{display:grid;gap:0;max-height:430px;overflow:auto;margin-bottom:18px;border:1px solid #29363c;border-radius:9px;background:#0e1518}
.archiveQueue article{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:center;padding:10px 11px;border-bottom:1px solid #253137}
.archiveQueue article:last-child{border-bottom:0}.archiveQueue article.done{opacity:.55}.archiveQueue article div{display:grid;gap:2px;min-width:0}
.archiveQueue article span,.archiveQueue article small{color:#7e8b90;font-size:9px;line-height:1.3}.archiveQueue article small{white-space:normal}
.archiveQueue article button{border:1px solid #765039;background:#171d20;color:#d9a17c;border-radius:6px;padding:6px 9px;font-size:9px}.archiveQueue article em{font-style:normal;color:#78a68b;font-size:9px;font-weight:800}
.archiveStoredHead{margin-top:8px;padding-top:16px;border-top:1px solid #2b373d}

/* V92 — compact instant Collections search */
.collectionSearchWrap{max-width:760px;margin:26px 0 4px}
.collectionSearch{height:48px;display:flex;align-items:center;gap:11px;border:1px solid rgba(255,255,255,.14);background:#0f1518;border-radius:12px;padding:0 12px 0 15px;transition:border-color .16s ease,box-shadow .16s ease,background .16s ease}
.collectionSearch:focus-within{border-color:rgba(190,126,81,.65);box-shadow:0 0 0 3px rgba(190,126,81,.09);background:#11191d}
.collectionSearch>span{font-size:18px;color:#c58a61;line-height:1}
.collectionSearch input{min-width:0;flex:1;border:0;outline:0;background:transparent;color:#eee9e2;font:500 14px/1.2 inherit;padding:0}
.collectionSearch input::placeholder{color:#7f888d}
.collectionSearchClear{width:30px;height:30px;border:0;border-radius:999px;background:transparent;color:#8e979b;font-size:20px;line-height:1;cursor:pointer;padding:0}
.collectionSearchClear:hover{background:rgba(255,255,255,.07);color:#eee9e2}
.collectionSearchMeta{height:20px;padding:6px 2px 0;color:#818b90;font-size:10px;letter-spacing:.08em;text-transform:uppercase}
.collectionSearchEmpty{margin:12px 0 30px;padding:22px;border:1px solid rgba(255,255,255,.09);border-radius:12px;background:#0d1215;color:#d8d4cd}
.collectionSearchEmpty strong{display:block;font-family:Georgia,'Times New Roman',serif;font-size:22px;margin-bottom:5px}
.collectionSearchEmpty span{color:#8d969a;font-size:12px}
.collectionsPage .collectionCard[hidden],.collectionsPage .collectionGroup[hidden]{display:none!important}
@media(max-width:760px){.collectionSearchWrap{max-width:none;margin:20px 0 2px}.collectionSearch{height:46px;border-radius:11px}.collectionSearch input{font-size:13px}}

/* v93 — Quick List + Private Vault workspace drawers */
.workspacePanel{
  position:fixed!important;top:0;right:0;bottom:0;
  width:min(1080px,96vw)!important;max-width:1080px!important;height:100dvh!important;
  display:grid!important;grid-template-rows:auto minmax(0,1fr)!important;
  overflow:hidden!important;background:#0d1317!important;color:#f1eee8!important;
  border-left:1px solid #344047!important;box-shadow:-32px 0 76px rgba(0,0,0,.48);z-index:2;
}
.workspaceTop{
  position:relative!important;top:auto!important;min-height:82px!important;height:auto!important;
  padding:14px 20px 14px 24px!important;display:flex!important;align-items:center!important;
  justify-content:space-between!important;gap:22px;border-bottom:1px solid #29343a!important;
  background:rgba(13,19,23,.97)!important;backdrop-filter:blur(18px);
}
.workspaceHeading{min-width:0;display:block!important}
.workspaceHeading .drawerLabel{display:block;margin-bottom:3px}
.workspaceHeading h2{margin:0!important;font-family:Georgia,serif!important;font-size:26px!important;line-height:1.05}
.workspaceHeading p{margin:5px 0 0;color:#8f999e;font-size:10px;line-height:1.45}
.workspaceClose{
  flex:0 0 auto;width:36px!important;height:36px!important;min-height:36px!important;padding:0!important;
  display:grid!important;place-items:center;border-radius:50%!important;border:1px solid #46545c!important;
  background:#182126!important;color:#f1eee8!important;font-size:20px!important;line-height:1!important;
}
.workspaceClose:hover{background:#263238!important;border-color:#9c694c!important}
.workspaceBody{
  min-height:0!important;overflow-y:auto!important;overscroll-behavior:contain;
  display:grid!important;grid-template-columns:270px minmax(0,1fr)!important;align-items:stretch;
  scrollbar-gutter:stable;
}
.workspaceRail{
  min-width:0;padding:18px 16px 26px!important;background:#0a1013!important;border-right:1px solid #283238!important;
}
.workspaceContent{min-width:0;padding:24px 26px 42px!important;background:#0d1317!important}
.workspaceInfo{
  display:grid;gap:5px;padding:12px 13px;margin-bottom:18px;border:1px solid #2e3940;border-radius:9px;
  background:#11191d;color:#89949a;font-size:9px;line-height:1.5;
}
.workspaceInfo b{color:#d9dddc;font-size:10px}
.workspaceSectionLabel{
  margin:0 0 8px;color:#7f8a90;font-size:8px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;
}
.workspaceNav{display:grid!important;gap:6px!important;padding:0!important;border:0!important}
.workspaceNav button{
  width:100%!important;min-height:39px!important;padding:0 10px!important;display:flex!important;align-items:center!important;
  justify-content:space-between!important;gap:10px!important;border:1px solid #344047!important;border-radius:7px!important;
  background:#141d22!important;color:#dde1e1!important;text-align:left!important;
}
.workspaceNav button:hover{background:#202b31!important;border-color:#65737a!important}
.workspaceNav button.on{background:#74452f!important;border-color:#c17b56!important;color:#fff!important}
.workspaceNav button b{font-size:9px!important;color:#aab2b6!important;font-variant-numeric:tabular-nums}
.workspaceUtility{margin-top:20px;padding-top:16px;border-top:1px solid #263137}
.workspaceUtility .newlist{margin:0!important;border:0!important;display:grid!important;grid-template-columns:1fr!important;gap:7px!important}
.workspaceUtility .newlist input{
  width:100%!important;min-width:0!important;height:38px!important;padding:0 10px!important;border:1px solid #3b4850!important;
  border-radius:7px!important;background:#131c21!important;color:#f0f1ef!important;outline:0!important;
}
.workspaceUtility .newlist input:focus{border-color:#a86a48!important}
.workspaceUtility .newlist button{width:100%!important;height:36px!important;min-height:36px!important;border-radius:7px!important}
.workspaceTools .export{padding:0!important;border:0!important;margin:0!important;display:grid!important;grid-template-columns:1fr 1fr!important;gap:7px!important}
.workspaceTools .export button,.workspaceTools .importbtn{
  width:100%!important;min-height:34px!important;height:34px!important;margin:0!important;padding:0 8px!important;
  display:grid!important;place-items:center!important;border-radius:6px!important;font-size:8px!important;text-align:center!important;
}
.workspaceTools .importbtn{grid-column:1/-1}
.workspaceContentHead{
  display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:20px;padding-bottom:15px;border-bottom:1px solid #283238;
}
.workspaceContentHead>div{min-width:0}
.workspaceContentHead h3{margin:3px 0 0;font-family:Georgia,serif;font-size:27px;line-height:1.05;color:#f1eee8}
.workspaceContentHead p{margin:6px 0 0;color:#89949a;font-size:10px;line-height:1.45}
.workspaceContentHead>span{flex:0 0 auto;color:#879198;font-size:9px;white-space:nowrap}
.workspaceEmpty{
  min-height:330px;padding:30px;border:1px dashed #344047;border-radius:10px;background:#0c1215;
  display:grid;place-content:center;justify-items:center;text-align:center;gap:7px;color:#8e999e;
}
.workspaceEmptyIcon{
  width:44px;height:44px;border-radius:50%;display:grid;place-items:center;margin-bottom:3px;
  border:1px solid #45535b;background:#151e23;color:#ca8056;font-size:19px;
}
.workspaceEmpty b{color:#e9e5de;font-size:13px}
.workspaceEmpty span{max-width:42ch;font-size:10px;line-height:1.55}
.workspaceEmpty strong{color:#d8956c}
.quickRows{display:grid;gap:0}
.quickMovieRow{
  min-height:88px;padding:10px 4px!important;border-top:1px solid #253037!important;display:grid!important;
  grid-template-columns:48px minmax(0,1fr) 32px!important;gap:12px!important;align-items:center!important;
}
.quickMovieRow:first-child{border-top:0!important}
.quickMovieRow img{width:48px!important;height:70px!important;border-radius:5px;border:1px solid #344047}
.quickMovieRow b{font-size:11px!important;color:#edf0ef}
.quickMovieRow span{font-size:9px!important;color:#879198!important}
.quickMovieRow>button{width:30px!important;height:30px!important;border-radius:50%!important;padding:0!important}
.vaultPanel{width:min(1080px,96vw)!important;max-width:1080px!important;overflow:hidden!important}
.vaultPanel .paneltop{padding:14px 20px 14px 24px!important;min-height:82px!important}
.vaultTopActions{flex:0 0 auto;display:flex!important;align-items:center!important;gap:7px!important}
.vaultTopActions .ownerArchiveBtn,.vaultTopActions .ownerLogout{
  min-height:34px!important;height:34px!important;padding:0 11px!important;border-radius:7px!important;font-size:9px!important;
}
.vaultTopActions .ownerArchiveBtn{border:1px solid #985f3d!important;background:#2b1d16!important;color:#e5a279!important}
.vaultTopActions .ownerLogout{border:1px solid #46545c!important;background:#172126!important;color:#dce1e1!important}
.vaultIntro{display:none!important}
.vaultBody{display:contents!important;min-height:0!important}
.vaultSidebar{padding:18px 16px 26px!important;border-right:1px solid #283238!important;border-bottom:0!important;background:#0a1013!important}
.vaultNew{margin-top:0!important}
.vaultExport{margin-top:0!important}
.vaultContent{padding:24px 26px 42px!important}
.vaultTitle{margin-bottom:20px!important;align-items:flex-end!important}
.vaultTitle h3{font-size:27px!important}
.vaultGrid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:20px 14px!important}
.vaultEmpty{min-height:330px!important}
.vaultOverlay>.overlayCloseZone{inset:0 min(1080px,96vw) 0 0!important}
@media(max-width:980px){
  .workspacePanel,.vaultPanel{width:min(900px,100vw)!important;max-width:none!important}
  .workspaceBody{grid-template-columns:230px minmax(0,1fr)!important}
  .vaultGrid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  .vaultOverlay>.overlayCloseZone{display:none!important}
}
@media(max-width:700px){
  .workspacePanel,.vaultPanel{width:100vw!important;max-width:none!important;border-left:0!important}
  .workspaceTop,.vaultPanel .paneltop{min-height:70px!important;padding:10px 12px 10px 14px!important;gap:10px!important}
  .workspaceHeading h2,.vaultPanel .paneltop h2{font-size:21px!important}
  .workspaceHeading p{display:none}
  .vaultTopActions{gap:5px!important}
  .vaultTopActions .ownerArchiveBtn{max-width:105px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .vaultTopActions .ownerLogout{display:none!important}
  .workspaceBody{display:block!important;overflow-y:auto!important}
  .workspaceRail,.vaultSidebar{padding:12px!important;border-right:0!important;border-bottom:1px solid #283238!important}
  .workspaceInfo{margin-bottom:10px}
  .workspaceSectionLabel{margin-bottom:7px}
  .workspaceNav,.vaultListNav{display:flex!important;overflow-x:auto!important;gap:6px!important;scrollbar-width:none}
  .workspaceNav::-webkit-scrollbar,.vaultListNav::-webkit-scrollbar{display:none}
  .workspaceNav button,.vaultListNav button{flex:0 0 auto!important;width:auto!important;min-width:116px!important;min-height:36px!important}
  .workspaceUtility{display:none!important}
  .workspaceContent,.vaultContent{padding:16px 12px 32px!important}
  .workspaceContentHead{margin-bottom:14px;padding-bottom:12px}
  .workspaceContentHead h3,.vaultTitle h3{font-size:22px!important}
  .workspaceContentHead p{font-size:9px}
  .workspaceEmpty,.vaultEmpty{min-height:260px!important}
  .vaultGrid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:16px 10px!important}
}

/* V96 — Owner Vault authenticated status */
.vaultBtn.vaultAuthenticated{display:inline-flex;align-items:center;justify-content:center;gap:7px}
.vaultStatusDot{display:inline-block;width:7px;height:7px;flex:0 0 7px;border-radius:50%;background:#45c978;box-shadow:0 0 0 2px rgba(69,201,120,.12),0 0 8px rgba(69,201,120,.22)}
@media(max-width:700px){.vaultStatusDot{width:6px;height:6px;flex-basis:6px}}


/* V97 — collection family identity + diverse featured gateways */
.collectionCard{position:relative;overflow:hidden}
.collectionCard .collectionType{display:flex;align-items:center;gap:6px}
.collectionCard .collectionType::before{display:inline-block;min-width:11px;font-size:8px;line-height:1;color:#c8916a;opacity:.9;transform:translateY(-.5px)}
.collectionCard[data-family="People"] .collectionType::before{content:"●"}
.collectionCard[data-family="Partnerships"] .collectionType::before{content:"● ●";font-size:6px;letter-spacing:-1px;min-width:14px}
.collectionCard[data-family="Movements"] .collectionType::before{content:"↗"}
.collectionCard[data-family="Genres & subgenres"] .collectionType::before{content:"◆";font-size:7px}
.collectionCard[data-family="Animation & illustrated cinema"] .collectionType::before{content:"◐";font-size:9px}
.collectionCard[data-family="Silent & early cinema"] .collectionType::before{content:"▣";font-size:9px}
.collectionCard[data-family="Periods"] .collectionType::before{content:"—";font-size:11px}
.collectionCard[data-family="Places"] .collectionType::before{content:"⌖";font-size:10px}
.collectionCard[data-family="Craft & form"] .collectionType::before{content:"✦";font-size:9px}
.collectionCard[data-family="Ideas & moods"] .collectionType::before{content:"◌";font-size:10px}
.collectionCard[data-family="History"] .collectionType::before{content:"◇";font-size:9px}
.collectionCard[data-family="Relationships"] .collectionType::before{content:"↔";font-size:9px}
.collectionCard[data-family="Entry points"] .collectionType::before{content:"→";font-size:10px}
/* family cues stay within Gizlen's copper/neutral palette; they change structure, not brand color */
.collectionFeature .collectionCard[data-family="People"]{background:linear-gradient(150deg,rgba(184,126,84,.16),rgba(255,255,255,.025) 42%,rgba(0,0,0,.12))}
.collectionFeature .collectionCard[data-family="Movements"]{background:linear-gradient(180deg,rgba(255,255,255,.035),rgba(184,126,84,.08) 70%,rgba(0,0,0,.12))}
.collectionFeature .collectionCard[data-family="Genres & subgenres"]{background:linear-gradient(135deg,rgba(184,126,84,.09),rgba(255,255,255,.04) 55%,rgba(0,0,0,.14))}
.collectionFeature .collectionCard[data-family="Silent & early cinema"]{background:linear-gradient(145deg,rgba(235,227,214,.055),rgba(184,126,84,.08) 48%,rgba(0,0,0,.16))}
.collectionFeature .collectionCard[data-family="Animation & illustrated cinema"]{background:linear-gradient(155deg,rgba(255,255,255,.045),rgba(184,126,84,.105) 52%,rgba(0,0,0,.13))}
.collectionFeature .collectionCard[data-family="Periods"]{box-shadow:inset 0 2px 0 rgba(196,137,92,.22)}
.collectionFeature .collectionCard[data-family="Places"]{box-shadow:inset 2px 0 0 rgba(196,137,92,.22)}
.collectionFeature .collectionCard[data-family="Craft & form"]{box-shadow:inset 0 0 0 1px rgba(196,137,92,.10)}

/* V99 — expanded collection families + film-culture homage pages */
.collectionCard[data-family="National cinemas"]{border-color:rgba(93,126,151,.38)}
.collectionCard[data-family="National cinemas"] .collectionType::before{content:"◉";color:#7ea1bb}
.collectionCard[data-family="Studios & production cultures"]{border-color:rgba(147,118,82,.42)}
.collectionCard[data-family="Studios & production cultures"] .collectionType::before{content:"▰";color:#bd9367}
.collectionCard[data-family="Cities & film capitals"]{border-color:rgba(116,137,116,.42)}
.collectionCard[data-family="Cities & film capitals"] .collectionType::before{content:"⌖";color:#8baa8b}
.collectionCard[data-family="Film culture & places"]{border-color:rgba(145,104,111,.42)}
.collectionCard[data-family="Film culture & places"] .collectionType::before{content:"▤";color:#b7838b}
.collectionCard[data-family="Adaptation & source"]{border-color:rgba(119,108,146,.42)}
.collectionCard[data-family="Adaptation & source"] .collectionType::before{content:"↳";color:#9488b5}
.collectionCard[data-family="Career & film history"]{border-color:rgba(144,132,92,.42)}
.collectionCard[data-family="Career & film history"] .collectionType::before{content:"⌁";color:#b1a069}
.collectionCard[data-family="Viewing experience"]{border-color:rgba(88,126,124,.42)}
.collectionCard[data-family="Viewing experience"] .collectionType::before{content:"◴";color:#72a19e}

.collectionScene{height:48px;width:100%;margin:-12px -13px 4px;padding:0 13px;box-sizing:content-box;position:relative;display:flex;align-items:flex-end;overflow:hidden;background:linear-gradient(145deg,rgba(185,129,91,.17),rgba(255,255,255,.025) 48%,rgba(0,0,0,.22));border-bottom:1px solid rgba(255,255,255,.06)}
.collectionScene::before{content:"";position:absolute;inset:9px 13px 0;border:1px solid rgba(210,158,116,.16);border-bottom:0;border-radius:5px 5px 0 0;box-shadow:inset 0 -9px 0 rgba(0,0,0,.18)}
.collectionScene i{position:absolute;left:25%;right:17%;bottom:0;height:21px;background:linear-gradient(90deg,transparent,rgba(219,163,119,.13),transparent);clip-path:polygon(0 100%,10% 58%,22% 71%,34% 28%,47% 66%,60% 39%,71% 74%,84% 48%,100% 100%)}
.collectionScene b{position:relative;z-index:1;font-size:8px;letter-spacing:.08em;text-transform:uppercase;color:#b5aaa2;padding-bottom:5px;font-weight:600}
.collectionHubGrid .cultureCollectionCard{min-height:148px}
.collectionFeature .cultureCollectionCard{min-height:190px}

.collectionStoryPage{max-width:1180px;margin:0 auto;padding:34px 28px 80px}
.storyBack{border:0;background:transparent;color:#b8aea7;padding:0 0 18px;cursor:pointer;font-size:12px}
.collectionStoryHero{display:grid;grid-template-columns:minmax(320px,1.05fr) minmax(0,1fr);gap:32px;align-items:stretch;border:1px solid rgba(255,255,255,.08);border-radius:20px;overflow:hidden;background:linear-gradient(145deg,rgba(184,126,84,.08),rgba(255,255,255,.02) 50%,rgba(0,0,0,.18));box-shadow:0 24px 70px rgba(0,0,0,.22)}
.collectionStoryVisual{min-height:310px;position:relative;overflow:hidden;background:radial-gradient(circle at 68% 22%,rgba(202,145,102,.21),transparent 25%),linear-gradient(155deg,#1b1715 0,#0f0f10 62%,#181311 100%)}
.collectionStoryVisual::before{content:"";position:absolute;left:9%;right:9%;bottom:17%;height:46%;border:1px solid rgba(213,162,122,.22);border-radius:7px 7px 2px 2px;box-shadow:0 13px 30px rgba(0,0,0,.35),inset 0 -54px 0 rgba(0,0,0,.18)}
.collectionStoryVisual::after{content:"";position:absolute;left:14%;right:14%;bottom:17%;height:13%;background:repeating-linear-gradient(90deg,rgba(216,162,119,.22) 0 12px,transparent 12px 27px);opacity:.48}
.collectionStoryVisual span{position:absolute;width:145px;height:145px;border:1px solid rgba(215,162,120,.13);border-radius:50%;right:12%;top:12%;box-shadow:inset 0 0 0 22px rgba(215,162,120,.025),inset 0 0 0 44px rgba(215,162,120,.018)}
.collectionStoryVisual i{position:absolute;left:0;right:0;bottom:0;height:21%;background:linear-gradient(180deg,transparent,rgba(0,0,0,.5))}
.collectionStoryVisual b{position:absolute;left:9%;bottom:8%;font-size:9px;letter-spacing:.18em;color:#b98462;font-weight:700}
.collectionStoryIntro{padding:45px 42px 42px 0;display:flex;flex-direction:column;justify-content:center}
.collectionStoryIntro h1{font-family:Georgia,'Times New Roman',serif;font-size:45px;line-height:1.03;font-weight:500;margin:7px 0 8px;letter-spacing:-.035em}
.storyLocation{font-size:12px;color:#c49572;margin:0 0 20px;letter-spacing:.03em}
.collectionStoryIntro .lead{font-size:16px;line-height:1.65;color:#bbb3ad;max-width:600px}
.storyWhy,.storyRelated,.storyPrinciple{margin-top:32px;border-top:1px solid rgba(255,255,255,.07);padding-top:28px}
.storyWhy h2{font-family:Georgia,'Times New Roman',serif;font-weight:500;font-size:28px;margin:6px 0 9px}
.storyWhy p,.storyPrinciple p{max-width:760px;color:#aaa39e;font-size:14px;line-height:1.7}
.storyExplore{margin-top:16px;border:1px solid rgba(198,145,106,.38);background:rgba(184,126,84,.10);color:#e4c2a9;border-radius:10px;padding:10px 14px;cursor:pointer}
.collectionStoryPage .collectionRelatedGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
@media(max-width:820px){.collectionStoryPage{padding:24px 16px 60px}.collectionStoryHero{grid-template-columns:1fr}.collectionStoryVisual{min-height:220px}.collectionStoryIntro{padding:0 22px 28px}.collectionStoryIntro h1{font-size:34px}.collectionStoryPage .collectionRelatedGrid{grid-template-columns:1fr 1fr}}
@media(max-width:480px){.collectionStoryPage .collectionRelatedGrid{grid-template-columns:1fr}.collectionStoryVisual{min-height:190px}}


/* V100 — compact collection bridge at the end of the film drawer */
.exploreMoreSidebar{margin-top:28px;padding-top:22px;border-top:1px solid rgba(203,139,92,.16)}
.exploreMoreHead h3{margin:0;color:#f3eee8;font-size:17px;letter-spacing:-.01em}.exploreMoreHead p{margin:5px 0 13px;color:#8f8982;font-size:12.5px;line-height:1.45}
.exploreMoreLinks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.exploreMoreLinks button{min-width:0;text-align:left;padding:11px 12px;border-radius:10px;border:1px solid rgba(203,139,92,.18);background:rgba(255,255,255,.025);color:inherit;display:grid;gap:3px;cursor:pointer;transition:border-color .16s ease,background .16s ease,transform .16s ease}.exploreMoreLinks button:hover{border-color:rgba(203,139,92,.42);background:rgba(203,139,92,.055);transform:translateY(-1px)}.exploreMoreLinks span{font-size:9px;line-height:1.2;letter-spacing:.11em;text-transform:uppercase;color:#8f8982}.exploreMoreLinks b{font-size:12.5px;line-height:1.25;color:#e9e4de;font-weight:650}.exploreMoreLinks em{font-size:10.5px;color:#c98a62;font-style:normal;margin-top:2px}
@media(max-width:620px){.exploreMoreLinks{grid-template-columns:1fr}.exploreMoreSidebar{margin-top:23px;padding-top:18px}}

/* V102 — new cultural collection families */
.collectionCard[data-family="Music & cinema"]{border-color:rgba(143,102,139,.44)}
.collectionCard[data-family="Music & cinema"] .collectionType::before{content:"♪";color:#b889b4;font-size:10px}
.collectionCard[data-family="Art, artists & visual culture"]{border-color:rgba(137,120,79,.44)}
.collectionCard[data-family="Art, artists & visual culture"] .collectionType::before{content:"✧";color:#b9a56d;font-size:9px}
.collectionCard[data-family="Biopics"]{border-color:rgba(104,126,146,.44)}
.collectionCard[data-family="Biopics"] .collectionType::before{content:"◉";color:#87a1b8;font-size:8px}
.collectionCard[data-family="Tributes & anniversaries"]{border-color:rgba(154,119,94,.48)}
.collectionCard[data-family="Tributes & anniversaries"] .collectionType::before{content:"✦";color:#c69a78;font-size:9px}
.editorialCollectionCard{background:linear-gradient(145deg,rgba(184,126,84,.13),rgba(255,255,255,.025) 50%,rgba(0,0,0,.16))}


/* V108 — post-Media title reminder */
.postMediaIdentity{margin:30px 0 4px;padding-top:22px;border-top:1px solid rgba(203,139,92,.16)}
.postMediaTitleLabel{margin:0 0 7px;color:#b47a51;font-size:9px;line-height:1;letter-spacing:.18em;font-weight:800}
.postMediaIdentity h3{margin:0;font-family:Georgia,serif;font-size:21px;line-height:1.16;color:#f2efe9;font-weight:700}
.postMediaTitleVariants{display:flex;flex-wrap:wrap;gap:5px 18px;margin-top:7px}.postMediaIdentity p{display:flex;gap:7px;align-items:baseline;margin:0;color:#9aa4a9;font-size:11px;line-height:1.35;font-weight:500}
.postMediaIdentity p span{color:#68757c;font-size:9px;letter-spacing:.11em;text-transform:uppercase;font-weight:800}
.postMediaIdentity + .discoveryTail{margin-top:18px}
@media(max-width:620px){.postMediaIdentity{margin-top:24px;padding-top:18px}.postMediaIdentity h3{font-size:19px}.postMediaTitleVariants{gap:4px 14px}.postMediaIdentity p{font-size:10px}}


/* V113 — Movie & Show Finder */
.finderPage{max-width:1240px;margin:0 auto;padding-bottom:80px}.finderPage>.lead{max-width:850px}.finderBlock{margin-top:24px;border:1px solid rgba(180,124,73,.28);border-radius:18px;background:rgba(18,17,15,.72);padding:22px}.finderBlockHead{display:flex;gap:14px;align-items:flex-start;margin-bottom:18px}.finderBlockHead>span{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:#b77a49;color:#160f0a;font-weight:800;flex:0 0 28px}.finderBlockHead h2{margin:0 0 4px;font-size:20px}.finderBlockHead p{margin:0;color:#9c978e;font-size:13px}.finderServices,.finderTypeRow,.finderSafety{display:flex;flex-wrap:wrap;gap:9px}.finderServices button,.finderTypeRow button,.finderSafety button,.finderPresetToggle,.finderPresets button{border:1px solid rgba(255,255,255,.12);background:#171715;color:#d8d2c7;border-radius:999px;padding:10px 14px;cursor:pointer}.finderServices button.on,.finderTypeRow button.on,.finderSafety button.on{border-color:#b77a49;background:rgba(183,122,73,.16);color:#f2d3b4}.finderChoiceGroup+.finderChoiceGroup{margin-top:15px}.finderSectionLabel{display:block;font-size:10px;color:#8e8981;text-transform:uppercase;letter-spacing:.14em;margin-bottom:8px}.finderAudience{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.finderAudience button{min-height:82px;text-align:left;border:1px solid rgba(255,255,255,.11);background:#141412;color:#eee5d8;border-radius:14px;padding:14px;cursor:pointer}.finderAudience button.on{border-color:#b77a49;box-shadow:inset 0 0 0 1px rgba(183,122,73,.22)}.finderAudience b,.finderAudience span{display:block}.finderAudience span{font-size:12px;color:#918c84;margin-top:5px}.finderPresetToggle{margin-top:14px;background:transparent}.finderPresets{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px;padding-top:10px;border-top:1px solid rgba(255,255,255,.08)}.finderControls{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.finderControls label{font-size:11px;color:#8e8981;text-transform:uppercase;letter-spacing:.08em}.finderControls select{display:block;width:100%;margin-top:7px;background:#10100f;color:#eee;border:1px solid rgba(255,255,255,.12);border-radius:10px;padding:11px}.finderSafety{margin-top:18px;align-items:center}.finderSubhead{font-size:11px;color:#9a948a;text-transform:uppercase;letter-spacing:.1em;margin-right:4px}.finderRun{margin-top:20px;border:0;border-radius:10px;padding:12px 20px;background:#b77a49;color:#140e09;font-weight:800;cursor:pointer}.finderResults{margin-top:24px}.finderQuerySummary{display:flex;justify-content:space-between;gap:18px;align-items:center;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.025);border-radius:14px;padding:13px 15px;margin-bottom:18px}.finderQuerySummary b{display:block;font-size:13px;color:#ddd5ca}.finderQuerySummary>div>div{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.finderQuerySummary>div>div span{font-size:10px;color:#c5aa90;border:1px solid rgba(183,122,73,.22);border-radius:999px;padding:4px 7px}.finderQuerySummary button{border:1px solid rgba(255,255,255,.12);background:transparent;color:#d7cabb;border-radius:999px;padding:8px 12px;cursor:pointer}.finderResultsHead{display:flex;justify-content:space-between;gap:20px;align-items:end}.finderResultsHead h2{margin:4px 0 0}.finderResultsHead p{max-width:500px;color:#8f8a82;font-size:12px}.finderGrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:16px}.finderCard{border:1px solid rgba(255,255,255,.09);border-radius:14px;overflow:hidden;background:#121210}.finderCardIncomplete{border-style:dashed;opacity:.96}.finderPoster{display:block;border:0;padding:0;background:transparent;width:100%;cursor:pointer}.finderPoster img{width:100%;aspect-ratio:2/3;object-fit:cover;display:block}.finderCardBody{padding:13px}.finderCardTop{display:flex;justify-content:space-between;font-size:10px;letter-spacing:.1em;color:#9a948a}.finderCard h3{font-size:16px;margin:8px 0 5px}.finderCard p{font-size:12px;color:#9e998f;margin:0}.finderContext{display:flex;flex-wrap:wrap;gap:5px;margin-top:9px}.finderContext span{font-size:10px;color:#aaa49a}.finderBadges{display:flex;flex-wrap:wrap;gap:5px;margin-top:10px}.finderCheck,.finderVerified,.finderUnknownBadge{font-size:10px;border-radius:999px;padding:5px 7px}.finderCheck{background:rgba(76,145,92,.14);color:#9ed2a9;border:1px solid rgba(76,145,92,.28)}.finderVerified{color:#c9aa87;border:1px solid rgba(183,122,73,.25)}.finderUnknownBadge{color:#a8a39a;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.025)}.finderUnknown{display:block;margin-top:8px;color:#a17f69}.finderLoading,.finderEmpty,.finderZero{margin-top:16px;padding:28px;border:1px dashed rgba(255,255,255,.12);border-radius:14px;color:#8e8981;text-align:center}.finderZero b,.finderZero span{display:block}.finderZero b{color:#d5cdc2;margin-bottom:7px}.finderIncompleteControl{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-top:16px;padding:14px 15px;border:1px solid rgba(255,255,255,.08);border-radius:14px;background:rgba(255,255,255,.02)}.finderIncompleteControl b,.finderIncompleteControl span{display:block}.finderIncompleteControl span{font-size:11px;color:#8f8a82;margin-top:3px}.finderIncompleteControl button{border:1px solid rgba(183,122,73,.35);background:rgba(183,122,73,.1);color:#e4c2a2;border-radius:999px;padding:8px 12px;cursor:pointer}.finderIncompleteGrid{margin-top:12px}@media(max-width:800px){.finderAudience{grid-template-columns:1fr 1fr}.finderControls{grid-template-columns:1fr}.finderGrid{grid-template-columns:1fr 1fr}.finderBlock{padding:16px}.finderQuerySummary,.finderIncompleteControl{align-items:flex-start;flex-direction:column}}@media(max-width:480px){.finderGrid{grid-template-columns:1fr 1fr;gap:10px}.finderCardBody{padding:10px}.finderServices button,.finderTypeRow button,.finderSafety button{padding:9px 11px}.finderAudience button{min-height:76px}}

/* V115 Finder trust/coverage refinement */
.finderPartial{font-size:10px;border-radius:999px;padding:5px 7px;color:#d2b48f;border:1px solid rgba(183,122,73,.28);background:rgba(183,122,73,.08)}.finderCoverage{display:flex;flex-wrap:wrap;gap:8px;margin-top:15px;padding:11px 13px;border:1px solid rgba(255,255,255,.08);border-radius:12px;background:rgba(255,255,255,.02)}.finderCoverage b,.finderCoverage span{font-size:11px}.finderCoverage b{color:#9ed2a9}.finderCoverage span{color:#aaa49a}.finderCardIncomplete{opacity:1}

.finderAwkward{margin-top:18px}.finderAwkward button{width:100%;text-align:left;border:1px solid rgba(183,122,73,.28);background:rgba(183,122,73,.06);color:#ddd5ca;border-radius:14px;padding:13px 15px;cursor:pointer}.finderAwkward button.on{background:rgba(183,122,73,.16);border-color:#b77a49}.finderAwkward b,.finderAwkward span{display:block}.finderAwkward span{font-size:11px;color:#9e978e;margin-top:4px}.finderDisclaimer{margin-top:14px;border-left:2px solid rgba(183,122,73,.6);background:rgba(255,255,255,.025);padding:10px 12px;color:#918b82;font-size:11px;line-height:1.55}.finderDisclaimer b{color:#cdb89f}.finderPartial{font-size:10px;border-radius:999px;padding:5px 7px;color:#caa987;border:1px solid rgba(183,122,73,.25)}


/* V118 — compact Finder controls, preserve touch targets */
.finderPage{padding-bottom:64px}
.finderPage>.lead{margin-bottom:10px}
.finderBlock{margin-top:14px;padding:14px 16px;border-radius:14px}
.finderBlockHead{gap:10px;margin-bottom:11px;align-items:center}
.finderBlockHead>span{width:24px;height:24px;flex-basis:24px;font-size:12px}
.finderBlockHead h2{font-size:17px;margin:0 0 2px}.finderBlockHead p{font-size:11px}
.finderServices,.finderTypeRow,.finderSafety{gap:6px}.finderServices button,.finderTypeRow button,.finderSafety button,.finderPresetToggle,.finderPresets button{padding:7px 10px;font-size:11px}
.finderChoiceGroup+.finderChoiceGroup{margin-top:9px}.finderSectionLabel{margin-bottom:5px;font-size:9px}
.finderAudience{gap:7px}.finderAudience button{min-height:58px;padding:9px 11px;border-radius:10px}.finderAudience span{font-size:10px;margin-top:3px}
.finderPresetToggle{margin-top:8px}.finderPresets{margin-top:7px;padding-top:7px}
.finderControls{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.finderControls label{font-size:9px}.finderControls select{margin-top:4px;padding:8px;border-radius:8px;font-size:11px}
.finderAwkward{margin-top:10px}.finderAwkward button{padding:9px 11px;border-radius:10px}.finderAwkward span{font-size:10px;margin-top:2px}
.finderSafety{margin-top:10px}.finderSubhead{font-size:9px}.finderDisclaimer{margin-top:9px;padding:7px 9px;font-size:9.5px;line-height:1.4}
.finderRun{margin-top:10px;padding:10px 17px}.finderResults{margin-top:16px}.finderQuerySummary{margin-bottom:12px;padding:10px 12px}
@media(max-width:900px){.finderControls{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:800px){.finderControls{grid-template-columns:1fr 1fr}.finderBlock{padding:13px}}
@media(max-width:480px){.finderControls{grid-template-columns:1fr}.finderAudience button{min-height:60px}}

/* V119 Finder density refinement */
.finderPage{padding-top:22px}
.finderPage>.lead{margin-bottom:12px;max-width:780px}
.finderBlock{margin-top:10px;padding:11px 14px}
.finderBlockHead{margin-bottom:8px;gap:8px}
.finderBlockHead>span{width:22px;height:22px;flex-basis:22px;font-size:11px}
.finderBlockHead h2{font-size:16px}.finderBlockHead p{font-size:10px}
.finderChoiceGroup+.finderChoiceGroup{margin-top:8px}.finderSectionLabel{margin-bottom:5px;font-size:9px}
.finderAudience button{min-height:50px;padding:7px 9px}.finderAudience span{font-size:9.5px;margin-top:2px}
.finderPresetToggle{margin-top:8px}.finderPresets{margin-top:6px;padding-top:6px}
.finderControls{gap:6px}.finderControls select{padding:7px 8px}
.finderAwkward{margin-top:7px}.finderAwkward button{padding:7px 9px}.finderAwkward span{font-size:9px}
.finderSafety{margin-top:7px;gap:5px}.finderServices,.finderTypeRow{gap:5px}
.finderServices button,.finderTypeRow button,.finderSafety button,.finderPresetToggle,.finderPresets button{padding:6px 9px;font-size:10px}
.finderDisclaimer{margin-top:7px;padding:6px 8px;font-size:9px;line-height:1.3}
.finderRun{margin-top:8px;padding:9px 15px}
.finderResults{margin-top:16px}.finderQuerySummary{margin-bottom:12px;padding:10px 12px}

/* V120 — faster Finder interaction + denser above-the-fold composition */
.finderPage{padding-top:10px;padding-bottom:56px}
.finderPage>.eyebrow{margin-bottom:2px;font-size:9px}
.finderPage>h1{font-size:38px;line-height:1.02;margin:2px 0 5px}
.finderPage>.lead{font-size:11px;line-height:1.35;margin:0 0 6px;max-width:720px}
.finderBlock{margin-top:7px;padding:9px 12px;border-radius:12px}
.finderBlockHead{margin-bottom:6px;gap:7px}
.finderBlockHead>span{width:20px;height:20px;flex-basis:20px;font-size:10px}
.finderBlockHead h2{font-size:15px;line-height:1.05}.finderBlockHead p{font-size:9px;line-height:1.2}
.finderChoiceGroup+.finderChoiceGroup{margin-top:7px}.finderSectionLabel{font-size:8px;margin-bottom:4px}
.finderAudience{gap:5px}.finderAudience button{min-height:44px;padding:6px 8px}.finderAudience b{font-size:11px}.finderAudience span{font-size:8.5px}
.finderPresetToggle{margin-top:6px}.finderPresets{margin-top:6px;padding-top:6px}
.finderControls{gap:5px}.finderControls label{font-size:8px}.finderControls select{margin-top:3px;padding:6px 7px;font-size:10px}
.finderAwkward{margin-top:7px}.finderAwkward button{padding:7px 9px;border-radius:9px}.finderAwkward button b{font-size:10px}.finderAwkward button span{font-size:8.5px;margin-top:1px}
.finderSafety{margin-top:6px;gap:4px}.finderSubhead{font-size:8px}.finderServices button,.finderTypeRow button,.finderSafety button,.finderPresetToggle,.finderPresets button{padding:5px 8px;font-size:9px}
.finderDisclaimer{margin-top:5px;padding:5px 7px;font-size:8.5px;line-height:1.25}
.finderRun{margin-top:7px;padding:8px 14px;font-size:10px}
.finderQuerySummary{margin-bottom:9px;padding:8px 10px}.finderResults{margin-top:12px}
.finderShownNote{display:block;margin-top:4px;color:#a59d92;font-size:10px;font-weight:400}
@media(max-width:800px){.finderPage>h1{font-size:34px}.finderBlock{padding:10px}.finderAudience button{min-height:50px}}


/* V121 — browsable results + further vertical compression */
.finderPage{padding-top:4px}
.finderPage>.eyebrow{display:none}
.finderPage>h1{font-size:34px;margin:0 0 3px}
.finderPage>.lead{margin-bottom:3px;max-width:760px}
.finderBlock{margin-top:5px;padding:8px 11px}
.finderBlockHead{margin-bottom:5px}
.finderPurposeGroup{margin-top:5px!important}
.finderPresetToggle{margin-top:4px}
.finderControls select{padding:5px 7px}
.finderAwkward{margin-top:5px}.finderSafety{margin-top:5px}
.finderDisclaimer{margin-top:4px;padding:4px 7px}
.finderRun{margin-top:5px;padding:7px 13px}
.finderMoreWrap{display:flex;align-items:center;justify-content:center;gap:12px;margin:22px 0 4px}
.finderLoadMore{border:1px solid rgba(183,122,73,.5);background:rgba(183,122,73,.13);color:#efcfaf;border-radius:999px;padding:11px 18px;font-weight:800;cursor:pointer}
.finderLoadMore:hover{background:rgba(183,122,73,.2)}.finderLoadMore:disabled{opacity:.55;cursor:wait}
.finderMoreWrap span{font-size:11px;color:#8f8a82}
@media(max-width:800px){.finderPage>h1{font-size:31px}.finderMoreWrap{flex-direction:column;gap:7px}}

/* V122 Finder: compact browse cards + two explicit visual categories */
.finderGridCompact{grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin-top:10px}
.finderCardCompact{border-radius:11px}
.finderCardCompact .finderCardBody{padding:9px 10px 10px}
.finderCardCompact h3{font-size:13px;line-height:1.22;margin:6px 0 4px;min-height:0}
.finderCardCompact p{font-size:11px}
.finderCardCompact .finderCardTop{font-size:9px}
.finderResultGroup{margin-top:20px}
.finderResultGroupHead{display:flex;align-items:end;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.08);padding-bottom:8px}
.finderResultGroupHead h3{font-family:var(--serif);font-size:22px;margin:0;color:#f0e8dc}
.finderResultGroupHead span{font-size:10px;color:#8f8a82;text-transform:uppercase;letter-spacing:.08em}
.finderCoverageCompact{margin-top:10px;padding:8px 10px}
.finderDrawerSafety{margin:18px 0 4px;padding:15px;border:1px solid rgba(183,122,73,.2);border-radius:12px;background:rgba(183,122,73,.045)}
.finderDrawerSafetyHead h3{font-size:17px;margin:4px 0 0}
.finderDrawerSafety p{font-size:11px;color:#a7a198;margin:9px 0 0}
.finderDrawerSafety .finderBadges{margin-top:10px}
@media(max-width:1180px){.finderGridCompact{grid-template-columns:repeat(5,minmax(0,1fr))}}
@media(max-width:900px){.finderGridCompact{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:650px){.finderGridCompact{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.finderCardCompact h3{font-size:12px}}
@media(max-width:440px){.finderGridCompact{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* V123 — streaming-first Finder layout, Favorites, desktop/mobile space efficiency */
.finderPage{padding-top:10px}
.finderHero{display:grid;grid-template-columns:minmax(0,1fr);gap:2px;margin:0 0 8px}
.finderHero>span{font-size:9px;font-weight:800;letter-spacing:.16em;color:#c9834b}
.finderHero h1{font-family:var(--serif);font-size:34px;line-height:1.02;margin:0;color:#f2ece3}
.finderHero p{max-width:980px;margin:2px 0 0;font-size:11px;line-height:1.4;color:#aaa39a}
.finderSetupGrid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:8px;align-items:start}
.finderSetupGrid .finderBlock{margin-top:0;height:100%;box-sizing:border-box}
.finderBlockHeadInline{margin-bottom:7px}
.finderPrimaryChoices{display:grid;grid-template-columns:auto 1fr;gap:10px;align-items:end;margin-top:8px}
.finderPrimaryChoices .finderPurposeGroup{margin-top:0!important}
.finderPrimaryChoices .finderAudience{grid-template-columns:repeat(4,minmax(0,1fr))}
.finderPrimaryChoices .finderAudience button{min-height:44px}
.finderTunePanel .finderControls{grid-template-columns:repeat(5,minmax(0,1fr))}
.finderTuneFooter{display:flex;align-items:center;gap:8px;margin-top:5px}
.finderTuneFooter .finderDisclaimer{flex:1;margin:0}
.finderTuneFooter .finderRun{flex:0 0 auto;margin:0;white-space:nowrap}
.finderQuerySummary{display:flex;align-items:center;gap:12px;min-height:0}
.finderQuerySummary>div{flex:1;min-width:0}.finderQuerySummary b{font-size:11px}.finderQuerySummary div div{margin-top:3px}
.finderResultsHead{align-items:end;gap:16px}.finderResultsHead h2{font-size:25px;line-height:1.05}.finderResultsHead>p{max-width:520px;font-size:10px;line-height:1.35}
.finderResultGroup-favorites{margin-top:14px;padding:12px;border:1px solid rgba(201,131,75,.24);border-radius:14px;background:linear-gradient(180deg,rgba(201,131,75,.055),rgba(255,255,255,.012))}
.finderResultGroup-favorites .finderResultGroupHead{border-color:rgba(201,131,75,.22)}
.finderResultGroup-favorites .finderResultGroupHead h3:after{content:' · Best bets';font-family:var(--sans);font-size:10px;font-weight:600;color:#a49a90;letter-spacing:.02em}
.finderResultGroup-favorites .finderGridCompact{margin-top:12px}
@media(min-width:1280px){.finderGridCompact{grid-template-columns:repeat(7,minmax(0,1fr));gap:11px}.finderCardCompact h3{font-size:12px}}
@media(max-width:1050px){.finderSetupGrid{grid-template-columns:1fr}.finderPrimaryChoices{grid-template-columns:auto 1fr}.finderHero h1{font-size:32px}}
@media(max-width:800px){
  .finderPage{padding-top:7px}.finderHero{margin-bottom:7px}.finderHero h1{font-size:28px}.finderHero p{font-size:10px;line-height:1.35}
  .finderSetupGrid{gap:7px}.finderPrimaryChoices{grid-template-columns:1fr}.finderPrimaryChoices .finderAudience{grid-template-columns:1fr 1fr}
  .finderTunePanel .finderControls{grid-template-columns:1fr 1fr 1fr}.finderTuneFooter{align-items:stretch}.finderTuneFooter .finderRun{align-self:stretch}
  .finderResultsHead{align-items:flex-start;flex-direction:column;gap:5px}.finderResultsHead>p{max-width:none}
}
@media(max-width:560px){
  .finderHero>span{font-size:8px}.finderHero h1{font-size:25px}.finderHero p{font-size:9.5px}
  .finderSetupGrid .finderBlock{padding:8px 9px}.finderBlockHead p{display:none}
  .finderServices{display:flex;overflow-x:auto;flex-wrap:nowrap;padding-bottom:2px;scrollbar-width:none}.finderServices::-webkit-scrollbar{display:none}.finderServices button{flex:0 0 auto}
  .finderTunePanel .finderControls{grid-template-columns:1fr 1fr}.finderTuneFooter{flex-direction:column}.finderTuneFooter .finderRun{width:100%}
  .finderSafety{max-height:62px;overflow:auto;align-content:flex-start}.finderQuerySummary{padding:7px 8px}.finderQuerySummary button{padding:6px 9px}
  .finderResultGroup-favorites{padding:9px}.finderResultGroupHead h3{font-size:19px}
}

/* =========================================================
   V124 — Gizlen unified editorial design system
   Cormorant Garamond + Inter · shared width · shared rhythm
   ========================================================= */
:root{
  --serif:"Cormorant Garamond", Georgia, "Times New Roman", serif;
  --sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --gc-max:1440px;
  --gc-gutter:clamp(20px,4vw,64px);
  --gc-radius-card:12px;
  --gc-radius-panel:16px;
  --gc-radius-control:9px;
  --gc-section:72px;
  --gc-copper:#c98252;
  --gc-line:rgba(255,255,255,.11);
}
html,body{font-family:var(--sans)!important}
body{font-weight:400;letter-spacing:-.006em}
button,input,select,textarea{font-family:var(--sans)!important}

/* Shared editorial typography */
.eyebrow,.finderHero>span{
  font-family:var(--sans)!important;
  font-size:11px!important;
  line-height:1.2!important;
  font-weight:700!important;
  letter-spacing:.16em!important;
  text-transform:uppercase;
  color:var(--gc-copper)!important;
}
h1,h2,h3,.sectionhead h2,.collectionCard strong,.collectionGroupHead span,
.filmhero h2,.personHero h1,.drawerTitle,.storyWhy h2,.finderResultGroupHead h3{
  text-rendering:optimizeLegibility;
}
.page h1,.pageHeader h1,.hero h1,.compactIntro h1,.heroCopy h1,.filmhero h2,
.collectionStoryIntro h1,.collectionSearchEmpty strong,.finderResultGroupHead h3,
.storyWhy h2,.collectionGroupHead span,.subhead{
  font-family:var(--serif)!important;
}

/* One site width and one left edge */
.page,.collectionsPage,.collectionStoryPage,.finderPage{
  width:min(var(--gc-max),100%)!important;
  max-width:var(--gc-max)!important;
  margin-inline:auto!important;
  padding-left:var(--gc-gutter)!important;
  padding-right:var(--gc-gutter)!important;
}
.collection,.filterPanel,.unifiedFilters,.presetRow,.scopeStrip,.curationZone{
  width:min(var(--gc-max),100%)!important;
  max-width:var(--gc-max)!important;
}
.compactHeroInner,.heroInner{max-width:var(--gc-max)!important;padding-left:var(--gc-gutter)!important;padding-right:var(--gc-gutter)!important}

/* Shared secondary-page header */
.page{padding-top:48px!important;padding-bottom:88px!important}
.pageHeader{display:block!important;margin:0 0 38px!important;padding:0!important;border:0!important;background:none!important;height:auto!important;position:static!important;box-shadow:none!important}
.pageHeader h1,.page>h1{
  margin:7px 0 12px!important;
  color:#f3ede4!important;
  font-size:clamp(46px,4.3vw,60px)!important;
  line-height:.94!important;
  font-weight:600!important;
  letter-spacing:-.035em!important;
}
.pageHeader .lead,.page>.lead{
  max-width:820px!important;
  margin:0!important;
  color:#9ca4a7!important;
  font-family:var(--sans)!important;
  font-size:15px!important;
  line-height:1.58!important;
  letter-spacing:-.01em;
}

/* Header/navigation consistency */
header:not(.pageHeader):not(.finderHero){font-family:var(--sans)!important}
.nav button{font-size:13px!important;font-weight:500!important;letter-spacing:-.01em}
.brand-copy strong{font-family:var(--serif)!important;font-size:21px!important;font-weight:600!important;letter-spacing:-.02em}
.brand-copy small{font-family:var(--sans)!important;font-size:8px!important;font-weight:700!important;letter-spacing:.16em!important}

/* Discover remains cinematic but speaks the same language */
.compactIntro h1,.heroCopy h1{
  font-family:var(--serif)!important;
  font-weight:600!important;
  letter-spacing:-.035em!important;
}
.compactIntro h1 i,.heroCopy h1 i{font-family:var(--serif)!important;font-weight:500!important}
.sectionhead h2,.curatedHead h2{font-family:var(--serif)!important;font-weight:600!important;letter-spacing:-.02em!important}
.sectionhead h2{font-size:31px!important}
.meta b,.miniCard b{font-family:var(--sans)!important;font-weight:600!important}

/* Collections becomes the editorial baseline */
.collectionsPage{padding-top:48px!important}
.collectionsPage .pageHeader{margin-bottom:26px!important}
.collectionSearchWrap{max-width:820px!important;margin:0 0 26px!important}
.collectionSearch{height:50px!important;border-radius:var(--gc-radius-control)!important}
.collectionSearch input{font-family:var(--sans)!important;font-size:14px!important}
.collectionGroupTabs{
  padding:12px 0!important;
  margin:0 0 38px!important;
  background:transparent!important;
  border-top:1px solid var(--gc-line);
  border-bottom:1px solid var(--gc-line);
  box-shadow:none!important;
}
.collectionGroupTabs button{font-family:var(--sans)!important;font-size:12px!important;font-weight:500!important}
.collectionGroup{margin-top:34px!important}
.collectionGroupHead{margin-bottom:14px!important}
.collectionGroupHead span{font-size:28px!important;font-weight:600!important;letter-spacing:-.02em!important}
.collectionHubGrid{gap:12px!important}
.collectionCard{border-radius:var(--gc-radius-card)!important}
.collectionCard strong{font-family:var(--serif)!important;font-size:19px!important;font-weight:600!important;letter-spacing:-.018em!important}
.collectionCard small{font-family:var(--sans)!important;font-size:11px!important;line-height:1.42!important}

/* Years and Cinema Map: compact navigation tiles, same page proportions */
.yearsPage .pageHeader,.worldPage .pageHeader{margin-bottom:30px!important}
.decadegrid,.worldgrid{
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:12px!important;
  margin-top:0!important;
}
.decadegrid button,.worldgrid button{
  min-height:108px!important;
  padding:18px 20px!important;
  border-radius:var(--gc-radius-card)!important;
  border:1px solid var(--gc-line)!important;
  background:linear-gradient(180deg,#141d22,#12191d)!important;
  transition:border-color .16s ease,transform .16s ease,background .16s ease;
}
.decadegrid button:hover,.worldgrid button:hover{border-color:rgba(201,130,82,.55)!important;background:#182228!important;transform:translateY(-1px)}
.decadegrid b,.worldgrid b{
  font-family:var(--serif)!important;
  font-size:29px!important;
  line-height:1!important;
  font-weight:600!important;
  letter-spacing:-.025em!important;
  color:#f0eae1!important;
}
.decadegrid span,.worldgrid span,.worldgrid small{
  font-family:var(--sans)!important;
  font-size:10px!important;
  line-height:1.35!important;
  color:#9aa2a5!important;
  margin-top:7px!important;
}
.worldgrid small{margin:0 0 5px!important;text-transform:uppercase;letter-spacing:.1em;font-weight:600;color:#a9b0b2!important}
.yearjump{
  margin-top:20px!important;
  padding:12px 14px!important;
  border:1px solid var(--gc-line)!important;
  border-radius:var(--gc-radius-card)!important;
  background:#11181c!important;
}
.yearjump label{font-family:var(--sans)!important;font-size:10px!important;font-weight:600!important;letter-spacing:.1em!important;text-transform:uppercase;color:#929a9e!important}
.yearjump select,.yearjump button{border-radius:var(--gc-radius-control)!important}
.subhead{font-size:30px!important;font-weight:600!important;letter-spacing:-.02em!important;margin-top:64px!important;margin-bottom:18px!important;color:#f0eae1!important}
.movementgrid{gap:12px!important;margin-top:0!important}
.movementgrid button{min-height:118px!important;border-radius:var(--gc-radius-card)!important}
.movementgrid b{font-family:var(--serif)!important;font-size:21px!important;font-weight:600!important}

/* Finder: premium utility, not a separate SaaS visual language */
.finderPage{padding-top:38px!important}
.finderHero.pageHeader{margin-bottom:24px!important}
.finderHero.pageHeader h1{font-size:clamp(46px,4.3vw,58px)!important}
.finderHero.pageHeader p{max-width:900px!important;font-family:var(--sans)!important;font-size:14px!important;line-height:1.5!important;color:#9ca4a7!important}
.finderSetupGrid{gap:14px!important}
.finderBlock{
  border:1px solid var(--gc-line)!important;
  border-radius:var(--gc-radius-panel)!important;
  background:linear-gradient(180deg,rgba(19,26,30,.92),rgba(13,19,22,.94))!important;
  box-shadow:none!important;
}
.finderBlockHead h2{font-family:var(--serif)!important;font-size:22px!important;font-weight:600!important;letter-spacing:-.018em!important}
.finderBlockHead p{font-family:var(--sans)!important;color:#939b9e!important}
.finderBlockHead>span{background:rgba(201,130,82,.16)!important;color:#e5a16f!important;border:1px solid rgba(201,130,82,.34)}
.finderAudience button{border-radius:var(--gc-radius-control)!important;background:#11181b!important}
.finderAudience b{font-family:var(--sans)!important;font-weight:600!important}
.finderControls select{border-radius:var(--gc-radius-control)!important;background:#0d1417!important}
.finderAwkward button{border-radius:var(--gc-radius-control)!important}
.finderQuerySummary{border-radius:var(--gc-radius-card)!important}
.finderResultsHead h2{font-family:var(--serif)!important;font-size:31px!important;font-weight:600!important;letter-spacing:-.02em!important}
.finderResultGroupHead h3{font-family:var(--serif)!important;font-size:26px!important;font-weight:600!important}
.finderCardCompact{border-radius:var(--gc-radius-card)!important}
.finderCardCompact h3{font-family:var(--sans)!important;font-weight:600!important}
.finderResultGroup-favorites{border-radius:var(--gc-radius-panel)!important}

/* Drawer / detail typography follows same system */
.paneltop,.filmhero,.facts,.chips,.related,.finderDrawerSafety{font-family:var(--sans)!important}
.filmhero h2{font-family:var(--serif)!important;font-weight:600!important;letter-spacing:-.025em!important}
.paneltop h2,.drawerSection h2,.mediaTitle,.similarTitle{font-family:var(--serif)!important;font-weight:600!important}

/* Shared surface language */
.person,.musiccard,.collectionCard,.decadegrid button,.movementgrid button,.worldgrid button,.finderCard,.finderBlock{
  border-color:var(--gc-line)!important;
}
.primary,.browsebar button,.search button,.finderRun{font-family:var(--sans)!important;font-weight:600!important}

/* Tablet */
@media(max-width:1050px){
  .page{padding-top:38px!important}
  .pageHeader h1,.page>h1{font-size:48px!important}
  .decadegrid,.worldgrid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  .finderHero.pageHeader h1{font-size:46px!important}
}

/* Mobile: same identity, less air, no oversized headings */
@media(max-width:760px){
  :root{--gc-gutter:16px;--gc-section:48px}
  .page,.collectionsPage,.finderPage,.collectionStoryPage{padding-left:16px!important;padding-right:16px!important}
  .page{padding-top:26px!important;padding-bottom:64px!important}
  .pageHeader{margin-bottom:24px!important}
  .pageHeader h1,.page>h1,.finderHero.pageHeader h1{font-size:40px!important;line-height:.98!important;margin-top:5px!important;margin-bottom:9px!important}
  .pageHeader .lead,.page>.lead,.finderHero.pageHeader p{font-size:13px!important;line-height:1.5!important}
  .eyebrow,.finderHero>span{font-size:9px!important}
  .decadegrid,.worldgrid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important}
  .decadegrid button,.worldgrid button{min-height:92px!important;padding:14px!important}
  .decadegrid b,.worldgrid b{font-size:24px!important}
  .yearjump{display:grid!important;grid-template-columns:auto 1fr!important;gap:8px!important}
  .yearjump button{grid-column:1/-1!important;width:100%!important}
  .subhead{font-size:26px!important;margin-top:48px!important}
  .collectionGroupTabs{margin-bottom:28px!important;overflow-x:auto!important;flex-wrap:nowrap!important;scrollbar-width:none}
  .collectionGroupTabs::-webkit-scrollbar{display:none}
  .collectionGroupTabs button{flex:0 0 auto}
  .collectionGroupHead span{font-size:24px!important}
  .collectionCard strong{font-size:18px!important}
  .finderPage{padding-top:24px!important}
  .finderSetupGrid{gap:10px!important}
  .finderBlock{border-radius:12px!important}
  .finderBlockHead h2{font-size:19px!important}
  .finderResultsHead h2{font-size:27px!important}
}
@media(max-width:430px){
  .pageHeader h1,.page>h1,.finderHero.pageHeader h1{font-size:36px!important}
  .decadegrid,.worldgrid{grid-template-columns:1fr 1fr!important}
  .decadegrid button,.worldgrid button{min-height:86px!important}
}

/* V125 — editorial selection landing system */
.selectionSectionHead{padding-bottom:18px;border-bottom:1px solid rgba(255,255,255,.08);margin-bottom:0}
.selectionLandingIntro{padding:28px 0 14px;max-width:900px}
.selectionLandingIntro h2{font-family:'Cormorant Garamond',Georgia,serif;font-size:clamp(34px,3vw,48px);line-height:.98;margin:5px 0 8px;font-weight:600}
.selectionLandingIntro p,.selectionTierHead p,.selectionCatalogueHead p{color:var(--muted);max-width:780px;line-height:1.55;margin:5px 0 0}
.selectionTier{padding:22px 0 28px;border-top:1px solid rgba(255,255,255,.08)}
.selectionTierHead{display:flex;align-items:end;justify-content:space-between;gap:28px;margin-bottom:16px}
.selectionTierHead h3,.selectionCatalogueHead h3{font-family:'Cormorant Garamond',Georgia,serif;font-size:30px;line-height:1;margin:4px 0 0;font-weight:600}
.selectionTierHead>span{font:600 11px/1 'Inter',sans-serif;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);white-space:nowrap}
.selectionAnchorGrid{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:14px}
.selectionAnchorCard{min-width:0}
.selectionAnchorPoster{display:block;width:100%;aspect-ratio:2/3;border:1px solid rgba(255,255,255,.11);border-radius:10px;overflow:hidden;background:#10171a;padding:0}
.selectionAnchorPoster img{width:100%;height:100%;display:block;object-fit:cover}
.selectionAnchorCopy{padding:9px 2px 0}
.selectionAnchorTitle{display:block;text-align:left;width:100%;padding:0;background:none;border:0;color:inherit}
.selectionAnchorTitle b{display:block;font-family:'Cormorant Garamond',Georgia,serif;font-size:19px;line-height:1.05;font-weight:600}
.selectionAnchorTitle small{display:block;color:var(--muted);font:400 11px/1.25 'Inter',sans-serif;margin-top:3px}
.selectionAnchorCopy>span{display:block;color:var(--muted);font:500 11px/1.2 'Inter',sans-serif;margin-top:5px}
.selectionDefiningGrid{margin-top:0}
.selectionPeople,.selectionRelated{padding:24px 0 30px;border-top:1px solid rgba(255,255,255,.08)}
.selectionPeopleGrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.selectionPeopleGrid button{min-height:72px;padding:14px 16px;border-radius:12px;border:1px solid rgba(255,255,255,.11);background:rgba(255,255,255,.018);text-align:left;color:inherit}
.selectionPeopleGrid b{display:block;font-family:'Cormorant Garamond',Georgia,serif;font-size:20px;line-height:1}
.selectionPeopleGrid span{display:block;color:var(--muted);font:500 11px/1.2 'Inter',sans-serif;margin-top:5px}
.selectionCatalogueHead{padding:24px 0 16px;border-top:1px solid rgba(255,255,255,.08)}
.selectionEditorialLoading{padding:26px 0;color:var(--muted);font:500 13px/1.4 'Inter',sans-serif}
@media(max-width:1180px){.selectionAnchorGrid{grid-template-columns:repeat(6,minmax(0,1fr))}.selectionPeopleGrid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){.selectionLandingIntro{padding-top:20px}.selectionAnchorGrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.selectionPeopleGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.selectionTierHead{align-items:start}.selectionTierHead h3,.selectionCatalogueHead h3{font-size:26px}.selectionAnchorTitle b{font-size:17px}}

/* V126 — Recognition and awards, aligned to Gizlen editorial system */
.recognitionBadge{position:absolute;left:7px;top:7px;z-index:3;display:inline-flex;align-items:center;gap:4px;padding:5px 7px;border:1px solid rgba(219,148,99,.6);border-radius:999px;background:rgba(13,18,21,.88);color:#e3a277;font:700 9px/1 var(--sans);letter-spacing:.03em;backdrop-filter:blur(6px)}
.recognitionBadge b{font-weight:700;color:#f1e7dd}
.recognitionBlock{margin:0 28px 18px;padding:16px 0;border-top:1px solid #2c353a;border-bottom:1px solid #2c353a}.recognitionBlock .sectionMiniHead{display:flex;justify-content:space-between;align-items:end;margin-bottom:10px}.recognitionBlock h3{font-family:var(--serif);font-size:24px;margin:0}.recognitionBlock .sectionMiniHead>span{font:600 10px/1 var(--sans);color:#8f999e;text-transform:uppercase;letter-spacing:.1em}.recognitionRows{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.recognitionRows>div{display:flex;align-items:center;gap:8px;padding:9px 10px;border:1px solid #344047;border-radius:10px;background:#141c20;color:#d9dddc;font:500 11px/1.3 var(--sans)}.recognitionRows i{font-style:normal;color:#d18354;font-size:14px}
.collectionGroup[data-collection-section="Awards & festivals"] .collectionCard{border-color:rgba(184,109,65,.38)}
.collectionGroup[data-collection-section="Awards & festivals"] .collectionType{color:#d58a5c}
.pagerWrap{scroll-margin-top:100px}.selectionCatalogueHead,.collection>.sectionhead{scroll-margin-top:96px}
@media(max-width:700px){.recognitionRows{grid-template-columns:1fr}.recognitionBlock{margin-left:18px;margin-right:18px}.recognitionBadge{padding:4px 6px;font-size:8px}}
.awardCollectionIntro{margin:4px 0 22px;padding:18px 20px;border:1px solid rgba(184,109,65,.34);border-radius:14px;background:linear-gradient(180deg,rgba(184,109,65,.07),rgba(16,23,27,.3))}.awardCollectionIntro h3{font-family:var(--serif);font-size:32px;line-height:1;margin:4px 0 7px;font-weight:600}.awardCollectionIntro p{margin:0;color:#b4bbbd;font:400 13px/1.5 var(--sans)}.awardCollectionIntro small{display:block;margin-top:8px;color:#7f8a8f;font:500 10px/1.4 var(--sans)}

/* V127 — Awards & Festivals destination template */
.awardStoryPage{padding-bottom:72px}
.awardStoryHero{margin-bottom:0}
.awardStoryHero .collectionStoryIntro{display:flex;flex-direction:column;justify-content:center}
.awardStoryIntro{margin:22px 0 0;padding:22px 0 8px;border-top:1px solid rgba(255,255,255,.07)}
.awardStoryIntro h2,.awardSectionHead h2,.awardArchiveCta h2{font-family:'Cormorant Garamond',Georgia,serif;font-weight:600;letter-spacing:-.015em;color:#f4efe7}
.awardStoryIntro h2{font-size:clamp(25px,2.1vw,34px);margin:5px 0 7px}
.awardStoryIntro p{max-width:820px;margin:0;color:#aaa39e;font-size:14px;line-height:1.62}
.awardFilmSection,.awardPrizeStart,.awardDecades,.awardPeople,.awardArchiveCta,.awardRelated{margin-top:34px;padding-top:28px;border-top:1px solid rgba(255,255,255,.07)}
.awardSectionHead{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:16px}
.awardSectionHead h2{font-size:clamp(26px,2vw,32px);margin:4px 0 2px}
.awardSectionHead p{margin:0;color:#938d88;font-size:13px;line-height:1.45}
.awardStoryFilmGrid{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:14px}
.awardStoryFilmGrid .card{min-width:0}
.awardStoryFilmGrid .poster{border-radius:11px;overflow:hidden}
.awardStoryFilmGrid .meta b{font-size:13px;line-height:1.14}
.awardStoryFilmGrid .tags{display:none}
.awardStoryFilmGrid .englishTitle{font-size:10px}
.awardStoryFilmGrid .cardYear{font-size:9px}
.awardStoryLoading{min-height:240px;display:flex;align-items:center;justify-content:center;border:1px dashed rgba(255,255,255,.1);border-radius:12px;color:#857f79;font-size:12px}
.awardDecadeRail{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:9px}
.awardDecadeRail button{display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:13px 14px;min-height:66px;border:1px solid rgba(255,255,255,.1);border-radius:11px;background:rgba(255,255,255,.025);color:#eee8e0;text-align:left}
.awardDecadeRail button:hover{border-color:rgba(201,132,82,.55);background:rgba(201,132,82,.06)}
.awardDecadeRail b{font-family:'Cormorant Garamond',Georgia,serif;font-size:20px;font-weight:600}.awardDecadeRail span{font-size:9px;color:#8d8782}
.awardPeopleGrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.awardPeopleGrid button{display:flex;flex-direction:column;align-items:flex-start;gap:4px;padding:15px 16px;border:1px solid rgba(255,255,255,.09);border-radius:11px;background:rgba(255,255,255,.02);text-align:left;color:#efe9e2}
.awardPeopleGrid button:hover{border-color:rgba(201,132,82,.48)}
.awardPeopleGrid b{font-family:'Cormorant Garamond',Georgia,serif;font-size:19px;font-weight:600}.awardPeopleGrid span{font-size:9px;color:#c88452;text-transform:uppercase;letter-spacing:.08em}
.awardArchiveCta{display:flex;align-items:center;justify-content:space-between;gap:28px;padding:26px 28px;margin-top:36px;border:1px solid rgba(201,132,82,.2);border-radius:14px;background:linear-gradient(110deg,rgba(201,132,82,.07),rgba(255,255,255,.018))}
.awardArchiveCta h2{font-size:29px;margin:4px 0 4px}.awardArchiveCta p{margin:0;color:#958f89;font-size:12px}
.awardRelated .collectionRelatedGrid{grid-template-columns:repeat(4,minmax(0,1fr))}
.awardRelated .collectionCard{min-height:120px}
@media(max-width:1180px){.awardStoryFilmGrid{grid-template-columns:repeat(6,minmax(0,1fr))}.awardDecadeRail{grid-template-columns:repeat(6,minmax(0,1fr))}}
@media(max-width:900px){.awardStoryFilmGrid{grid-template-columns:repeat(4,minmax(0,1fr))}.awardPeopleGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.awardDecadeRail{grid-template-columns:repeat(4,minmax(0,1fr))}.awardRelated .collectionRelatedGrid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.awardStoryPage{padding-bottom:48px}.awardStoryIntro{margin-top:16px;padding-top:17px}.awardFilmSection,.awardPrizeStart,.awardDecades,.awardPeople,.awardArchiveCta,.awardRelated{margin-top:25px;padding-top:21px}.awardSectionHead{align-items:flex-start;flex-direction:column;gap:10px}.awardStoryFilmGrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.awardStoryFilmGrid .meta b{font-size:12px}.awardDecadeRail{display:flex;overflow-x:auto;scrollbar-width:none;padding-bottom:3px}.awardDecadeRail::-webkit-scrollbar{display:none}.awardDecadeRail button{flex:0 0 105px}.awardPeopleGrid{grid-template-columns:1fr 1fr;gap:8px}.awardPeopleGrid button{padding:12px}.awardPeopleGrid b{font-size:17px}.awardArchiveCta{align-items:flex-start;flex-direction:column;padding:20px}.awardRelated .collectionRelatedGrid{grid-template-columns:1fr 1fr}}
@media(max-width:430px){.awardStoryFilmGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.awardPeopleGrid{grid-template-columns:1fr}.awardRelated .collectionRelatedGrid{grid-template-columns:1fr}}

/* V128 — Collections as a cinematic museum, not a taxonomy dump */
.collectionsMuseum .pageHeader{max-width:930px}
.collectionsMuseum .collectionGroup{margin-top:54px;padding-top:8px}
.collectionEditorialHead{align-items:end}
.collectionEditorialHead>div{display:flex;align-items:baseline;gap:14px;min-width:0}
.collectionEditorialHead>div>span{font-family:var(--serif);font-size:30px;font-weight:600;letter-spacing:-.015em}
.collectionEditorialHead>div>p{margin:0;color:#858e92;font:400 12px/1.45 var(--sans);max-width:560px}
.collectionDiscoveryNote{margin:18px 0 26px;padding:16px 18px 16px 20px;border-left:2px solid rgba(205,126,75,.58);background:linear-gradient(90deg,rgba(205,126,75,.06),transparent 72%);display:grid;grid-template-columns:150px minmax(0,1fr);gap:16px;align-items:start}
.collectionDiscoveryNote span{color:#cf8658;font:700 10px/1.3 var(--sans);letter-spacing:.12em}
.collectionDiscoveryNote p{margin:0;max-width:880px;color:#9ba3a6;font:400 12px/1.6 var(--sans)}
.collectionDiscoveryNote.compact{margin-top:14px}
.collectionSubhead{display:flex;align-items:baseline;justify-content:space-between;gap:22px;margin:28px 0 14px;padding-top:20px;border-top:1px solid rgba(255,255,255,.07)}
.collectionSubhead span{font-family:var(--serif);font-size:25px;font-weight:600}.collectionSubhead small{color:#7f898d;font:400 11px/1.4 var(--sans)}

.peopleBento,.performerBento{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-auto-flow:dense;gap:12px}
.collectionPersonFeature{position:relative;grid-column:span var(--collection-span,4);min-height:230px;padding:0;overflow:hidden;border:1px solid color-mix(in srgb,var(--feature-accent,#b76f45) 50%,#2f393e);border-radius:14px;background:#11181b;text-align:left}
.collectionPersonFeature:nth-child(1),.collectionPersonFeature:nth-child(6){min-height:310px;grid-row:span 2}
.collectionPersonImage{position:absolute;inset:0;background:radial-gradient(circle at 70% 20%,rgba(255,255,255,.08),transparent 34%),linear-gradient(140deg,#1a2226,#0d1214);display:flex;align-items:center;justify-content:center}
.collectionPersonImage img{width:100%;height:100%;object-fit:cover;object-position:center 22%;filter:saturate(.72) contrast(1.05)}
.collectionPersonImage i{font:600 72px/1 var(--serif);color:rgba(255,255,255,.09);font-style:normal}
.collectionPersonShade{position:absolute;inset:0;background:linear-gradient(180deg,transparent 28%,rgba(6,9,10,.3) 54%,rgba(6,9,10,.94) 100%)}
.collectionPersonCopy{position:absolute;left:0;right:0;bottom:0;padding:18px;z-index:2}
.collectionPersonCopy .collectionType{display:block;color:#d68a59;font:700 9px/1 var(--sans);letter-spacing:.12em;text-transform:uppercase;margin-bottom:6px}
.collectionPersonCopy strong{display:block;color:#faf6ef;font-family:var(--serif);font-size:clamp(22px,1.8vw,31px);line-height:.98;font-weight:600}
.collectionPersonCopy small{display:block;color:#b2b7b6;font:400 11px/1.42 var(--sans);max-width:360px;margin-top:7px}
.collectionPersonCopy em{display:block;color:#dc9465;font:650 10px/1 var(--sans);font-style:normal;margin-top:10px}
.performerBento .collectionPersonFeature{min-height:205px}.performerBento .collectionPersonFeature:nth-child(n){grid-row:auto}
.accent-copper{--feature-accent:#c57949}.accent-amber{--feature-accent:#a98a48}.accent-olive{--feature-accent:#6e8064}.accent-blue{--feature-accent:#58758a}.accent-burgundy{--feature-accent:#8b5a61}.accent-slate{--feature-accent:#69777d}
.collectionCompactGrid{grid-template-columns:repeat(5,minmax(0,1fr))}

.collectionGenreGrid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-auto-flow:dense;gap:12px}
.collectionGenreCard{position:relative;grid-column:span 3;min-height:220px;padding:0;overflow:hidden;border:1px solid color-mix(in srgb,var(--feature-accent,#b76f45) 46%,#263239);border-radius:14px;background:#101719;text-align:left}
.collectionGenreCard:nth-child(1),.collectionGenreCard:nth-child(6),.collectionGenreCard:nth-child(11){grid-column:span 5}.collectionGenreCard:nth-child(2),.collectionGenreCard:nth-child(7),.collectionGenreCard:nth-child(12){grid-column:span 4}.collectionGenreCard:nth-child(3),.collectionGenreCard:nth-child(8),.collectionGenreCard:nth-child(13){grid-column:span 3}
.genreVisual{position:absolute;inset:0;background-size:cover;background-position:center;filter:saturate(.68);transition:transform .35s ease}.genreVisual:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(4,8,10,.05),rgba(4,8,10,.88))}.genreVisual i{position:absolute;inset:14% 12%;border:1px solid color-mix(in srgb,var(--feature-accent,#b76f45) 45%,transparent);transform:skew(-8deg);opacity:.55}
.genre-film-noir .genreVisual,.genre-neo-noir .genreVisual{filter:grayscale(1) contrast(1.08)}
.genre-martial-arts .genreVisual i,.genre-wuxia .genreVisual i{border-radius:50%;transform:none}
.genre-giallo .genreVisual i{transform:rotate(45deg)}
.collectionGenreCard:hover .genreVisual{transform:scale(1.025)}
.genreCopy{position:absolute;z-index:2;left:0;right:0;bottom:0;padding:16px}.genreCopy .collectionType{color:#d58a5c;font:700 9px/1 var(--sans);letter-spacing:.11em;text-transform:uppercase}.genreCopy strong{display:block;font-family:var(--serif);font-size:25px;line-height:1;font-weight:600;margin-top:5px}.genreCopy small{display:block;color:#a9b0b1;font:400 11px/1.4 var(--sans);margin-top:5px}.genreCopy em{display:block;color:#d78d60;font:650 10px/1 var(--sans);font-style:normal;margin-top:9px}

.silentCinemaHero{position:relative;width:100%;height:250px;border:1px solid rgba(187,139,101,.35);border-radius:14px;overflow:hidden;padding:0;text-align:left;background:#0e1315}
.silentCollage{position:absolute;inset:0;display:grid;grid-template-columns:repeat(5,1fr)}.silentCollage i{display:block;background:linear-gradient(145deg,#2b2924,#0f1314);background-size:cover;background-position:center;filter:grayscale(1) contrast(1.05);opacity:.68;border-right:1px solid rgba(255,255,255,.05)}.silentCollage i.hasImage{opacity:.72}
.silentCinemaHero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,8,9,.9),rgba(5,8,9,.2) 46%,rgba(5,8,9,.74))}
.silentHeroCopy{position:absolute;z-index:2;left:28px;bottom:24px;max-width:560px}.silentHeroCopy .collectionType{color:#d18a5c;font:700 9px/1 var(--sans);letter-spacing:.13em}.silentHeroCopy strong{display:block;color:#f4efe7;font:600 38px/.96 var(--serif);margin:7px 0}.silentHeroCopy small{display:block;color:#bbb8b3;font:400 12px/1.45 var(--sans);max-width:500px}.silentHeroCopy em{display:block;color:#dc9567;font:650 10px/1 var(--sans);font-style:normal;margin-top:10px}

.movementTimeline{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;position:relative}.movementTimeline:before{content:"";position:absolute;left:0;right:0;top:31px;height:1px;background:linear-gradient(90deg,rgba(201,132,82,.5),rgba(255,255,255,.06))}.movementTile{position:relative;min-height:170px;padding:16px 16px 15px;border-color:color-mix(in srgb,var(--feature-accent,#b76f45) 38%,#273137);background:linear-gradient(180deg,rgba(255,255,255,.025),rgba(255,255,255,.01));z-index:1}.movementYear{display:block;color:#d48a5b;font:700 9px/1 var(--sans);letter-spacing:.1em}.movementLine{display:block;width:9px;height:9px;margin:13px 0 18px;border-radius:50%;background:var(--feature-accent,#c17b4e);box-shadow:0 0 0 5px #101719}.movementTile strong{font-size:24px}.movementTile small{min-height:43px}

.collectionMosaicGrid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-auto-flow:dense;gap:12px}.collectionMosaicGrid .collectionCard{position:relative;grid-column:span 3;min-height:170px;overflow:hidden;border-color:color-mix(in srgb,var(--feature-accent,#b76f45) 38%,#2e383d);background:linear-gradient(145deg,rgba(255,255,255,.03),rgba(255,255,255,.012))}.collectionMosaicGrid .collectionCard:nth-child(1),.collectionMosaicGrid .collectionCard:nth-child(6){grid-column:span 5;min-height:215px}.collectionMosaicGrid .collectionCard:nth-child(2),.collectionMosaicGrid .collectionCard:nth-child(7){grid-column:span 4}.collectionMosaicGrid .collectionCard:nth-child(3),.collectionMosaicGrid .collectionCard:nth-child(8){grid-column:span 3}
.familyMotif{position:absolute;inset:0;pointer-events:none;overflow:hidden}.familyMotif:before{content:"";position:absolute;width:180px;height:180px;border:1px solid color-mix(in srgb,var(--feature-accent,#b76f45) 44%,transparent);border-radius:50%;right:-55px;top:-75px}.familyMotif i{position:absolute;width:80px;height:80px;border:1px solid color-mix(in srgb,var(--feature-accent,#b76f45) 30%,transparent);transform:rotate(45deg);right:34px;bottom:-42px}.familyMotif b{position:absolute;right:14px;top:13px;color:color-mix(in srgb,var(--feature-accent,#b76f45) 55%,transparent);font:700 28px/1 var(--serif);opacity:.18;white-space:nowrap}
.cityIndexCard .familyMotif:before{border-radius:0;width:120px;height:150px;right:16px;top:24px;transform:skewY(-8deg)}.cityIndexCard .familyMotif i{width:3px;height:110px;right:72px;bottom:10px;transform:none;background:color-mix(in srgb,var(--feature-accent,#b76f45) 35%,transparent);border:0}.awardIndexCard .familyMotif:before{border-width:2px}.awardIndexCard .familyMotif i{border-radius:50%;transform:none}.periodIndexCard .familyMotif:before{width:260px;height:1px;border:0;border-top:1px solid color-mix(in srgb,var(--feature-accent,#b76f45) 42%,transparent);right:-40px;top:55%}.nationIndexCard .familyMotif i{width:110px;height:72px;right:22px;bottom:18px;transform:none}
.collectionRhythmGrid{grid-template-columns:repeat(5,minmax(0,1fr))}.collectionRhythmGrid .collectionCard:nth-child(7n+1){border-color:rgba(197,119,72,.36)}.collectionRhythmGrid .collectionCard:nth-child(7n+3){border-color:rgba(91,119,136,.38)}.collectionRhythmGrid .collectionCard:nth-child(7n+5){border-color:rgba(111,130,98,.38)}

@media(max-width:1180px){.peopleBento,.performerBento,.collectionGenreGrid,.collectionMosaicGrid{grid-template-columns:repeat(8,minmax(0,1fr))}.collectionPersonFeature{grid-column:span 4!important}.collectionGenreCard,.collectionGenreCard:nth-child(n){grid-column:span 4}.collectionMosaicGrid .collectionCard,.collectionMosaicGrid .collectionCard:nth-child(n){grid-column:span 4}.collectionCompactGrid,.collectionRhythmGrid{grid-template-columns:repeat(4,minmax(0,1fr))}.movementTimeline{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){.collectionsMuseum .collectionGroup{margin-top:38px}.collectionEditorialHead>div{display:block}.collectionEditorialHead>div>span{font-size:26px}.collectionEditorialHead>div>p{margin-top:4px}.collectionDiscoveryNote{grid-template-columns:1fr;gap:6px}.peopleBento,.performerBento,.collectionGenreGrid,.collectionMosaicGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.collectionPersonFeature{grid-column:span 1!important;min-height:235px!important}.collectionPersonFeature:nth-child(1){grid-column:span 2!important;min-height:280px!important}.collectionPersonCopy{padding:14px}.collectionPersonCopy strong{font-size:23px}.collectionPersonCopy small{font-size:10px}.collectionGenreCard,.collectionGenreCard:nth-child(n){grid-column:span 1;min-height:190px}.collectionGenreCard:nth-child(1),.collectionGenreCard:nth-child(6){grid-column:span 2}.genreCopy strong{font-size:22px}.silentCinemaHero{height:220px}.silentCollage{grid-template-columns:repeat(3,1fr)}.silentCollage i:nth-child(n+4){display:none}.silentHeroCopy{left:18px;right:18px;bottom:18px}.silentHeroCopy strong{font-size:30px}.movementTimeline{display:flex;overflow-x:auto;padding-bottom:5px;scrollbar-width:none}.movementTimeline::-webkit-scrollbar{display:none}.movementTimeline:before{display:none}.movementTile{flex:0 0 245px}.collectionMosaicGrid .collectionCard,.collectionMosaicGrid .collectionCard:nth-child(n){grid-column:span 1;min-height:155px}.collectionMosaicGrid .collectionCard:nth-child(1){grid-column:span 2;min-height:185px}.collectionCompactGrid,.collectionRhythmGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.collectionSubhead{align-items:flex-start;flex-direction:column;gap:3px}}
@media(max-width:430px){.peopleBento,.performerBento,.collectionGenreGrid,.collectionMosaicGrid{grid-template-columns:1fr}.collectionPersonFeature,.collectionPersonFeature:nth-child(1),.collectionGenreCard,.collectionGenreCard:nth-child(n),.collectionMosaicGrid .collectionCard,.collectionMosaicGrid .collectionCard:nth-child(n){grid-column:span 1!important}.collectionCompactGrid,.collectionRhythmGrid{grid-template-columns:1fr 1fr}.silentHeroCopy strong{font-size:26px}}
\n\n/* V129 — Collections toolbar containment + reliable portrait presentation */\n.collectionsMuseum .collectionGroupTabs{\n  position:static!important;\n  top:auto!important;\n  z-index:auto!important;\n  display:flex!important;\n  flex-wrap:nowrap!important;\n  gap:8px!important;\n  margin:0 0 34px!important;\n  padding:12px 0 13px!important;\n  overflow-x:auto!important;\n  overflow-y:hidden!important;\n  scrollbar-width:thin;\n  scrollbar-color:rgba(201,132,82,.34) transparent;\n  background:transparent!important;\n  border-top:1px solid var(--gc-line)!important;\n  border-bottom:1px solid var(--gc-line)!important;\n}\n.collectionsMuseum .collectionGroupTabs::-webkit-scrollbar{height:4px}\n.collectionsMuseum .collectionGroupTabs::-webkit-scrollbar-track{background:transparent}\n.collectionsMuseum .collectionGroupTabs::-webkit-scrollbar-thumb{background:rgba(201,132,82,.34);border-radius:999px}\n.collectionsMuseum .collectionGroupTabs button{flex:0 0 auto!important;white-space:nowrap}\n.collectionsMuseum .collectionPeopleMuseum{margin-top:22px!important}\n.collectionPersonImage{background:radial-gradient(circle at 65% 30%,rgba(201,132,82,.09),transparent 34%),linear-gradient(145deg,#172024,#0c1113);overflow:hidden}\n.collectionPersonImage img{width:100%;height:100%;display:block;object-fit:cover;object-position:center 24%;filter:saturate(.72) contrast(1.02);transform:scale(1.005)}\n.collectionPersonFeature.hasPortrait .collectionPersonImage:after{content:\"\";position:absolute;inset:0;background:linear-gradient(180deg,rgba(6,9,10,.02),rgba(6,9,10,.24) 58%,rgba(6,9,10,.7));pointer-events:none}\n.collectionPersonImage.hasPortrait>i{display:none}\n.collectionPersonFeature.noPortrait{min-height:190px!important;grid-row:auto!important}\n.collectionPersonFeature.noPortrait .collectionPersonImage{opacity:.62}\n.collectionPersonFeature.noPortrait .collectionPersonImage>i{font-size:clamp(42px,4vw,72px);opacity:.12}\n.collectionPersonFeature.noPortrait .collectionPersonCopy{position:absolute;inset:auto 0 0 0}\n@media(max-width:760px){\n  .collectionsMuseum .collectionGroupTabs{margin-bottom:24px!important;padding:10px 0 11px!important;scrollbar-width:none}\n  .collectionsMuseum .collectionGroupTabs::-webkit-scrollbar{display:none}\n  .collectionsMuseum .collectionPeopleMuseum{margin-top:16px!important}\n}\n
/* V130 — Collections toolbar must remain in document flow; portrait-safe composition */
.collectionGroupTabs,
.collectionsMuseum .collectionGroupTabs{
  position:static!important;
  inset:auto!important;
  top:auto!important;
  bottom:auto!important;
  left:auto!important;
  right:auto!important;
  z-index:1!important;
  transform:none!important;
  display:flex!important;
  flex-wrap:wrap!important;
  gap:8px!important;
  width:100%!important;
  margin:0 0 34px!important;
  padding:12px 0 13px!important;
  overflow:visible!important;
  background:transparent!important;
  backdrop-filter:none!important;
  border-top:1px solid var(--gc-line)!important;
  border-bottom:1px solid var(--gc-line)!important;
}
.collectionGroupTabs button,
.collectionsMuseum .collectionGroupTabs button{
  flex:0 0 auto!important;
  white-space:nowrap!important;
}

/* Portraits: preserve the source frame instead of center-cropping faces. */
.collectionPersonImage{
  position:absolute!important;
  inset:0!important;
  display:flex!important;
  align-items:flex-start!important;
  justify-content:center!important;
  background:
    radial-gradient(circle at 50% 22%,rgba(201,132,82,.10),transparent 34%),
    linear-gradient(145deg,#151d20 0%,#0b1012 58%,#090c0d 100%)!important;
}
.collectionPersonImage img{
  width:100%!important;
  height:100%!important;
  max-width:100%!important;
  max-height:100%!important;
  object-fit:contain!important;
  object-position:center top!important;
  filter:saturate(.76) contrast(1.01)!important;
  transform:none!important;
}
.collectionPersonFeature.hasPortrait .collectionPersonImage:before{
  content:"";
  position:absolute;
  inset:0;
  box-shadow:inset 0 0 72px rgba(5,8,9,.34);
  pointer-events:none;
  z-index:1;
}
.collectionPersonFeature.hasPortrait .collectionPersonImage:after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,rgba(6,9,10,0) 0%,rgba(6,9,10,.05) 42%,rgba(6,9,10,.76) 100%)!important;
  pointer-events:none;
  z-index:2;
}
.collectionPersonCopy{z-index:3!important}

@media(max-width:760px){
  .collectionGroupTabs,
  .collectionsMuseum .collectionGroupTabs{
    flex-wrap:nowrap!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    margin-bottom:24px!important;
    padding:10px 0 11px!important;
    scrollbar-width:none!important;
  }
  .collectionGroupTabs::-webkit-scrollbar,
  .collectionsMuseum .collectionGroupTabs::-webkit-scrollbar{display:none!important}
}


/* V131 — visual completeness for Collections families */
.familyVisual{position:absolute;inset:0;z-index:0;background:linear-gradient(145deg,#121a1d,#0b1012);background-size:cover;background-position:center;opacity:.0;transition:opacity .25s ease,transform .35s ease;pointer-events:none}
.familyVisual.hasImage{opacity:.46}
.familyVisual:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(5,9,10,.08),rgba(5,9,10,.74) 72%,rgba(5,9,10,.94))}
.collectionMosaicGrid .collectionCard:hover .familyVisual.hasImage{transform:scale(1.025)}
.collectionMosaicGrid .collectionCard>.collectionType,.collectionMosaicGrid .collectionCard>strong,.collectionMosaicGrid .collectionCard>small,.collectionMosaicGrid .collectionCard>em{position:relative;z-index:3}
.collectionMosaicGrid .familyMotif{z-index:2;opacity:.72}
.collectionMosaicGrid .familyVisual.hasImage~.familyMotif{opacity:.07}
.collectionMosaicGrid .familyVisual.hasImage~.familyMotif b{opacity:0}

/* Fallback motifs must read as intentional, not empty placeholders. */
.collectionMosaicGrid .familyMotif:after{content:"";position:absolute;left:16px;right:16px;bottom:16px;height:3px;background:linear-gradient(90deg,var(--feature-accent,#b76f45),transparent 72%);opacity:.46}
.nationIndexCard .familyMotif:before{width:145px;height:145px;right:-36px;top:-48px;border-width:2px;box-shadow:0 0 0 22px color-mix(in srgb,var(--feature-accent,#b76f45) 7%,transparent)}
.nationIndexCard .familyMotif i{width:112px;height:70px;right:25px;bottom:24px;border:1px solid color-mix(in srgb,var(--feature-accent,#b76f45) 44%,transparent);background:repeating-linear-gradient(135deg,color-mix(in srgb,var(--feature-accent,#b76f45) 12%,transparent) 0 6px,transparent 6px 13px)}
.cityIndexCard .familyMotif:before{box-shadow:-18px 18px 0 -17px color-mix(in srgb,var(--feature-accent,#b76f45) 48%,transparent),-36px 36px 0 -35px color-mix(in srgb,var(--feature-accent,#b76f45) 30%,transparent)}
.cityIndexCard .familyMotif i{box-shadow:22px 0 0 color-mix(in srgb,var(--feature-accent,#b76f45) 17%,transparent),44px 0 0 color-mix(in srgb,var(--feature-accent,#b76f45) 9%,transparent)}
.periodIndexCard .familyMotif:before{top:58%;background:linear-gradient(90deg,transparent,var(--feature-accent,#b76f45),transparent);opacity:.55}
.periodIndexCard .familyMotif i{width:94px;height:47px;right:30px;bottom:-4px;border-width:1px 1px 0 0;transform:rotate(-45deg);opacity:.55}
.awardIndexCard .familyMotif:before{width:126px;height:126px;right:-22px;top:-34px;border-width:2px;box-shadow:0 0 0 13px color-mix(in srgb,var(--feature-accent,#b76f45) 7%,transparent)}
.awardIndexCard .familyMotif i{width:70px;height:70px;right:38px;bottom:-34px;border-width:1px 1px 0 0;transform:rotate(-45deg);border-radius:0}

/* Genres without a loaded still get a distinct, visible film-form motif. */
.collectionGenreCard .genreVisual:not(.hasImage){opacity:1;background:
 radial-gradient(circle at 76% 28%,color-mix(in srgb,var(--feature-accent,#b76f45) 15%,transparent),transparent 24%),
 linear-gradient(135deg,color-mix(in srgb,var(--feature-accent,#b76f45) 8%,#101719),#0d1315 58%,#070b0d)}
.collectionGenreCard .genreVisual:not(.hasImage) i{opacity:.82;border-width:2px;box-shadow:24px 18px 0 -22px var(--feature-accent,#b76f45),-20px -16px 0 -19px color-mix(in srgb,var(--feature-accent,#b76f45) 70%,transparent)}
.genre-political-thrillers .genreVisual i{transform:skew(-12deg) rotate(8deg);border-radius:2px}
.genre-yakuza .genreVisual i{transform:rotate(12deg);border-radius:50% 0 50% 0}
.genre-blaxploitation .genreVisual i{transform:none;border-width:0 0 2px 2px}
.genre-epic-cinema .genreVisual i{inset:18% 8%;transform:none;border-radius:50% 50% 0 0}

@media(max-width:760px){
  .familyVisual.hasImage{opacity:.40}
  .collectionMosaicGrid .familyMotif b{font-size:21px}
}

/* V132: real imagery leads; geometry is a fallback, not an overlay. */
.collectionMosaicGrid .familyVisual.hasImage~.familyMotif:before,.collectionMosaicGrid .familyVisual.hasImage~.familyMotif i,.collectionMosaicGrid .familyVisual.hasImage~.familyMotif:after{opacity:.18}
/* V133 — music-culture taxonomy */
.rockMetalIntro{margin-bottom:34px}.rockSceneMap{display:flex;flex-wrap:wrap;gap:9px;margin-top:18px;padding-top:16px;border-top:1px solid var(--line)}.rockSceneMap span{font:600 11px/1 Inter,sans-serif;letter-spacing:.08em;text-transform:uppercase;padding:8px 11px;border:1px solid rgba(202,130,75,.28);border-radius:999px;color:var(--muted);background:rgba(202,130,75,.035)}.rockScene{margin:44px 0}.rockScene .collectionTierHead{align-items:end}.rockSceneGrid{grid-template-columns:repeat(5,minmax(0,1fr))}.rockSceneGrid .card{min-width:0}@media(max-width:1200px){.rockSceneGrid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:760px){.rockScene{margin:30px 0}.rockSceneGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.rockSceneMap{flex-wrap:nowrap;overflow-x:auto;padding-bottom:4px}.rockSceneMap span{white-space:nowrap}}

/* V134 — sitewide coherence + Collections search focus repair */
html{scrollbar-gutter:stable}
body{overflow-x:hidden}

/* One visual search field: the wrapper owns border/focus, the input never does. */
.collectionSearchWrap{max-width:820px!important}
.collectionSearch{
  height:54px!important;
  padding:0 15px!important;
  gap:10px!important;
  border:1px solid rgba(255,255,255,.13)!important;
  border-radius:12px!important;
  background:#0f1518!important;
  box-shadow:none!important;
}
.collectionSearch:focus-within{
  border-color:rgba(202,132,84,.82)!important;
  box-shadow:0 0 0 3px rgba(190,126,81,.075)!important;
  background:#10181c!important;
}
.collectionSearch input,
.collectionSearch input:focus,
.collectionSearch input:focus-visible{
  border:0!important;
  outline:0!important;
  box-shadow:none!important;
  background:transparent!important;
  padding:0!important;
  font-size:16px!important;
  line-height:1.25!important;
  color:#f0ece5!important;
  appearance:none;
  -webkit-appearance:none;
}
.collectionSearch input::placeholder{color:#7f898e!important;font-weight:450}
.collectionSearch>span{flex:0 0 auto;font-size:17px!important;color:#c7875d!important}
.collectionSearchClear{flex:0 0 32px}

/* Global QA polish: predictable text rhythm and no scroll chaining in drawers. */
.pageHeader h1,.collectionStoryIntro h1,.finderPage h1,.sectionhead h2,.collectionGroupHead h2{
  text-wrap:balance;
}
.pageHeader .lead,.collectionStoryIntro p,.finderPage>.lead{
  text-wrap:pretty;
}
.panel,.workspacePanel,.archivePlayerCard{
  overscroll-behavior:contain;
}
.poster img,.finderPoster img,.collectionPersonImage img,.genreVisual img,.familyVisual img{
  background:#0d1215;
}

/* Interactive surfaces should feel related across sections without becoming flashy. */
.collectionCard,.decadegrid button,.movementgrid button,.worldgrid button,.finderCard{
  transition:border-color .16s ease,transform .16s ease,background-color .16s ease,box-shadow .16s ease;
}
@media (hover:hover){
  .collectionCard:hover,.decadegrid button:hover,.movementgrid button:hover,.worldgrid button:hover{
    border-color:rgba(201,132,84,.38)!important;
  }
}

/* Prevent very long metadata/labels from breaking layouts. */
.collectionCard strong,.finderCard h3,.meta b{overflow-wrap:anywhere}

/* Mobile sweep: tighter page rhythm, touch-safe search, horizontally contained tabs. */
@media(max-width:760px){
  .collectionSearchWrap{margin-bottom:18px!important}
  .collectionSearch{height:50px!important;padding:0 13px!important}
  .collectionSearch input{font-size:16px!important} /* prevents iOS input zoom */
  .collectionGroupTabs{overscroll-behavior-inline:contain;scrollbar-width:none}
  .collectionGroupTabs::-webkit-scrollbar{display:none}
  .pageHeader .lead{max-width:100%}
}

/* Respect reduced motion throughout the final interaction layer. */
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .collectionCard,.decadegrid button,.movementgrid button,.worldgrid button,.finderCard{transition:none!important}
}


/* V135 — archival manager exit safety + sitewide interaction polish */
.archiveAdminOverlay{z-index:14000!important;align-items:stretch!important}
.archiveAdminOverlay>.overlayCloseZone{position:fixed!important;inset:0 min(1180px,96vw) 0 0!important;z-index:0!important;cursor:pointer!important}
.archiveAdminPanel{position:fixed!important;top:0!important;right:0!important;bottom:0!important;height:100dvh!important;max-height:100dvh!important;overflow:hidden!important;display:grid!important;grid-template-rows:auto minmax(0,1fr)!important;z-index:2!important}
.archiveAdminPanel>.paneltop{position:relative!important;top:auto!important;min-height:64px!important;height:auto!important;padding:10px 16px 10px 20px!important}
.archiveAdminPanel>.archiveAdminBody{min-height:0!important;overflow-y:auto!important;overscroll-behavior:contain!important;scrollbar-gutter:stable!important}
.archiveAdminClose{display:inline-flex!important;align-items:center!important;gap:7px!important;min-width:82px!important;height:36px!important;padding:0 11px!important;border:1px solid #46545c!important;border-radius:999px!important;background:#182126!important;color:#f1eee8!important;font:700 10px/1 Inter,Arial,sans-serif!important;letter-spacing:.02em!important}
.archiveAdminClose span:first-child{font-size:19px!important;font-weight:400!important;line-height:1!important;margin-top:-1px}
.archiveAdminClose:hover,.archiveAdminClose:focus-visible{background:#263238!important;border-color:#a56d4c!important;outline:none!important}
button:focus-visible,input:focus-visible,select:focus-visible,a:focus-visible{outline:2px solid #c98255;outline-offset:2px}
@media(max-width:800px){
  .archiveAdminPanel{width:100vw!important;max-width:none!important;border-left:0!important}
  .archiveAdminOverlay>.overlayCloseZone{display:none!important}
  .archiveAdminPanel>.paneltop{padding:9px 12px 9px 15px!important}
  .archiveAdminPanel>.paneltop h2{font-size:22px!important}
  .archiveAdminClose{min-width:38px!important;width:38px!important;padding:0!important;justify-content:center!important}
  .archiveAdminClose span:last-child{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
}


/* V138 — compact Add to list sheet */
.addOverlay{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:24px!important;
  background:rgba(4,7,9,.72)!important;
  backdrop-filter:blur(5px);
}
.addCloseZone{
  position:fixed;
  inset:0;
  z-index:0;
  border:0;
  background:transparent;
  cursor:default;
}
.addbox{
  position:relative!important;
  z-index:2;
  width:min(390px,calc(100vw - 32px))!important;
  max-width:390px!important;
  height:auto!important;
  max-height:min(680px,calc(100vh - 48px));
  margin:0!important;
  overflow:auto!important;
  border:1px solid #39444a!important;
  border-radius:14px!important;
  background:#11181c!important;
  color:#f4f1ec!important;
  box-shadow:0 28px 80px rgba(0,0,0,.5)!important;
}
.addSheetHead{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:18px;
  padding:20px 20px 16px;
  border-bottom:1px solid #293238;
}
.addSheetHead>div{min-width:0}
.addSheetKicker{
  display:block;
  margin-bottom:6px;
  color:#b77b58;
  font-size:8px;
  font-weight:700;
  letter-spacing:.16em;
}
.addSheetHead h2{
  margin:0;
  font-family:Georgia,serif;
  font-size:25px;
  line-height:1.05;
  letter-spacing:-.025em;
  color:#f7f3ed;
}
.addSheetHead p{
  margin:6px 0 0;
  overflow:hidden;
  color:#929da2;
  font-size:11px;
  line-height:1.35;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.addSheetHead #closeAdd{
  flex:0 0 auto;
  width:32px!important;
  height:32px!important;
  padding:0!important;
  display:grid!important;
  place-items:center!important;
  border:1px solid #465159!important;
  border-radius:50%!important;
  background:#182126!important;
  color:#f2efea!important;
  font-size:19px!important;
  line-height:1!important;
}
.addChoices{
  padding:8px 12px!important;
}
.addChoices button{
  min-height:54px;
  display:grid!important;
  grid-template-columns:26px minmax(0,1fr) auto;
  align-items:center;
  gap:10px;
  width:100%;
  margin:0!important;
  padding:8px 9px!important;
  border:0!important;
  border-bottom:1px solid #293238!important;
  border-radius:0!important;
  background:transparent!important;
  color:#eef1ef!important;
  text-align:left;
}
.addChoices button:last-child{border-bottom:0!important}
.addChoices button:hover,
.addChoices button:focus-visible{
  background:#182126!important;
  outline:none!important;
}
.listChoiceMark{
  width:22px;
  height:22px;
  display:grid;
  place-items:center;
  border:1px solid #56636a;
  border-radius:50%;
  color:#14191c;
  font-size:12px;
  font-weight:800;
}
.addChoices .isSelected .listChoiceMark{
  border-color:#d5966f;
  background:#d18457;
  color:#111719;
}
.listChoiceLabel{
  min-width:0;
  overflow:hidden;
  color:#f1eeea;
  font-size:13px;
  font-weight:650;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.listChoiceState{
  color:#78848a;
  font-size:9px;
  font-weight:700;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.addChoices .isSelected .listChoiceState{color:#d89468}
.addCreate{
  padding:12px 20px 18px;
  border-top:1px solid #293238;
}
.addCreateTrigger{
  width:auto!important;
  padding:5px 0!important;
  border:0!important;
  background:transparent!important;
  color:#c9835b!important;
  font-size:11px!important;
  font-weight:700;
  text-align:left;
}
.addCreateTrigger:hover,
.addCreateTrigger:focus-visible{color:#efa77d!important;text-decoration:underline}
.addNewList{
  margin:0!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  gap:8px!important;
  border:0!important;
}
.addNewList[hidden]{display:none!important}
.addNewList input{
  min-width:0;
  height:38px;
  padding:0 11px!important;
  border:1px solid #465159!important;
  border-radius:7px!important;
  background:#0d1316!important;
  color:#f1eeea!important;
}
.addNewList input:focus{border-color:#b97956!important;box-shadow:0 0 0 2px rgba(185,121,86,.14)}
.addNewList button{
  width:auto!important;
  min-width:70px;
  height:38px!important;
  padding:0 13px!important;
  border-radius:7px!important;
  background:#c7784d!important;
  border:1px solid #df946a!important;
  color:#121719!important;
  font-size:10px!important;
  font-weight:800;
}
@media(max-width:600px){
  .addOverlay{align-items:flex-end!important;padding:12px!important}
  .addbox{
    width:100%!important;
    max-width:none!important;
    max-height:calc(100dvh - 24px)!important;
    border-radius:14px 14px 10px 10px!important;
  }
  .addSheetHead{padding:18px 17px 14px}
  .addChoices{padding:7px 10px!important}
  .addChoices button{min-height:52px;padding:7px 8px!important}
  .addCreate{padding:11px 17px 16px}
}

/* V139 — Add-to-list hover polish: no appearing rule/border on hover. */
.addChoices button,
.addChoices button:hover,
.addChoices button:focus-visible{
  border-left:0!important;
  border-right:0!important;
  border-top:0!important;
  border-bottom:1px solid #293238!important;
  box-shadow:none!important;
  transform:none!important;
  text-decoration:none!important;
}
.addChoices button:last-child,
.addChoices button:last-child:hover,
.addChoices button:last-child:focus-visible{
  border-bottom:0!important;
}
.addChoices button:hover{
  background:rgba(255,255,255,.035)!important;
}
.addChoices button:focus-visible{
  background:rgba(255,255,255,.045)!important;
  outline:2px solid rgba(209,132,87,.42)!important;
  outline-offset:-2px!important;
}
.addChoices button::before,
.addChoices button::after{
  content:none!important;
  display:none!important;
}


/* V140 — Owner-only Vault row in compact Add to list sheet. */
.addVaultSection{
  padding:8px 10px 6px;
  border-bottom:1px solid #303940;
  background:rgba(199,120,77,.035);
}
.addVaultChoice{
  width:100%;
  min-height:58px;
  display:grid;
  grid-template-columns:30px minmax(0,1fr) auto;
  align-items:center;
  gap:10px;
  padding:8px 10px!important;
  border:1px solid #4a3a31!important;
  border-radius:8px!important;
  background:#14191c!important;
  color:#f1eeea!important;
  text-align:left;
  box-shadow:none!important;
  transform:none!important;
}
.addVaultChoice:hover{background:#191e21!important;border-color:#6b4d3d!important}
.addVaultChoice:focus-visible{outline:2px solid rgba(209,132,87,.42)!important;outline-offset:2px!important}
.addVaultChoice.isSelected{background:#1b1b19!important;border-color:#8d5d42!important}
.vaultChoiceMark{color:#d5946d!important;border-color:#7b5946!important}
.addVaultChoice.isSelected .vaultChoiceMark{background:#d18457!important;border-color:#d5966f!important;color:#111719!important}
.addVaultText{min-width:0;display:flex;flex-direction:column;gap:2px}
.addVaultText small{color:#858f94;font-size:9px;font-weight:600;letter-spacing:.02em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.addVaultChoice.isSelected .listChoiceState{color:#d89468}
@media(max-width:600px){.addVaultSection{padding:7px 10px 5px}.addVaultChoice{min-height:56px}}
\n\n/* V143 — theatrical availability */\n.theaterBlock .watchEmptyState{min-height:0}\n.theaterBlock .theaterCurrent{border-color:rgba(214,151,79,.28);background:rgba(214,151,79,.055)}\n.theaterBlock .theaterCurrent b{color:#f0c28d}\n\n/* V147 contextual search */
.searchScopeBar{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:9px;font-size:11px;color:var(--muted)}
.searchScopeBar b{color:var(--ink);font-weight:700}.searchScopeBar button{border:1px solid var(--line);background:rgba(251,250,246,.76);border-radius:18px;padding:5px 9px;color:var(--muted);font-size:10px}.searchScopeBar button:hover{background:var(--paper);color:var(--ink)}
@media(max-width:700px){.searchScopeBar{flex-wrap:wrap;gap:6px}.searchScopeBar button span{display:inline}}
\n\n/* V148 — standard local search for all scoped destinations */\n.localSearchShell{border-bottom:1px solid #273137;background:#0d1418;padding:14px 4vw 13px}\n.localSearchInner{max-width:1450px;margin:0 auto}\n.localSearchLabel{margin:0 0 7px;font-size:8px;line-height:1;letter-spacing:.14em;color:#7f8a8f;font-weight:700}\n.localSearchLabel b{color:#c7cfd2;font-weight:700}\n.localSearchRow{display:flex;align-items:center;gap:9px;max-width:780px}\n.localSearch{margin:0!important;max-width:none!important;flex:1;height:40px!important;min-height:40px!important;border-radius:7px!important;background:#111a1f!important;border:1px solid #344149!important;box-shadow:none!important;padding-left:12px!important;color:#8f9a9f}\n.localSearch input{height:38px!important;font-size:12px!important;color:#eef1ef!important;padding-left:9px!important}\n.localSearch input::placeholder{color:#78848a!important}\n.localSearch button{height:30px!important;min-height:30px!important;margin-right:4px!important;padding:0 12px!important;border-radius:5px!important;border:1px solid #46545b!important;background:#182228!important;color:#dce1df!important;font-size:10px!important;font-weight:700!important}\n.localSearch button:hover{background:#202c32!important;border-color:#596970!important}\n.localSearchAll{flex:0 0 auto;height:32px;border:0;background:transparent;color:#8f999e;font-size:10px;padding:0 4px;text-decoration:underline;text-underline-offset:3px}\n.localSearchAll:hover{color:#d8ddda}\n@media(max-width:700px){.localSearchShell{padding:10px 12px}.localSearchLabel{margin-bottom:6px}.localSearchRow{gap:7px}.localSearch{height:38px!important;min-height:38px!important}.localSearch input{height:36px!important;font-size:12px!important}.localSearch button{height:28px!important;min-height:28px!important;padding:0 10px!important}.localSearchAll{font-size:9px;white-space:nowrap}}\n
/* V149 — dynamic scoped-search copy + neutral local-search palette */
.localSearchShell{background:#11181c!important;border-top:0!important;border-bottom:1px solid rgba(205,201,190,.14)!important;padding:12px 4vw!important}
.localSearchInner{max-width:1450px;margin:0 auto}
.localSearchRow{display:flex!important;align-items:center!important;gap:12px!important;max-width:700px!important}
.search.localSearch{display:flex!important;align-items:center!important;flex:1 1 auto!important;width:auto!important;max-width:none!important;height:42px!important;min-height:42px!important;margin:0!important;padding:0 5px 0 12px!important;border:1px solid rgba(205,201,190,.27)!important;border-radius:8px!important;background:#151d21!important;box-shadow:none!important;color:#a6aaa8!important;overflow:hidden!important}
.search.localSearch:focus-within{border-color:rgba(210,151,92,.62)!important;box-shadow:0 0 0 2px rgba(210,151,92,.08)!important;background:#171f23!important}
.localSearchIcon{display:block!important;flex:0 0 auto!important;color:#a7aaa7!important;font-size:17px!important;line-height:1!important;margin-right:8px!important}
.search.localSearch input{flex:1 1 auto!important;min-width:0!important;width:100%!important;height:40px!important;padding:0!important;margin:0!important;border:0!important;background:transparent!important;color:#e5e5df!important;font-size:13px!important;font-weight:500!important;line-height:40px!important;box-shadow:none!important;outline:0!important}
.search.localSearch input::placeholder{color:#8f9492!important;opacity:1!important}
.search.localSearch .localSearchSubmit{display:flex!important;align-items:center!important;justify-content:center!important;flex:0 0 32px!important;width:32px!important;height:32px!important;min-height:32px!important;margin:0!important;padding:0!important;border:0!important;border-radius:6px!important;background:transparent!important;color:#b8bab5!important;font-size:17px!important;font-weight:400!important;box-shadow:none!important}
.search.localSearch .localSearchSubmit:hover,.search.localSearch .localSearchSubmit:focus-visible{background:rgba(210,151,92,.10)!important;color:#d39a64!important;outline:0!important}
.localSearchAll{flex:0 0 auto!important;height:32px!important;padding:0 2px!important;border:0!important;background:transparent!important;color:#858c8c!important;font-size:10px!important;font-weight:600!important;letter-spacing:.01em!important;text-decoration:none!important;white-space:nowrap!important}
.localSearchAll::after{content:'  →';color:#666e70}
.localSearchAll:hover,.localSearchAll:focus-visible{color:#c2c4bf!important;outline:0!important}
.localSearchLabel{display:none!important}
@media(max-width:700px){
  .localSearchShell{padding:9px 12px!important}
  .localSearchRow{gap:9px!important;max-width:none!important}
  .search.localSearch{height:40px!important;min-height:40px!important;padding-left:10px!important}
  .search.localSearch input{height:38px!important;line-height:38px!important;font-size:12px!important}
  .search.localSearch .localSearchSubmit{width:30px!important;height:30px!important;min-height:30px!important;flex-basis:30px!important}
  .localSearchAll{font-size:9px!important}
}

/* V150 — local search composition polish: lower visual weight, exact grid alignment */
.localSearchShell{
  background:#0f161a!important;
  border-bottom:1px solid rgba(205,201,190,.09)!important;
  padding:8px 4vw 9px!important;
}
.localSearchInner{max-width:1450px!important;margin:0 auto!important}
.localSearchRow{
  max-width:590px!important;
  gap:11px!important;
  align-items:center!important;
}
.search.localSearch{
  height:36px!important;
  min-height:36px!important;
  padding:0 10px!important;
  border-color:rgba(205,201,190,.20)!important;
  border-radius:7px!important;
  background:#121a1e!important;
}
.search.localSearch:focus-within{
  border-color:rgba(210,151,92,.50)!important;
  background:#141c20!important;
  box-shadow:0 0 0 2px rgba(210,151,92,.055)!important;
}
.localSearchIcon{
  margin-right:7px!important;
  color:#878f90!important;
  font-size:14px!important;
}
.search.localSearch input{
  height:34px!important;
  line-height:34px!important;
  font-size:12px!important;
  font-weight:450!important;
  letter-spacing:0!important;
  color:#dfe2df!important;
}
.search.localSearch input::placeholder{color:#8b9292!important}
/* The left magnifier is the sole visual search affordance; Enter submits. */
.search.localSearch .localSearchSubmit{
  position:absolute!important;
  width:1px!important;height:1px!important;min-height:1px!important;
  padding:0!important;margin:-1px!important;
  overflow:hidden!important;clip:rect(0,0,0,0)!important;
  white-space:nowrap!important;border:0!important;
}
.localSearchAll{
  height:30px!important;
  padding:0!important;
  font-size:10px!important;
  font-weight:500!important;
  color:#7f8788!important;
}
.localSearchAll::after{color:#5f686a!important}
.localSearchAll:hover,.localSearchAll:focus-visible{color:#bfc3bf!important}
@media(max-width:700px){
  .localSearchShell{padding:7px 12px 8px!important}
  .localSearchRow{max-width:none!important;gap:9px!important}
  .search.localSearch{height:36px!important;min-height:36px!important;padding:0 9px!important}
  .search.localSearch input{height:34px!important;line-height:34px!important;font-size:12px!important}
  .localSearchAll{font-size:9px!important}
}


/* V151 — center local search on desktop; preserve full-width mobile */
@media(min-width:701px){
  .localSearchRow{margin-left:auto!important;margin-right:auto!important;}
}

/* V152 — reusable context-hub lanes */
.contextHub{display:grid;gap:26px;margin:30px 0 34px;padding-top:4px}
.contextHubLane{border-top:1px solid rgba(255,255,255,.09);padding-top:18px}
.contextHubHead{display:flex;align-items:end;gap:14px;margin-bottom:12px;flex-wrap:wrap}
.contextHubHead .eyebrow{width:100%;font-size:10px;letter-spacing:.16em;color:var(--muted)}
.contextHubHead h3{font-size:20px;line-height:1.1;margin:0;font-weight:650}
.contextHubHead p{margin:0 0 1px;color:var(--muted);font-size:13px;max-width:680px}
.contextHubRail{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.contextHubRail.compact{grid-template-columns:repeat(4,minmax(0,1fr))}
.contextHubCard{appearance:none;text-align:left;min-height:88px;padding:14px 15px;border:1px solid rgba(255,255,255,.09);border-radius:12px;background:rgba(255,255,255,.025);color:inherit;cursor:pointer;display:flex;flex-direction:column;align-items:flex-start;transition:background .18s ease,border-color .18s ease,transform .18s ease}
.contextHubCard:hover{background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.15);transform:translateY(-1px)}
.contextHubCard b{font-size:14px;font-weight:650;line-height:1.2}
.contextHubCard small{display:block;margin-top:6px;color:var(--muted);font-size:11px;line-height:1.35;font-weight:400}
.contextHubCard span{margin-top:auto;padding-top:9px;color:var(--accent);font-size:10px;font-weight:650;letter-spacing:.03em}
.contextHubSeries .contextHubCard{min-height:100px}
@media(max-width:900px){.contextHubRail,.contextHubRail.compact{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.contextHub{gap:20px;margin:22px 0 28px}.contextHubRail,.contextHubRail.compact{display:flex;overflow-x:auto;scroll-snap-type:x proximity;padding-bottom:4px;gap:9px}.contextHubCard{flex:0 0 72%;min-height:86px;scroll-snap-align:start}.contextHubHead h3{font-size:18px}}


/* V154 — scoped search must remain dark in all browser input states */
.search.localSearch,
.search.localSearch:hover,
.search.localSearch:focus-within{color-scheme:dark!important}
.search.localSearch input,
.search.localSearch input:hover,
.search.localSearch input:focus,
.search.localSearch input:active{
  appearance:none!important;-webkit-appearance:none!important;
  background:transparent!important;background-color:transparent!important;
  color:#dfe2df!important;-webkit-text-fill-color:#dfe2df!important;
  caret-color:#d29a63!important;outline:none!important;box-shadow:none!important;
  border:0!important;color-scheme:dark!important;
}
.search.localSearch input:-webkit-autofill,
.search.localSearch input:-webkit-autofill:hover,
.search.localSearch input:-webkit-autofill:focus,
.search.localSearch input:-webkit-autofill:active{
  -webkit-text-fill-color:#dfe2df!important;
  caret-color:#d29a63!important;
  -webkit-box-shadow:0 0 0 1000px #121a1e inset!important;
  box-shadow:0 0 0 1000px #121a1e inset!important;
  transition:background-color 99999s ease-out 0s!important;
}
.search.localSearch input::selection{background:rgba(210,151,92,.28)!important;color:#fff!important}
.search.localSearch input::-webkit-search-decoration,
.search.localSearch input::-webkit-search-cancel-button{-webkit-appearance:none!important;appearance:none!important}

/* V154 — cinematic imagery for context hubs */
.contextHubCard.hasVisual{padding:0;overflow:hidden;min-height:218px;background:rgba(255,255,255,.022)}
.contextHubVisual{display:flex;width:100%;height:112px;overflow:hidden;background:linear-gradient(135deg,#151d21,#0c1215);border-bottom:1px solid rgba(255,255,255,.08);position:relative}
.contextHubVisual:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,transparent 58%,rgba(7,10,12,.23))}
.contextHubPersonVisual i{display:block;width:100%;height:100%}
.contextHubDuoVisual i{display:block;flex:1 1 0;height:100%;min-width:0;border-right:1px solid rgba(255,255,255,.12);background:linear-gradient(135deg,#182126,#0d1316)}
.contextHubDuoVisual i:last-child{border-right:0}
.contextHubVisual img{width:100%;height:100%;display:block;object-fit:cover;object-position:center 20%;filter:saturate(.92) contrast(1.02)}
.contextHubDuoVisual img{object-position:center 18%}
.contextHubMovieVisual{background-size:cover;background-position:center 34%}
.contextHubMovieVisual i{display:block;width:100%;height:100%;background:linear-gradient(135deg,rgba(210,151,92,.08),transparent 55%)}
.contextHubCardCopy{display:flex;flex-direction:column;align-items:flex-start;flex:1;width:100%;padding:12px 14px 13px;text-align:left}
.contextHubCardCopy b{font-size:14px;font-weight:650;line-height:1.2}
.contextHubCardCopy small{margin-top:5px;color:var(--muted);font-size:11px;line-height:1.34;font-weight:400}
.contextHubCardCopy em{font-style:normal;margin-top:auto;padding-top:9px;color:var(--accent);font-size:10px;font-weight:650;letter-spacing:.03em}
.contextHubCard.hasVisual:hover .contextHubVisual img{transform:scale(1.018)}
.contextHubVisual img{transition:transform .25s ease}
.contextHubPeople .contextHubRail{grid-template-columns:repeat(5,minmax(0,1fr))}
.contextHubCollaborations .contextHubCard.hasVisual{min-height:224px}
.contextHubSeries .contextHubMovieVisual{height:126px}
@media(max-width:1100px){.contextHubPeople .contextHubRail{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:900px){.contextHubPeople .contextHubRail{grid-template-columns:repeat(2,minmax(0,1fr))}.contextHubCard.hasVisual{min-height:206px}}
@media(max-width:560px){
  .contextHubPeople .contextHubRail{display:flex}
  .contextHubCard.hasVisual{flex:0 0 76%;min-height:204px}
  .contextHubVisual{height:116px}.contextHubSeries .contextHubMovieVisual{height:120px}
}


/* V155 — scene-first visual language + per-hub de-duplication */
.contextHubSceneVisual{height:124px;background-size:cover;background-position:center 38%;isolation:isolate}
.contextHubSceneVisual:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,7,9,.04),transparent 38%,rgba(4,7,9,.025));z-index:0}
.contextHubSceneVisual i{display:block;width:100%;height:100%;position:relative;z-index:1;background:linear-gradient(180deg,transparent 55%,rgba(6,9,11,.12))}
.contextHubSceneVisual.hasImage{filter:saturate(.94) contrast(1.025)}
.contextHubPeople .contextHubSceneVisual,.contextHubCollaborations .contextHubSceneVisual{height:132px}
.contextHubSeries .contextHubSceneVisual{height:136px}
.contextHubCard.hasVisual{min-height:230px}
@media(max-width:900px){.contextHubSceneVisual,.contextHubPeople .contextHubSceneVisual,.contextHubCollaborations .contextHubSceneVisual{height:122px}.contextHubCard.hasVisual{min-height:216px}}
@media(max-width:560px){.contextHubSceneVisual,.contextHubPeople .contextHubSceneVisual,.contextHubCollaborations .contextHubSceneVisual,.contextHubSeries .contextHubSceneVisual{height:124px}}


/* V156 — identity-first cinematic hub visuals
   Scenes set the cinematic context; portraits make people unmistakable. */
.contextHubIdentityVisual{position:relative}
.contextHubIdentityVisual:after{content:"";position:absolute;inset:auto 0 0;height:54%;background:linear-gradient(180deg,transparent,rgba(4,7,9,.72));pointer-events:none;z-index:2}
.contextHubIdentityBadge{position:absolute;left:12px;bottom:10px;width:54px;height:54px;border-radius:50%;overflow:hidden;display:grid;place-items:center;background:#171b1e;border:2px solid rgba(255,255,255,.88);box-shadow:0 5px 18px rgba(0,0,0,.32);z-index:4;color:#f2ede5;font-size:13px;font-weight:750;letter-spacing:.03em}
.contextHubIdentityBadge img{width:100%;height:100%;object-fit:cover;display:block}
.contextHubIdentityBadge b{font:inherit}
.contextHubPairBadges{position:absolute;left:12px;bottom:10px;display:flex;align-items:center;z-index:4}
.contextHubPairBadges .contextHubIdentityBadge{position:relative;left:auto;bottom:auto;margin:0}
.contextHubPairBadges .contextHubIdentityBadge+ .contextHubIdentityBadge{margin-left:-10px}
.contextHubPairBadges .contextHubIdentityBadge:first-child{z-index:2}
.contextHubPairBadges .contextHubIdentityBadge:last-child{z-index:1}
.contextHubCardCopy>b{font-weight:720;letter-spacing:-.012em}
.contextHubPeople .contextHubCardCopy>b,.contextHubCollaborations .contextHubCardCopy>b{font-size:14px}
@media(max-width:900px){.contextHubIdentityBadge{width:50px;height:50px;left:10px;bottom:9px}.contextHubPairBadges{left:10px;bottom:9px}.contextHubPairBadges .contextHubIdentityBadge{left:auto;bottom:auto}}
@media(max-width:560px){.contextHubIdentityBadge{width:48px;height:48px}.contextHubPeople .contextHubCardCopy>b,.contextHubCollaborations .contextHubCardCopy>b{font-size:13px}}


/* V157 — era-aware identity visuals
   Film context comes from the active/derived era; identity portraits must never crop to eyes only. */
.contextHubIdentityBadge{
  width:58px!important;height:72px!important;border-radius:9px!important;
  background:#11171a!important;border:1px solid rgba(255,255,255,.82)!important;
  padding:2px!important;place-items:center!important;
}
.contextHubIdentityBadge img{
  width:100%!important;height:100%!important;object-fit:contain!important;object-position:center center!important;
  background:#11171a!important;filter:saturate(.86) contrast(1.02)!important;
}
.contextHubPairBadges{align-items:flex-end!important}
.contextHubPairBadges .contextHubIdentityBadge{width:50px!important;height:64px!important;border-radius:8px!important}
.contextHubPairBadges .contextHubIdentityBadge+ .contextHubIdentityBadge{margin-left:-7px!important}
.contextHubVisualSource{
  position:absolute;right:9px;bottom:8px;z-index:4;max-width:58%;padding:3px 6px;border-radius:999px;
  background:rgba(5,8,10,.72);border:1px solid rgba(255,255,255,.1);color:rgba(240,239,235,.82);
  font-size:9px;line-height:1.1;font-style:normal;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
  backdrop-filter:blur(4px);
}
.contextHubIdentityVisual:after{height:62%!important}
@media(max-width:900px){
  .contextHubIdentityBadge{width:54px!important;height:68px!important}
  .contextHubPairBadges .contextHubIdentityBadge{width:48px!important;height:60px!important}
}
@media(max-width:560px){
  .contextHubIdentityBadge{width:52px!important;height:65px!important}
  .contextHubPairBadges .contextHubIdentityBadge{width:45px!important;height:57px!important}
  .contextHubVisualSource{font-size:8px;max-width:52%}
}

/* V158 — contextual search shares the More filters utility row */
.catalogueMoreRow.hasLocalSearch{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  padding-top:9px;
}
.localSearchUtility{
  display:flex;
  align-items:center;
  gap:10px;
  flex:0 1 620px;
  min-width:280px;
}
.localSearchUtility .search.localSearch{
  flex:1 1 auto!important;
  width:auto!important;
  max-width:none!important;
  margin:0!important;
}
.catalogueMoreRow.hasLocalSearch .catalogueMoreToggle{
  margin-left:auto;
  flex:0 0 auto;
}
/* The old standalone shell is intentionally unused on scoped discover pages. */
.localSearchUtility .localSearchAll{flex:0 0 auto!important}
@media(max-width:760px){
  .catalogueMoreRow.hasLocalSearch{
    display:flex!important;
    border-top:1px solid #28343a;
    margin-top:9px;
    padding-top:9px;
  }
  .catalogueMoreRow.hasLocalSearch .localSearchUtility{
    flex:1 1 100%;
    min-width:0;
    gap:8px;
  }
  /* Mobile already has the dedicated Filters control above. */
  .catalogueMoreRow.hasLocalSearch .catalogueMoreToggle{display:none!important}
  .localSearchUtility .search.localSearch{height:36px!important;min-height:36px!important}
  .localSearchUtility .search.localSearch input{height:34px!important;line-height:34px!important;font-size:12px!important}
  .localSearchUtility .localSearchAll{font-size:9px!important}
}


/* V159 — contextual search: one clear clickable magnifier on the right */
.localSearchUtility .localSearchIcon{display:none!important}
.localSearchUtility .search.localSearch{padding-left:12px!important;padding-right:4px!important}
.localSearchUtility .search.localSearch .localSearchSubmit{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  flex:0 0 34px!important;
  width:34px!important;
  height:30px!important;
  min-height:30px!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:6px!important;
  background:transparent!important;
  color:#bfc5c3!important;
  font-size:19px!important;
  line-height:1!important;
  cursor:pointer!important;
}
.localSearchUtility .search.localSearch .localSearchSubmit:hover,
.localSearchUtility .search.localSearch .localSearchSubmit:focus-visible{
  background:rgba(210,151,92,.12)!important;
  color:#d39a64!important;
  outline:0!important;
}
@media(max-width:700px){
  .localSearchUtility .search.localSearch .localSearchSubmit{flex-basis:32px!important;width:32px!important;height:30px!important}
}


/* V160 — hard reset hidden-submit legacy styles; visible search affordance */
.localSearchUtility .search.localSearch{
  position:relative!important;
  padding-left:12px!important;
  padding-right:3px!important;
  overflow:visible!important;
}
.localSearchUtility .search.localSearch input{
  padding-right:8px!important;
}
.localSearchUtility .search.localSearch .localSearchSubmit{
  position:static!important;
  inset:auto!important;
  display:flex!important;
  visibility:visible!important;
  opacity:1!important;
  flex:0 0 38px!important;
  width:38px!important;
  height:32px!important;
  min-width:38px!important;
  min-height:32px!important;
  margin:0!important;
  padding:0!important;
  overflow:visible!important;
  clip:auto!important;
  clip-path:none!important;
  white-space:normal!important;
  border:0!important;
  border-radius:7px!important;
  background:rgba(255,255,255,.035)!important;
  color:#c9cfcc!important;
  cursor:pointer!important;
  align-items:center!important;
  justify-content:center!important;
  z-index:3!important;
  pointer-events:auto!important;
}
.localSearchUtility .search.localSearch .localSearchSubmitIcon{
  display:block!important;
  width:18px!important;
  height:18px!important;
  fill:none!important;
  stroke:currentColor!important;
  stroke-width:1.9!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
  pointer-events:none!important;
}
.localSearchUtility .search.localSearch .localSearchSubmit:hover,
.localSearchUtility .search.localSearch .localSearchSubmit:focus-visible{
  background:rgba(210,151,92,.13)!important;
  color:#d8a168!important;
  outline:none!important;
}
.localSearchUtility .search.localSearch .localSearchSubmit:active{
  transform:translateY(1px);
}
@media(max-width:700px){
  .localSearchUtility .search.localSearch .localSearchSubmit{
    flex-basis:36px!important;
    width:36px!important;
    min-width:36px!important;
    height:30px!important;
    min-height:30px!important;
  }
  .localSearchUtility .search.localSearch .localSearchSubmitIcon{width:17px!important;height:17px!important}
}
/* V161 — no visual redesign; routing/SEO release. */

/* V168 documentary/archive layer */
.contextHubArchive .contextHubHead p{max-width:760px}.contextHubArchive .contextHubCardCopy small{max-width:34ch}

/* V172 — imported/adopted television memory by decade */
.contextHubImportedTV .importedTvDecade{margin:18px 0 26px}
.contextHubImportedTV .importedTvDecadeHead{display:flex;align-items:baseline;gap:10px;margin:0 0 10px;padding:0 2px}
.contextHubImportedTV .importedTvDecadeHead b{font-size:18px;letter-spacing:-.02em}
.contextHubImportedTV .importedTvDecadeHead span{font-size:11px;text-transform:uppercase;letter-spacing:.12em;opacity:.58}
@media(max-width:720px){.contextHubImportedTV .importedTvDecade{margin:14px 0 22px}.contextHubImportedTV .importedTvDecadeHead b{font-size:16px}}

/* V173 curated hub visual completeness: never leave a reserved image area blank. */
.contextHubVisual.hubArchivePlate{position:relative;display:flex;align-items:flex-end;overflow:hidden;background-size:cover;background-position:center}
.contextHubVisual.hubArchivePlate>i{display:block!important;width:100%;padding:14px 15px 13px;font-style:normal;font-family:Georgia,'Times New Roman',serif;font-size:15px;line-height:1.05;letter-spacing:.01em;color:rgba(255,255,255,.9);text-shadow:0 1px 8px rgba(0,0,0,.5);background:linear-gradient(180deg,transparent,rgba(0,0,0,.42))}
.contextHubVisual.hubArchivePlate::before{content:attr(data-fallback-kind);position:absolute;left:14px;top:12px;font-size:8px;font-weight:800;letter-spacing:.18em;color:rgba(237,156,91,.82)}
.contextHubVisual.hubArchivePlate::after{content:'';position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(90deg,rgba(255,255,255,.025) 0 1px,transparent 1px 24px);mix-blend-mode:screen}
.contextHubVisual.hubPortraitFallback{background-position:center 26%;background-size:cover}

/* V174 — Global title identity */
.localizedTitle.titleIdentityOriginal,.localizedTitle.titleIdentityService{display:flex;gap:8px;align-items:baseline;flex-wrap:wrap}
.localizedTitle.titleIdentityOriginal span,.localizedTitle.titleIdentityService span{font-size:10px;letter-spacing:.11em;text-transform:uppercase;opacity:.58;font-weight:700}
.localizedTitle.titleIdentityService{opacity:.72;font-size:.9rem;margin-top:2px}
.titleBlock .englishTitle{font-style:italic;opacity:.72}
@media(max-width:640px){.localizedTitle.titleIdentityOriginal,.localizedTitle.titleIdentityService{gap:6px}}


/* V175 — mobile primary navigation + German Karl May memory lane */
.mobileMenuToggle,.mobileMenuPanel{display:none}
@media(max-width:900px){
  header{overflow:visible}
  header>.nav{display:none!important}
  .headActions{display:none!important}
  .mobileMenuToggle{display:flex!important;flex-direction:column;justify-content:center;align-items:center;gap:4px;width:40px;height:40px;padding:0;border:1px solid rgba(255,255,255,.12);border-radius:9px;background:rgba(255,255,255,.035);color:inherit;flex:0 0 40px;z-index:42}
  .mobileMenuToggle span{display:block;width:17px;height:1.5px;background:currentColor;border-radius:2px;transition:transform .18s ease,opacity .18s ease}
  .mobileMenuToggle[aria-expanded="true"] span:nth-child(1){transform:translateY(5.5px) rotate(45deg)}
  .mobileMenuToggle[aria-expanded="true"] span:nth-child(2){opacity:0}
  .mobileMenuToggle[aria-expanded="true"] span:nth-child(3){transform:translateY(-5.5px) rotate(-45deg)}
  .mobileMenuPanel{position:absolute;display:block!important;top:calc(100% + 1px);right:10px;left:10px;background:rgba(18,19,18,.985);border:1px solid rgba(255,255,255,.11);border-radius:0 0 14px 14px;box-shadow:0 22px 50px rgba(0,0,0,.32);z-index:41;padding:10px 12px 12px}
  .mobileMenuPanel[hidden]{display:none!important}
  .mobileMenuPanel .mobilePrimaryNav{display:grid!important;position:static!important;left:auto!important;transform:none!important;margin:0!important;grid-template-columns:1fr 1fr;gap:5px;width:100%}
  .mobileMenuPanel .mobilePrimaryNav button{display:flex!important;align-items:center!important;justify-content:flex-start!important;min-height:42px!important;padding:0 12px!important;border-radius:8px!important;font-size:12px!important;color:#d7dbd9!important;background:transparent!important}
  .mobileMenuPanel .mobilePrimaryNav button.on{background:rgba(255,255,255,.08)!important;color:#fff!important}
  .mobileMenuPanel .mobilePrimaryNav button:last-child{grid-column:1/-1}
  .mobileMenuSecondary{display:grid;grid-template-columns:1fr 1fr;gap:5px;margin-top:8px;padding-top:8px;border-top:1px solid rgba(255,255,255,.08)}
  .mobileMenuSecondary button{display:flex;justify-content:space-between;align-items:center;min-height:40px;padding:0 12px;border:0;border-radius:8px;background:rgba(255,255,255,.035);color:#c6cbc8;font-size:11px}
  .mobileMenuSecondary button span{opacity:.65}
}
@media(max-width:480px){
  .mobileMenuPanel{right:0;left:0;border-left:0;border-right:0;border-radius:0 0 12px 12px}
}
.contextHubKarlMay .contextHubHead p{max-width:760px}


/* V176 — TV episode browser + recurring series collections */
.tvEpisodesBlock,.movieSeriesBlock,.versionLineageBlock{margin:22px 0;padding:18px;border:1px solid rgba(255,255,255,.09);border-radius:18px;background:rgba(255,255,255,.025)}
.tvEpisodesHead{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:14px}.tvEpisodesHead h3{margin:3px 0 4px;font-size:20px}.tvEpisodesHead p{margin:0;color:var(--muted);font-size:13px;max-width:560px}.tvEpisodesHead>span{font-size:12px;color:var(--muted);white-space:nowrap}.tvEpisodesHead>button{border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.06);color:inherit;border-radius:999px;padding:9px 13px;cursor:pointer}
.tvSeasonTabs{display:flex;gap:8px;overflow-x:auto;padding-bottom:8px;margin-bottom:12px}.tvSeasonTabs button{min-width:max-content;text-align:left;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.035);color:inherit;border-radius:12px;padding:9px 12px;cursor:pointer}.tvSeasonTabs button.on{border-color:rgba(223,159,78,.7);background:rgba(223,159,78,.12)}.tvSeasonTabs b,.tvSeasonTabs small{display:block}.tvSeasonTabs small{margin-top:2px;color:var(--muted)}
.tvEpisodeList{display:grid;gap:8px}.tvEpisodeCard{display:grid;grid-template-columns:116px 1fr;gap:12px;padding:9px;border-radius:13px;background:rgba(255,255,255,.035)}.tvEpisodeCard img{width:116px;aspect-ratio:16/9;object-fit:cover;border-radius:9px}.tvEpisodeNo{width:116px;aspect-ratio:16/9;border-radius:9px;display:grid;place-items:center;background:rgba(255,255,255,.055);font-size:24px;color:var(--muted)}.tvEpisodeCard span{font-size:10px;letter-spacing:.08em;color:var(--muted);text-transform:uppercase}.tvEpisodeCard h4{margin:3px 0 4px;font-size:14px}.tvEpisodeCard p{margin:0;color:var(--muted);font-size:12px;line-height:1.45;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.seriesPartsRail{margin-top:8px}
.contextHubCollections .hubCard{display:flex;flex-direction:column;align-items:flex-start;text-align:left}
@media(max-width:640px){.tvEpisodesBlock,.movieSeriesBlock,.versionLineageBlock{padding:14px;margin:18px 0}.tvEpisodesHead{display:block}.tvEpisodesHead>span,.tvEpisodesHead>button{display:inline-block;margin-top:10px}.tvEpisodeCard{grid-template-columns:90px 1fr}.tvEpisodeCard img,.tvEpisodeNo{width:90px}.tvEpisodeCard p{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-top:3px}}

/* V177 — version lineage */
.versionLineageBlock{margin:22px 0;padding:18px;border:1px solid rgba(255,255,255,.09);border-radius:18px;background:rgba(255,255,255,.025)}
.versionLineageList{display:grid;gap:8px;margin-top:10px}.versionLineageCard{width:100%;display:grid;grid-template-columns:62px 1fr;gap:12px;text-align:left;align-items:center;padding:8px;border:1px solid transparent;border-radius:13px;background:rgba(255,255,255,.035);color:inherit}.versionLineageCard:hover{border-color:rgba(255,255,255,.14)}.versionLineageCard.current{border-color:rgba(210,134,72,.6);background:rgba(210,134,72,.08)}.versionLineageCard img{width:62px;aspect-ratio:2/3;object-fit:cover;border-radius:8px;background:rgba(255,255,255,.04)}.versionLineageCard span{min-width:0;display:grid;gap:3px}.versionLineageCard em{font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-style:normal}.versionLineageCard b{font-size:14px}.versionLineageCard small{font-size:11px;line-height:1.4;color:var(--muted)}
@media(max-width:640px){.versionLineageBlock{padding:14px;margin:18px 0}.versionLineageCard{grid-template-columns:52px 1fr}.versionLineageCard img{width:52px}.versionLineageCard small{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}}

/* V178 poster completeness + filmography signal */
.personMinorDefaultNote{font-size:12px;color:var(--muted,#8f9699);margin-top:8px;letter-spacing:.01em}

.tvEpisodeInheritedArt{filter:saturate(.82) contrast(.96);opacity:.9}


/* V179 — Context Decks */
.contextDeckBar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:14px 0 22px;position:relative}.contextDeckSave,.contextDeckStack{border:1px solid rgba(255,255,255,.14);background:#111;color:#eee;border-radius:999px;min-height:38px;padding:0 14px;display:inline-flex;align-items:center;gap:8px;font:inherit;cursor:pointer}.contextDeckSave{font-weight:700}.contextDeckSave.saved{background:#1a1a1a}.contextDeckSave:hover,.contextDeckStack:hover{border-color:rgba(255,255,255,.3)}.contextDeckStack b{font-size:13px}.contextDeckStack em{font-style:normal;min-width:22px;height:22px;border-radius:11px;background:#ece6d9;color:#141414;display:grid;place-items:center;font-size:11px;font-weight:800}.deckStackGlyph{font-size:18px;line-height:1}.contextDeckExpanded{flex-basis:100%;border:1px solid rgba(255,255,255,.12);background:#0e0e0e;border-radius:14px;padding:14px;max-width:780px}.contextDeckExpandedHead{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-bottom:12px}.contextDeckExpandedHead small{display:block;color:#888;text-transform:uppercase;letter-spacing:.12em;font-size:10px}.contextDeckExpandedHead strong{display:block;margin-top:3px}.contextDeckExpandedHead>button{border:0;background:transparent;color:#aaa;cursor:pointer;font-size:12px}.contextDeckItems{display:flex;gap:9px;overflow:auto;padding-bottom:4px}.contextDeckItems article{position:relative;flex:0 0 150px;border:1px solid rgba(255,255,255,.1);border-radius:10px;overflow:hidden;background:#151515}.contextDeckItems article>button:first-child{border:0;background:transparent;color:inherit;padding:0;text-align:left;width:100%;cursor:pointer}.contextDeckItems img{width:100%;height:94px;object-fit:cover;display:block}.contextDeckItems span{display:block;padding:8px 9px 10px}.contextDeckItems b{font-size:12px;display:block}.contextDeckItems small{font-size:10px;color:#888}.deckItemRemove{position:absolute;right:5px;top:5px;width:24px;height:24px;border-radius:50%;border:1px solid rgba(255,255,255,.2);background:rgba(0,0,0,.72);color:#fff;cursor:pointer}.contextDeckEmpty{color:#999;font-size:13px;padding:8px 2px}.vaultDeckSection{margin-top:34px;padding-top:28px;border-top:1px solid rgba(255,255,255,.1)}.vaultDeckGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.vaultDeckCard{border:1px solid rgba(255,255,255,.1);border-radius:14px;padding:14px;background:#111}.vaultDeckCardHead{display:flex;justify-content:space-between;gap:12px}.vaultDeckCardHead small{display:block;color:#8c8c8c;font-size:10px;text-transform:uppercase;letter-spacing:.1em}.vaultDeckCardHead b{display:block;margin:3px 0 4px}.vaultDeckCardHead span{font-size:11px;color:#999}.vaultDeckCardHead>div:last-child{display:flex;gap:6px;align-items:flex-start}.vaultDeckCardHead button{border:1px solid rgba(255,255,255,.14);background:#171717;color:#ddd;border-radius:8px;padding:7px 9px;cursor:pointer;font-size:11px}.vaultDeckItems{margin-top:12px;display:grid;gap:5px}.vaultDeckItems>div{display:flex;align-items:center;gap:6px;border-top:1px solid rgba(255,255,255,.06);padding-top:6px}.vaultDeckItems>div>button:first-child{flex:1;border:0;background:transparent;color:#ddd;text-align:left;display:flex;justify-content:space-between;gap:8px;padding:3px 0;cursor:pointer;font-size:12px}.vaultDeckItems>div>button:last-child{border:0;background:transparent;color:#777;cursor:pointer}.vaultDeckEmpty{color:#888;font-size:12px}.danger{color:#c78f8f!important}
@media(max-width:760px){.contextDeckBar{margin:10px 0 16px}.contextDeckSave,.contextDeckStack{min-height:36px;padding:0 11px}.contextDeckStack b{max-width:175px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.contextDeckExpanded{padding:11px}.contextDeckItems article{flex-basis:128px}.contextDeckItems img{height:80px}.vaultDeckGrid{grid-template-columns:1fr}.vaultDeckCardHead{align-items:flex-start}.vaultDeckCardHead>div:last-child{flex-direction:column}}