/* 0.9.8.4: consolidated editorial refinements. Loaded last, no changes to saved options. */
:root{--bc-984-header-bg:#080d0f;--bc-984-header-height:180px}
/* The header was a 78px solid strip with a hard bottom edge. Extend its vignette past the header. */
body .header,body .header.scrolled{background:transparent!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;isolation:isolate}
body .header::before{content:""!important;display:block!important;position:absolute!important;z-index:-1!important;
 top:0;left:0;right:0;height:var(--bc-984-header-height);pointer-events:none!important;
 background:linear-gradient(to bottom,rgba(4,7,8,.81) 0%,rgba(4,7,8,.68) 22%,rgba(4,7,8,.42) 48%,rgba(4,7,8,.16) 75%,transparent 100%)!important;}
body .header.scrolled::before{background:linear-gradient(to bottom,rgba(4,7,8,.92),rgba(4,7,8,.71) 30%,rgba(4,7,8,.34) 67%,transparent 100%)!important}
body .header .header-inner.container,body .selected.container,body .films-page.container,body .detail-content.container,body .footer.container{
 width:min(calc(100% - 96px),var(--max))!important;max-width:var(--max)!important;
 padding-left:0!important;padding-right:0!important;margin-left:auto!important;margin-right:auto!important;
}
body .header .header-inner.container>a:first-child{justify-content:flex-start!important;margin-left:0!important}
body .header .brand{object-position:left center!important;margin-left:0!important}
/* Image fit and movement must work with the matching-film-height preset as well. */
body .home-hero.bc-height-film .hero-image{background-position:var(--bc-focus-x,50%) var(--bc-focus-y,50%)!important;
 background-size:var(--bc-fit,cover)!important;transform:scale(var(--bc-zoom,1))!important;
 transform-origin:var(--bc-focus-x,50%) var(--bc-focus-y,50%)!important}
/* Both film pages and the homepage fade through transparency into the selected body background. */
body .home-hero:not(.no-hero-fade) .hero-image,body .layout-under .detail-hero:not(.no-hero-fade) .detail-image{
 -webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 40%,rgba(0,0,0,.985) 54%,rgba(0,0,0,.88) 67%,rgba(0,0,0,.55) 80%,rgba(0,0,0,.22) 93%,transparent 100%)!important;
 mask-image:linear-gradient(to bottom,#000 0%,#000 40%,rgba(0,0,0,.985) 54%,rgba(0,0,0,.88) 67%,rgba(0,0,0,.55) 80%,rgba(0,0,0,.22) 93%,transparent 100%)!important;}
/* Respect no-fade; avoid ghosted hero media. */
body .home-hero.no-hero-fade .hero-image,body .layout-under .detail-hero.no-hero-fade .detail-image{mask-image:none!important;-webkit-mask-image:none!important}
/* Return labels/values to a readable two-column relationship, reserving a little room for IMDb. */
body .layout-under .detail-content .copy-area .credits{grid-template-columns:minmax(105px,var(--bc-credit-label-width,180px)) minmax(0,1fr)!important;column-gap:clamp(12px,2.2vw,26px)!important}
body.bc-imdb-layout-aligned .layout-under .detail-content .bc-credit-block>a.imdb-link{
 bottom:auto!important;top:auto!important;right:0!important;position:absolute!important;margin:0!important;padding:0!important;
 transform:translateY(-5px)!important;min-height:26px!important;}
/* Anchor IMDb against the final line of the credit list, rather than the section's bottom divider. */
body .layout-under .detail-content .bc-credit-block{position:relative!important}
body.bc-imdb-layout-aligned .layout-under .detail-content .bc-credit-block>a.imdb-link{bottom:27px!important}
/* A truly consistent optical centre: the grid's flex box is the sole centering authority. */
body .layout-under .detail-content .copy-area .under-watch .bc-platform-grid>a{
 display:flex!important;align-items:center!important;justify-content:center!important;text-align:center!important;
 transition:background-color .2s ease!important;}
body .layout-under .detail-content .copy-area .under-watch .bc-platform-grid>a:hover,
body .layout-under .detail-content .copy-area .under-watch .bc-platform-grid>a:focus-visible{
 background:rgba(221,228,226,.09)!important;}
body .layout-under .detail-content .copy-area .under-watch .bc-platform-grid>a img.bc-platform-logo{
 display:block!important;margin:auto!important;object-fit:contain!important;object-position:center center!important;flex:0 1 auto!important;
 max-width:calc(100% - 12px)!important;max-height:calc(var(--bc-watch-row-height,84px) - 20px)!important;
}
/* Original artwork uses source colours, never a monochrome filter. */
body .layout-under .bc-platform-grid img.bc-tone-original{filter:none!important;opacity:1!important}
body .layout-under .bc-platform-grid>a:hover img.bc-tone-original{filter:none!important}
/* Make default colours readable, without flattening dedicated multi-shade files. */
body .layout-under .bc-platform-grid img.bc-preserve-facets{filter:none!important}
/* Off-white hover remains bright, but keeps the original colours unchanged when selected. */
body .layout-under .bc-platform-grid>a:hover img.bc-tone-gray:not(.bc-preserve-facets),
body .layout-under .bc-platform-grid>a:hover img.bc-tone-offwhite:not(.bc-preserve-facets){filter:grayscale(1) brightness(0) invert(1)!important}
/* Footer social icons and copyright should be uniformly muted until hovered. */
body .footer{color:#8b9495!important}
body .footer>span{color:inherit!important;opacity:.84!important}
body .footer .social a{opacity:.65!important;filter:none!important;transition:opacity .2s ease!important}
body .footer .social a:hover{opacity:1!important}
body .footer .social img,body .footer .social img[src*="imdb"]{filter:brightness(0) invert(.54)!important;opacity:1!important}
body .footer .social a:hover img,body .footer .social a:hover img[src*="imdb"]{filter:brightness(0) invert(1)!important}
/* Repeat existing one-pixel border-only treatment rather than a second thick outline. */
body.bc-still-effect-border .stills-grid img:hover{box-shadow:none!important;outline:none!important;border-color:#a7b1b1!important}
@media(max-width:760px){
 body .header .header-inner.container,body .selected.container,body .films-page.container,body .detail-content.container,body .footer.container{width:calc(100% - 40px)!important}
 body .header::before{height:125px}
 body .layout-under .detail-content .copy-area .credits{grid-template-columns:1fr!important;gap:4px!important}
 body.bc-imdb-layout-aligned .layout-under .detail-content .bc-credit-block>a.imdb-link{position:relative!important;bottom:auto!important;transform:none!important;margin:18px 0 0 auto!important}
}
/* Actual credit-row placement by JS, not a fragile absolute offset. */
body .layout-under .detail-content .copy-area .credits dd.bc-year-with-imdb{
 display:flex!important;gap:14px!important;justify-content:space-between!important;align-items:center!important;
 flex-wrap:wrap!important;min-width:0!important;
}
body.bc-imdb-layout-aligned .layout-under .detail-content .credits dd.bc-year-with-imdb>a.imdb-link{
 position:static!important;top:auto!important;right:auto!important;bottom:auto!important;
 transform:none!important;margin:0 0 0 auto!important;padding:0!important;align-self:center!important;
 line-height:1.2!important;min-height:0!important;
}

/* Optional low-contrast scroll cue in the home hero */
body .home-hero .bc-scroll-cue{position:absolute;z-index:7;bottom:25px;left:50%;transform:translateX(-50%);display:grid;place-items:center;width:42px;height:42px;color:rgba(238,240,239,.65);transition:color .2s;cursor:pointer}
body .home-hero .bc-scroll-cue:hover{color:#fff}
body .home-hero .bc-scroll-cue svg{width:28px;height:28px;fill:none;stroke:currentColor;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}
/* Footer text and symbols share the same base shade */
body .footer>span{color:#919b9b!important;opacity:1!important}
body .footer .social a{opacity:1!important}
body .footer .social img,body .footer .social img[src*="imdb"]{filter:brightness(0) invert(.59)!important}
body .footer .social a:hover img,body .footer .social a:hover img[src*="imdb"]{filter:brightness(0) invert(1)!important}