/* Office film: retain natural colours and protect headline contrast. */
.hero-art.hero-film{right:0;top:0;width:64%;height:100%;opacity:1;pointer-events:auto;isolation:isolate;background:#0d0b0b url('/hero-office-poster.webp') center/cover no-repeat}
.hero-film video{width:100%;height:100%;object-fit:cover;object-position:54% center;display:block}
.hero-art.hero-film::after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,#0d0b0b 0%,#0d0b0bd9 13%,#0d0b0b45 42%,#0d0b0b00 70%),linear-gradient(0deg,#0d0b0b 0%,transparent 20%);z-index:1}
.hero-film-toggle{position:absolute;bottom:25px;right:25px;z-index:3;color:#fff;background:#0d0b0bcc;border:1px solid #ffffff80;border-radius:6px;padding:9px 15px;font-size:13px;cursor:pointer}
.hero-film-toggle:hover{border-color:#ff3333;background:#271414}
@media(max-width:760px){.hero:has(.hero-film){padding-bottom:0;min-height:0}.hero-art.hero-film{position:relative;width:calc(100% + 11.12%);margin:25px -5.56% 0;top:auto;right:auto;height:auto;aspect-ratio:9/16}.hero-film video{object-position:center}.hero-art.hero-film::after{background:linear-gradient(0deg,#0d0b0b,transparent 20%),linear-gradient(180deg,#0d0b0b,transparent 18%)}.hero-film-toggle{bottom:16px;right:20px}}
@media(prefers-reduced-motion:reduce){.hero-film video{visibility:hidden}}

@media(max-width:760px){.hero:has(.hero-film){min-height:calc(100svh - 78px);padding:40px 5% 80px;display:flex;align-items:center}.hero:has(.hero-film) .hero-copy{width:100%}.hero:has(.hero-film) h1{font-size:clamp(48px,13vw,62px)}.hero:has(.hero-film) .lead{color:#eee5e5}.hero:has(.hero-film) .hero-note{color:#ddd0d0;margin-top:28px}.hero-art.hero-film{position:absolute;inset:0;width:100%;height:100%;margin:0;aspect-ratio:auto}.hero-film video{object-fit:cover;object-position:center}.hero-art.hero-film::after{background:linear-gradient(90deg,#0d0b0bd9,#0d0b0b66),linear-gradient(0deg,#0d0b0bf2,transparent 40%,#0d0b0b66)}.hero-film-toggle{bottom:18px;right:5%}.hero:has(.hero-film) .hero-copy{pointer-events:none}.hero:has(.hero-film) .hero-copy a{pointer-events:auto}}