.brand-film { padding-top:24px; padding-bottom:104px; }
.film-heading { display:flex; justify-content:space-between; align-items:flex-end; gap:40px; margin-bottom:36px; }
.film-eyebrow { color:var(--cobalt,#2858d6); font-size:12px; font-weight:600; letter-spacing:1.7px; margin:0 0 21px; }
.film-heading h2 { font-size:clamp(30px,3.4vw,56px); line-height:1.25; letter-spacing:-.045em; font-weight:500; margin:0; color:#142b55; }
.film-heading h2 span { color:var(--cobalt,#2858d6); }
.film-heading > p { font-size:15px; line-height:1.9; color:#647085; margin:0 0 3px; max-width:350px; }
.film-player { position:relative; overflow:hidden; border-radius:14px; background:#091e36; aspect-ratio:16/9; isolation:isolate; }
.film-player video { width:100%; height:100%; display:block; object-fit:contain; }
.film-play { position:absolute; z-index:1; left:36px; bottom:58px; display:flex; align-items:center; gap:16px; border:1px solid #ffffff38; border-radius:50px; padding:10px 23px 10px 10px; color:#fff; background:#081b34b8; backdrop-filter:blur(12px); text-align:left; box-shadow:0 5px 25px #0001; }
.film-play[hidden] { display:none; }
.film-play-icon { display:grid; place-items:center; height:42px; width:42px; border-radius:50%; color:#153978; background:#fff; font-size:15px; padding-left:3px; }
.film-play > span:last-child { font-size:14px; font-weight:500; }
.film-play small { margin-left:12px; font-size:12px; color:#b7c7e3; font-variant-numeric:tabular-nums; }
.film-play:hover { background:#173b75e8; }
.film-play:focus-visible { outline-color:#fff; }
.film-meta { display:flex; gap:16px; justify-content:space-between; color:#718094; font-size:12px; padding:18px 1px 0; }
.film-transcript { margin-top:18px; font-size:13px; color:#718094; }
.film-transcript summary { cursor:pointer; width:fit-content; padding:6px 0; }
.film-transcript p { font-size:15px; line-height:1.85; max-width:900px; }
#film-error { color:#a34120; font-size:14px; }
#film-error a { text-decoration:underline; }
@media(max-width:760px) {
 .brand-film { padding-top:12px; padding-bottom:66px; }
 .film-heading { align-items:flex-start; flex-direction:column; gap:20px; margin-bottom:25px; }
 .film-heading h2 { font-size:32px; }
 .film-heading > p { font-size:14px; }
 .film-player { border-radius:9px; margin:0 -8px; }
 .film-play { left:12px; bottom:42px; gap:10px; padding:6px 13px 6px 6px; }
 .film-play-icon { height:30px; width:30px; font-size:11px; }
 .film-play > span:last-child { font-size:12px; }
 .film-play small { font-size:11px; margin-left:6px; }
 .film-meta { flex-direction:column; gap:7px; font-size:11px; padding-top:14px; }
}