.film-open{overflow:hidden}
/* Retain the exact outer geometry; only the visible treatment changes. */
#brand-film-dialog{box-sizing:border-box;width:min(1074px,calc(94vw - 26px));max-width:none;max-height:94dvh;padding:0;border:0;border-radius:8px;top:36px;overflow:visible;background:transparent;color:#eee;box-shadow:none}
#brand-film-dialog::backdrop{background:rgb(0 4 10 / 86%)}
#brand-film-dialog[open]{animation:film-reveal 280ms cubic-bezier(.2,.65,.3,1) both}
#brand-film-dialog[open]::backdrop{animation:film-dim 280ms ease-out both}
#brand-film-dialog video{display:block;width:100%;max-height:calc(90dvh - 70px);aspect-ratio:16/9;background:#000;object-fit:contain;border-radius:8px;box-shadow:0 14px 65px rgb(0 0 0 / 32%)}
#brand-film-dialog button{position:absolute;right:-9px;top:-39px;width:38px;height:38px;padding:0;background:transparent;border:0;border-radius:50%;color:rgb(235 239 244 / 72%);cursor:pointer;transition:color 160ms ease,background 160ms ease}
#brand-film-dialog button::before,#brand-film-dialog button::after{content:"";position:absolute;left:11px;top:18px;width:16px;height:1.5px;background:currentColor;border-radius:1px;transform:rotate(45deg)}
#brand-film-dialog button::after{transform:rotate(-45deg)}
#brand-film-dialog button:hover{color:#fff;background:rgb(255 255 255 / 5%)}
#brand-film-dialog button:focus-visible{outline:2px solid #edbb65;outline-offset:1px}
@keyframes film-reveal{from{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}
@keyframes film-dim{from{opacity:0}to{opacity:1}}
@media(max-width:699px){#brand-film-dialog{width:calc(94vw - 10px);padding:0;top:44px;border-radius:6px}#brand-film-dialog video{border-radius:6px}}
@media(prefers-reduced-motion:reduce){#brand-film-dialog[open],#brand-film-dialog[open]::backdrop{animation:none}#brand-film-dialog button{transition:none}}
.page-home .hit[aria-label="Watch our film"]{pointer-events:auto}.page-home a[data-brand-film]{pointer-events:auto}