.agent-film-section{padding-block:48px 50px;scroll-margin-top:0}
.agent-film-heading{text-align:center;margin-bottom:30px}
.agent-film-eyebrow{display:flex;align-items:center;justify-content:center;gap:8px;color:#6c7079;font-size:14px;font-weight:550;margin-bottom:15px}
.agent-film-eyebrow svg{width:19px;height:19px}
.agent-film-heading h2{font-size:clamp(32px,4.2vw,54px);font-weight:650;letter-spacing:-.045em;line-height:1.1;color:#15171b}
.agent-film{position:relative;isolation:isolate;overflow:hidden;cursor:pointer;aspect-ratio:16/9;max-width:1000px;margin-inline:auto;border-radius:22px;background:#f3f3f5;box-shadow:0 0 0 1px #e7e7eb,0 20px 50px -30px #16192230}
.agent-film-picture{position:absolute;inset:0}
.agent-film:has(.agent-film-start:not([hidden])) .agent-film-picture::after{content:"";position:absolute;inset:0;background:rgb(0 0 0 / 28%);pointer-events:none}
.agent-film video{width:100%;height:100%;object-fit:cover;background:transparent}
.agent-film-start{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:144px;height:144px;padding:0;border:0;border-radius:0;background:transparent;appearance:none;color:#fff;box-shadow:none;cursor:pointer}
.agent-film-start svg{width:120px;height:120px}
.agent-film [hidden]{display:none!important}
.agent-film-transport{position:absolute;bottom:14px;left:14px;display:flex;align-items:center;gap:4px;pointer-events:none;color:white;opacity:0;transition:opacity 160ms}
.agent-film-transport>button{pointer-events:auto;display:inline-flex;align-items:center;justify-content:center;border:1px solid #ffffff20;background:#151619b8;backdrop-filter:blur(12px);color:white;border-radius:50%;width:36px;height:36px;padding:0}
.agent-film-transport svg{width:18px;height:18px}
.agent-film:focus-within .agent-film-transport,.agent-film.is-paused .agent-film-transport{opacity:1}
.agent-film:not(.is-paused) .agent-play-icon,.agent-film.is-paused .agent-pause-icon,.agent-film:not(.has-sound) .agent-sound-on,.agent-film.has-sound .agent-sound-off{display:none}
.agent-film-error{position:absolute;inset:40% 20px auto;text-align:center;font-size:14px;color:white;background:#171a20;border-radius:12px;padding:16px}
.agent-film-section button:focus-visible{outline:2px solid #6b86df;outline-offset:4px;text-decoration:none}
@media(hover:hover) and (pointer:fine){.agent-film:hover .agent-film-transport{opacity:1}}
@media(max-width:650px){.agent-film-section{padding-block:48px 32px}.agent-film-heading{margin-bottom:25px}.agent-film-heading h2{max-width:11em;margin-inline:auto;font-size:36px}.agent-film-eyebrow{font-size:12px;margin-bottom:12px}.agent-film{border-radius:16px}.agent-film-transport{left:8px;bottom:8px;opacity:1}}
@media(pointer:coarse){.agent-film-transport>button{position:relative;width:36px;height:36px}.agent-film-transport>button::after{content:"";position:absolute;inset:-4px}.agent-film-transport{gap:8px}}
@media(prefers-reduced-motion:reduce){.agent-film-section *{transition:none!important;animation:none!important}}