/* The Boardroom Edit, version five, CR8 (8 Oct 2026): background video behind the HOME hero panel.
   Same treatment as the How I work hero (v5-hiw-bg.css: see-through panel, light wash, poster, pause button,
   reduced motion keeps the poster). Layout, copy and colours of the hero are unchanged; the drawn skyline makes way
   for the footage, as on How I work. */
.city-scene--home.v5-bghero{padding-bottom:clamp(56px,7vw,110px)}
.v5-bghero .page-header .nlp-hero-tagline{text-shadow:0 0 2px rgba(247,243,236,.9),0 0 7px rgba(247,243,236,.85),0 0 16px rgba(247,243,236,.6)}
.v5-bghero .page-header .btn-secondary{background:rgba(255,253,249,.82)}
/* "Why Jerome" heading now sits on the footage: same cream halo as the hero text */
.v5-bghero .v5-why__head{text-shadow:0 0 2px rgba(247,243,236,.95),0 0 8px rgba(247,243,236,.9),0 0 18px rgba(247,243,236,.75)}
.v5-bghero .v5-why .kicker{color:#7f3714}
@media (max-width:640px){.city-scene--home.v5-bghero{padding-bottom:88px}}
/* CR8 steer: keep the whole home-cast frame on the first screen (the hero box also holds "Why Jerome", so a full-box cover cropped the people out); fade out below the fold */
.city-scene--home.v5-bghero>.v5-bghero__media{bottom:auto;height:min(100%,max(600px,calc(100svh + 10px)));-webkit-mask-image:linear-gradient(to bottom,#000 82%,transparent);mask-image:linear-gradient(to bottom,#000 82%,transparent)}
.city-scene--home.v5-bghero>.v5-bghero__media picture,.city-scene--home.v5-bghero>.v5-bghero__media img,.city-scene--home.v5-bghero>.v5-bghero__media video{object-position:50% 60%}
/* CR8 contrast: the new mixed-cast footage has dark suits behind the small clay labels and the italic tagline, so those get a denser cream halo (same cream, no colour change) */
.v5-bghero .page-header :is(.kicker,.nlp-hero-tagline),.v5-bghero .v5-why__head .kicker,.v5-howbg .v3-videohero__content>.kicker{text-shadow:0 0 2px #f7f3ec,0 0 4px #f7f3ec,0 0 6px #f7f3ec,0 0 8px #f7f3ec,0 0 12px rgba(247,243,236,.9),0 0 20px rgba(247,243,236,.8)}
/* CR8: on wide screens keep the pause button on the first screen, at the bottom right of the video, clear of the hero panel */
@media (min-width:1120px){.city-scene--home.v5-bghero>.v3-videohero__toggle{top:calc(min(100%,max(600px,100svh + 10px)) - 190px);bottom:auto}}
/* CR8 contrast (both background-video heroes): a slightly denser cream at the top of the see-through panel, where the small
   breadcrumb, label and tagline sit; the rest of the panel stays at 55%. The current-page crumb uses the darker crumb colour. */
@supports ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){
  .v5-bghero .page-header{background-image:linear-gradient(rgba(241,227,208,.4),rgba(241,227,208,.4) 120px,rgba(241,227,208,0) 230px)}
}
.v5-bghero .page-header .breadcrumb [aria-current]{color:#3a332c}
/* CR8 contrast: phone wash on the home Room Method section is a touch denser at the top, where the small label sits on the re-cut footage */
@media (max-width:640px){
  .v5-howbg .v3-videohero__wash{background:
    linear-gradient(0deg,rgba(247,243,236,.78) 0%,rgba(247,243,236,.7) 55%,rgba(241,227,208,.62) 100%),
    linear-gradient(180deg,rgba(27,56,45,.1) 0%,rgba(27,56,45,0) 40%)}
}