/* v10.5.7 consolidated final design layer. Kept separate to avoid disrupting saved settings. */
/* Universal palette. Overrides legacy hard-coded colours in nested paragraphs and link icons. */
body.bc-colour-dark{--bc-primary:#eeeeee;--bc-secondary:#a0a5a6;--bc-brand:#eeeeee;--bc-hover:#ffffff;--bc-divider:#343c3f;--bc-surface:#0b0f10;--bc-logo-idle:#999d9f;--bc-logo-active:#ffffff}
body.bc-colour-light{--bc-primary:#17191a;--bc-secondary:#747a7b;--bc-brand:#17191a;--bc-hover:#000000;--bc-divider:#e1e3e3;--bc-surface:#ffffff;--bc-logo-idle:#b7b6b2;--bc-logo-active:#111315}
body.bc-colour-soft{--bc-primary:#202324;--bc-secondary:#747a7b;--bc-brand:#17191a;--bc-hover:#000000;--bc-divider:#dededa;--bc-surface:#f6f5f1;--bc-logo-idle:#b7b6b2;--bc-logo-active:#111315}
html body.bc-colour-light,html body.bc-colour-light.bc-home-black,html body.bc-colour-light.bc-no-charcoal{background:#fff!important;background-image:none!important}
html body.bc-colour-soft,html body.bc-colour-soft.bc-home-black,html body.bc-colour-soft.bc-no-charcoal{background:#f6f5f1!important;background-image:none!important}
body:is(.bc-colour-light,.bc-colour-soft) :is(.synopsis,.synopsis p,.copy-area .synopsis p,.film-info,.film-info *, .section-title,.bc-visible-film-title,.under-watch h2,.stills h2,.about-page p,.page-copy p,.credits dd,.credits dd span){color:var(--bc-primary)!important}
body:is(.bc-colour-light,.bc-colour-soft) :is(.view-all,.imdb-link,.imdb-link span,.back-films,.footer,.footer span,.footer a,.film-year,.film-status,.credits dt){color:var(--bc-secondary)!important}
body:is(.bc-colour-light,.bc-colour-soft) :is(.view-all:hover,.imdb-link:hover,.imdb-link:hover span,.back-films:hover,.footer a:hover){color:var(--bc-hover)!important}
body:is(.bc-colour-light,.bc-colour-soft) .bc-imdb-button-mark{filter:brightness(0) opacity(.53)!important}
body:is(.bc-colour-light,.bc-colour-soft) .imdb-link:hover .bc-imdb-button-mark{filter:brightness(0)!important}
body:is(.bc-colour-light,.bc-colour-soft) .footer .social img{filter:brightness(0) opacity(.52)!important}
body:is(.bc-colour-light,.bc-colour-soft) .footer .social a:hover img{filter:brightness(0)!important}
body[class*="bc-colour-"] .header .nav a{color:var(--bc-brand)!important;transition:opacity .22s ease,color .22s ease!important}
body[class*="bc-colour-"] .header .nav a:hover{color:var(--bc-hover)!important;opacity:1!important}
/* Correct themed monochrome artwork, even when earlier rules use fixed inversion. */
body:is(.bc-colour-light,.bc-colour-soft) .bc-platform-grid img.bc-platform-logo:not(.bc-tone-original):not(.bc-tone-muted-original){filter:grayscale(1) brightness(0) opacity(.66)!important}
body:is(.bc-colour-light,.bc-colour-soft) .bc-platform-grid>a:hover img.bc-platform-logo:not(.bc-hover-original):not(.bc-tone-original),body:is(.bc-colour-light,.bc-colour-soft) .bc-platform-grid>a:focus-visible img.bc-platform-logo:not(.bc-hover-original):not(.bc-tone-original){filter:grayscale(1) brightness(0)!important;opacity:1!important}
body:is(.bc-colour-light,.bc-colour-soft) .bc-platform-grid>a[data-hover-tone="original"]:hover img.bc-platform-logo,body:is(.bc-colour-light,.bc-colour-soft) .bc-platform-grid>a[data-hover-tone="original"]:focus-visible img.bc-platform-logo{filter:none!important;opacity:1!important}
/* This must be applied to the image itself, not the film text layer. */
body .layout-under .detail-hero::before{background:none!important;display:none!important}
body .layout-under .detail-hero .detail-image{background-color:transparent!important}
body .layout-under .detail-hero:not(.no-hero-fade) .detail-image{mask-image:linear-gradient(to bottom,#000 0%,#000 var(--bc-hero-fade-from,48%),rgba(0,0,0,.96) 63%,rgba(0,0,0,.76) 77%,rgba(0,0,0,.34) 91%,transparent 100%)!important;-webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 var(--bc-hero-fade-from,48%),rgba(0,0,0,.96) 63%,rgba(0,0,0,.76) 77%,rgba(0,0,0,.34) 91%,transparent 100%)!important}
body .layout-under .detail-hero.no-hero-fade .detail-image{mask-image:none!important;-webkit-mask-image:none!important}
/* Do not draw an additional black gradient when media is masked into a light page. */
body:is(.bc-colour-light,.bc-colour-soft) .home-hero::before,body:is(.bc-colour-light,.bc-colour-soft) .detail-hero::before{background:transparent!important;box-shadow:none!important}
/* Header: consistent stationary state, independent of scroll state. */
body.bc-header-grad-none .header,body.bc-header-grad-none .header.scrolled{background:transparent!important;background-image:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;box-shadow:none!important}
body.bc-header-grad-soft .header,body.bc-header-grad-soft .header.scrolled{background:linear-gradient(to bottom,rgba(6,9,10,.53),rgba(6,9,10,.28) 35%,rgba(6,9,10,.07) 70%,transparent 100%)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
body.bc-header-grad-subtle .header,body.bc-header-grad-subtle .header.scrolled{background:linear-gradient(to bottom,rgba(6,9,10,.25),rgba(6,9,10,.07) 58%,transparent 100%)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
body:is(.bc-colour-light,.bc-colour-soft).bc-header-grad-soft .header,body:is(.bc-colour-light,.bc-colour-soft).bc-header-grad-soft .header.scrolled{background:linear-gradient(to bottom,rgba(249,249,247,.65),rgba(249,249,247,.27) 43%,transparent 100%)!important}
body:is(.bc-colour-light,.bc-colour-soft).bc-header-grad-subtle .header,body:is(.bc-colour-light,.bc-colour-soft).bc-header-grad-subtle .header.scrolled{background:linear-gradient(to bottom,rgba(249,249,247,.3),transparent 100%)!important}
body.bc-nav-soft-shadow .header .brand,body.bc-nav-soft-shadow .header .brand-compact{filter:drop-shadow(0 1px 4px rgba(0,0,0,.28))!important}
body:is(.bc-colour-light,.bc-colour-soft).bc-nav-soft-shadow .header .brand{filter:brightness(0) drop-shadow(0 1px 4px rgba(255,255,255,.4))!important}
body:not(.bc-nav-soft-shadow) .header .nav a{text-shadow:none!important}
body:not(.bc-nav-soft-shadow) .header .brand,body:not(.bc-nav-soft-shadow) .header .brand-compact{filter:none!important}
body:is(.bc-colour-light,.bc-colour-soft):not(.bc-nav-soft-shadow) .header .brand,body:is(.bc-colour-light,.bc-colour-soft):not(.bc-nav-soft-shadow) .header .brand-compact{filter:brightness(0)!important}
/* Optional image-aware reversed colours. Keep the control opt-in because blending depends on hero content. */
body.bc-header-adaptive.bc-header-grad-none .header .header-inner{mix-blend-mode:difference!important;isolation:auto!important}
body.bc-header-adaptive.bc-header-grad-none .header .nav a{color:#fff!important;text-shadow:none!important}
body.bc-header-adaptive.bc-header-grad-none .header .brand,body.bc-header-adaptive.bc-header-grad-none .header .brand-compact{filter:none!important}
/* Shared type hierarchy, editable without hardcoding headings per film. */
body .layout-under .bc-visible-film-title{font-size:clamp(28px,3.8vw,var(--bc-title-size,52px))!important;font-weight:var(--bc-title-weight,400)!important}
body .section-title,body .under-watch h2,body .stills h2{font-size:var(--bc-section-title-size,24px)!important;font-weight:var(--bc-section-title-weight,400)!important}
body .layout-under .copy-area .synopsis,body .layout-under .copy-area .synopsis p{text-align:var(--bc-synopsis-alignment,left)!important}
/* Harmonize section rhythm: rule-to-content padding, rule-to-heading, heading-to-grid. */
@media(min-width:901px){body .layout-under .detail-content>.rule{margin-bottom:32px!important}body .layout-under .detail-info>.copy-area{margin-top:0!important}body .layout-under .detail-content .copy-area>.synopsis{margin-top:0!important}body .layout-under .detail-content .copy-area>.rule{margin-top:32px!important;margin-bottom:32px!important}body .layout-under .copy-area .under-watch{margin-top:30px!important;padding-top:30px!important}body .layout-under .detail-content .stills-after-under{padding-top:30px!important}body .layout-under .detail-content .bc-film-title-below{margin-bottom:30px!important}body .layout-under .detail-content:has(>.bc-film-title-below){padding-top:30px!important}}
/* A film without Watch at Home links should still display a complete, natural-ratio poster. */
@media(min-width:901px){body .layout-under .detail-info:not(:has(.under-watch))>.poster,body .layout-under.bc-poster-layout-match .detail-info:not(:has(.under-watch))>.poster{height:auto!important;aspect-ratio:2/3!important;min-height:0!important}body .layout-under .detail-info:not(:has(.under-watch))>.poster img{width:100%!important;height:100%!important;object-fit:cover!important}}
/* Placeholder is deliberate whitespace, never fake clickable logos. */
body .bc-empty-watch-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));height:var(--bc-watch-row-height,84px);border-bottom:1px solid var(--bc-divider)}
body .bc-empty-watch-grid>span+span{border-left:1px solid var(--bc-divider)}
@media(max-width:760px){body .bc-empty-watch-grid{grid-template-columns:repeat(2,minmax(0,1fr));height:82px}body .bc-empty-watch-grid>span:nth-child(n+3){display:none}}

/* v10.5.8 stills corrections (last-loaded refinement) */
 consistently cinematic thumbnails, original proportions in viewer. */
.layout-under .stills-grid{align-items:start}
body .layout-under .stills-grid img{display:block;width:100%!important;aspect-ratio:16 / 9!important;height:auto!important;object-fit:cover!important;object-position:center!important}
/* Lightbox must be independent from thumbnail sizing and inherited borders. */
body .lightbox .lightbox-image{display:block!important;width:auto!important;height:auto!important;aspect-ratio:auto!important;object-fit:contain!important;max-width:min(100%,1500px)!important;max-height:calc(100dvh - 140px)!important;border:0!important;outline:0!important;border-radius:0!important;box-shadow:none!important;background:none!important;transform:none!important;filter:none!important}
@media(max-width:760px){body .lightbox .lightbox-image{max-height:calc(100dvh - 135px)!important}}