/* Full-bleed film hero. All app/workspace styles remain scoped to the lower demo. */
.agent-hero.film-hero{position:relative;isolation:isolate;min-height:min(900px,100svh);display:flex;align-items:center;padding:150px 0 115px;background:#102b48;overflow:hidden}
.hero-film-media{position:absolute;inset:0;z-index:-1;pointer-events:none;overflow:hidden}
.hero-film-poster{position:absolute;inset:0;background:radial-gradient(ellipse at 85% 35%,#426780,transparent 56%),linear-gradient(115deg,#102b48,#193b5c 62%,#344f61);background-size:cover;background-position:right center}
#hero-background-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:right center;opacity:0;transition:opacity .6s}
.film-hero.is-film-ready #hero-background-video{opacity:1}
.hero-film-shade{position:absolute;inset:0;background:linear-gradient(90deg,#071d39bd 0,#071d3980 40%,#071d3929 73%,#071d3924),linear-gradient(180deg,#071d393b,transparent 25%,transparent 70%,#071d3959)}
.film-hero .agent-hero-grid{display:block;width:min(1140px,calc(100% - 80px));margin:0 auto}
.film-hero .hero-content{display:block;max-width:680px;padding:0;text-align:left}
.film-hero .hero-eyebrow{color:#fff;font-size:15px;line-height:1.7;white-space:normal;text-shadow:0 1px 10px #071d3933}
.film-hero .hero-eyebrow>span{background:#a8d5ff;box-shadow:none}
.film-hero h1{font-size:clamp(48px,4.2vw,68px);line-height:1.22;font-weight:500;letter-spacing:-.035em;margin:23px 0 0;color:#fff;background:none;-webkit-text-fill-color:#fff;text-shadow:0 2px 16px #071d3920}
.film-hero .hero-description{font-size:19px;line-height:1.85;font-weight:400;margin-top:24px;color:#f3f7ff;text-shadow:0 1px 10px #071d3940}
.film-hero .pill-cta{width:290px;height:60px;margin:30px 0 0;background:#fff;color:#102b55;font-size:16px;box-shadow:none}
.film-hero .pill-cta>span{background:#edf4ff;color:#23509b}
.film-hero .concept-note{display:block;margin-top:15px;font-size:11px;color:#e0ebf8}
.film-hero .hero-secondary{font-size:11px;color:#fff;gap:22px;margin-top:18px;justify-content:flex-start}
.hero-film-status{position:absolute;right:30px;bottom:24px;font-size:11px;color:#d6e5f4;line-height:1.7}
.hero-film-toggle{position:absolute;right:24px;bottom:20px;z-index:3;min-width:156px;min-height:44px;padding:10px 16px;border:1px solid #ffffff60;border-radius:99px;background:#102b5566;backdrop-filter:blur(8px);color:white;font:12px/1.5 system-ui;cursor:pointer}
.hero-film-toggle[hidden],.hero-film-status[hidden]{display:none}
@media(max-width:760px){.agent-hero.film-hero{min-height:760px;min-height:100svh;padding:130px 0 105px;align-items:center}.film-hero .agent-hero-grid{width:calc(100% - 44px)}.film-hero .hero-content{display:block;max-width:none;padding:0}.film-hero .hero-eyebrow{font-size:12px;gap:7px;letter-spacing:-.03em;white-space:normal}.film-hero h1{font-size:clamp(35px,9.7vw,44px);line-height:1.3;margin-top:21px;font-weight:500}.film-hero .hero-description{font-size:15px;line-height:1.9;margin-top:22px}.film-hero .pill-cta{width:min(290px,100%);height:56px;margin-top:28px;font-size:15px}.film-hero .concept-note{font-size:9px;line-height:1.8;margin-top:13px}.film-hero .hero-secondary{gap:16px;flex-wrap:wrap;font-size:10px;margin-top:16px}.hero-film-shade{background:linear-gradient(90deg,#071d39bd,#071d3966),linear-gradient(180deg,#071d3966,transparent 30%,#071d3966)}.hero-film-status{right:22px;bottom:23px;font-size:10px}.hero-film-toggle{right:18px;bottom:17px;font-size:11px;min-width:148px}}
@media(prefers-reduced-motion:reduce){#hero-background-video{display:none;transition:none}.hero-film-toggle{display:none}}
/* The supplied mobile film is horizontal: keep its whole frame visible below the copy. */
@media(max-width:760px){
 .agent-hero.film-hero{display:flex;flex-direction:column;align-items:stretch;min-height:0;padding:122px 0 0}
 .film-hero .agent-hero-grid{order:1;margin:0 auto}
 .hero-film-media{order:2;position:relative;inset:auto;z-index:0;flex:none;width:100%;aspect-ratio:16/9;margin-top:30px}
 .hero-film-shade{background:linear-gradient(180deg,#102b482e,transparent 30%)}
 .hero-film-poster,#hero-background-video{object-position:center;background-position:center}
 .hero-film-toggle{right:14px;bottom:13px;min-width:148px;background:#102b55b3}
}
