/* Shared film and privacy controls. Colours inherit the active VIMED CELL palette. */
.story-film-link{display:flex;align-items:center;gap:10px;width:fit-content;max-width:100%;padding:10px 0;margin-top:12px;border:0;background:transparent;color:inherit;font:inherit;font-size:13px;letter-spacing:.02em;text-align:start;cursor:pointer;line-height:1.5}
.story-film-link svg{flex:none}.hero .words .story-film-link{margin-top:10px}.overview>.story-film-link{margin:28px auto 0}
.company-film-section{display:grid;grid-template-columns:.85fr 1.15fr;align-items:center;gap:7%;padding:110px 7%;background:#eeeae1;color:#36382f}
.company-film-copy h2{font-size:clamp(38px,4.5vw,70px);line-height:1.05;letter-spacing:-.035em;margin-bottom:25px}.company-film-copy>p:not(.eyebrow){font-size:17px;line-height:1.7;max-width:36em}
.film-poster-button{display:block;position:relative;width:100%;padding:0;border:0;background:#24291f;color:#fff9ed;cursor:pointer;aspect-ratio:16/9;overflow:hidden}.film-poster-button img{display:block;width:100%;height:100%;object-fit:cover;filter:brightness(.82);transition:filter .3s}.film-poster-button:hover img{filter:brightness(1)}.film-play{position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:65px;height:65px;border:1px solid #fff9edaa;border-radius:50%;background:#171d1d55;backdrop-filter:blur(4px)}.film-poster-label{position:absolute;inset:auto 16px 16px;text-align:center;font-size:12px;letter-spacing:.06em;text-shadow:0 1px 8px #000}
.cookie-information-link{font:inherit;font-size:12px;line-height:1.6;border:0;border-bottom:1px solid currentColor;padding:5px 0;margin:12px 0;background:transparent;color:inherit;cursor:pointer;text-align:start;max-width:100%}
.site-dialog{position:fixed;inset:0;width:min(960px,94vw);max-height:90svh;margin:auto;padding:24px;border:1px solid #aaa392;background:#f2efe6;color:#36382f;overflow:auto;font-family:var(--sans);box-shadow:0 24px 120px #0006}.site-dialog::backdrop{background:#131b18cc;backdrop-filter:blur(8px)}
.dialog-top{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-bottom:20px}.dialog-top h2{font-family:var(--sans);font-weight:400!important;font-size:15px;line-height:1.5;letter-spacing:.01em}.dialog-top>span{font-size:13px;letter-spacing:.2em}.dialog-top button{font:inherit;font-size:13px;background:none;color:inherit;border:0;padding:8px;cursor:pointer;white-space:nowrap}
.company-film-dialog video{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:contain;background:#101713;max-height:60svh}.film-disclosure{margin-top:12px;font-size:12px!important;line-height:1.65!important;color:#5d6055}.dialog-next{display:inline-block;margin-top:24px;padding-bottom:7px;border-bottom:1px solid currentColor;color:inherit;font-size:14px;line-height:1.5}.film-transcript{margin-top:18px;border-top:1px solid #c8c1b2;padding-top:15px}.film-transcript summary{cursor:pointer;font-size:14px}.film-transcript p{font-size:15px;line-height:1.8;margin-top:15px;max-width:65ch}.cookie-dialog{max-width:680px;padding:32px}.cookie-dialog>h2{font-size:36px;line-height:1.15;letter-spacing:-.02em;margin-bottom:22px}.cookie-dialog>p{font-size:16px;line-height:1.8;margin-top:16px}.site-dialog a{text-decoration:none}.site-dialog p a{text-decoration:underline}.site-dialog button:focus-visible,.site-dialog a:focus-visible,.site-dialog summary:focus-visible{outline:2px solid #8b7350;outline-offset:4px}
html.site-dialog-open,html.site-dialog-open body{overflow:hidden!important}html.site-dialog-open{scrollbar-gutter:stable}html.site-dialog-open .screen,html.site-dialog-open .programme-screen{pointer-events:none}
@media(max-width:700px){.company-film-section{grid-template-columns:1fr;padding:60px 7%;gap:30px}.company-film-copy h2{font-size:42px}.company-film-copy>p:not(.eyebrow){font-size:16px}.site-dialog{width:94vw;padding:16px;max-height:92svh}.cookie-dialog>h2{font-size:30px}.cookie-dialog>p{font-size:15px}.hero .words .story-film-link{font-size:12px;margin-top:6px;padding:6px 0}.film-play{width:50px;height:50px}.dialog-top{gap:12px}.dialog-top h2{font-size:13px}}
@media(max-width:700px) and (max-height:720px){.hero .words .story-film-link{font-size:11px;margin-top:2px;padding:4px 0}}
@media(prefers-reduced-motion:reduce){.film-poster-button img{transition:none}}