/* Homepage film — the poster loads first, playback starts only on user interaction. */
.ieai-film-stage { overflow: hidden; min-width: 0; }
.ieai-film-frame { position: relative; background: #03101d; width: 100%; aspect-ratio: 16 / 9; overflow: hidden; isolation: isolate; }
.ieai-film-video { display: block; width: 100%; height: 100%; object-fit: contain; background: #03101d; cursor: pointer; }
.ieai-film-play { position: absolute; inset: 0; z-index: 2; appearance: none; width: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 10px; background: linear-gradient(180deg,rgba(2,9,20,.16),rgba(2,11,27,.56)); border: 0; color: #f5fbff; font: 700 1.04rem/1.25 "Segoe UI",system-ui,sans-serif; letter-spacing: .1em; text-align: center; cursor: pointer; transition: background .2s ease; }
.ieai-film-play:hover { background: linear-gradient(180deg,rgba(2,9,20,.03),rgba(2,11,27,.72)); }
.ieai-film-play:focus-visible { outline: 3px solid #8be9ff; outline-offset: -5px; }
.ieai-film-play-symbol { display: grid; place-items: center; width: 82px; height: 82px; border: 2px solid rgba(211,248,255,.94); border-radius: 50%; background: rgba(15,103,137,.70); box-shadow: 0 5px 30px rgba(3,15,35,.45); font-size: 2rem; letter-spacing: 0; text-indent: 3px; }
.ieai-film-play small { font: 400 .8rem/1.35 "Segoe UI",system-ui,sans-serif; letter-spacing: .03em; opacity: .91; }
.ieai-film-play[hidden] { display: none !important; }
.ieai-film-summary { padding: 18px 22px 8px; }
.ieai-film-summary strong { display: block; color: #eaf7ff; font-size: 1.18rem; line-height: 1.35; }
.ieai-film-summary p { margin: 8px 0 10px; color: #c5d7e5; font-size: .89rem; line-height: 1.56; }
.ieai-film-transcript { margin: 7px 0 10px; font-size: .83rem; color: #acc9d9; }
.ieai-film-transcript summary { cursor: pointer; width: fit-content; text-decoration: underline; text-underline-offset: 3px; }
.ieai-film-transcript p { margin: 9px 0; }
.ieai-film-stage .display-top, .ieai-film-stage .display-footer { gap: 12px; }
@media (max-width: 640px) { .ieai-film-play { font-size: .88rem; gap: 6px; } .ieai-film-play-symbol { width: 65px; height: 65px; font-size: 1.65rem; } .ieai-film-summary { padding: 15px 15px 8px; } .ieai-film-summary strong { font-size: 1.02rem; } .ieai-film-stage .display-top, .ieai-film-stage .display-footer { font-size: .62rem; flex-wrap: wrap; } }
@media (prefers-reduced-motion: reduce) { .ieai-film-play { transition: none; } }


/* Prioritize the introductory film on narrow screens without autoplay. */
@media (max-width: 720px) {
 .hero-grid > .ieai-film-stage { order: -1; margin-top: 0; }
 .hero .ieai-film-stage { max-width: 100%; }
 .hero .ieai-film-frame { aspect-ratio: 16 / 9; }
 .ieai-film-play { min-height: 0; }
 .ieai-film-play small { font-size: .74rem; }
}