/* Decorative footage complements the existing hero and never replaces its copy. */
[data-hero-motion]{position:relative;isolation:isolate}
[data-hero-motion] .hero-motion-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;opacity:0;pointer-events:none;z-index:0;background:var(--navy)}
[data-hero-motion].hero-motion-ready .hero-motion-video{opacity:1}
[data-hero-motion] .hero-motion-poster{z-index:0}
[data-hero-motion] .portrait-label,[data-hero-motion] .hero-photo-tag,[data-hero-motion] figcaption{z-index:1}
.hero-motion-toggle{position:absolute;top:18px;right:18px;z-index:5;display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:10px 13px;border:1px solid #faf5ed80;border-radius:0;background:#0d2240e8;color:var(--ivory);font:500 12px/1.2 'DM Sans',Arial,sans-serif;cursor:pointer;box-shadow:0 2px 14px #0d224020}
.hero-motion-toggle[hidden]{display:none!important}
.hero-motion-toggle:hover{background:var(--navy)}
.hero-motion-toggle:focus-visible{outline:3px solid var(--gold);outline-offset:4px}
.hero-motion-toggle svg{width:12px;height:12px;fill:currentColor;flex:none}
.hero-motion-toggle .motion-play{display:none}
.hero-motion-toggle[data-paused=true] .motion-pause{display:none}
.hero-motion-toggle[data-paused=true] .motion-play{display:block}
.home-hero [data-hero-motion] .hero-motion-video{object-position:50% 42%}
.campaign-hero[data-hero-motion] figcaption{max-width:calc(100% - 30px);line-height:1.4}

@media screen and (max-width:700px){
  /* The mobile film lives behind the headline and actions, not beneath them. */
  .home-hero .hero-inner[data-hero-motion] .hero-motion-video{object-position:50% 14%}
  .home-hero .hero-inner[data-hero-motion] .hero-motion-toggle{top:47px;right:16px}
  .home-hero .hero-inner[data-hero-motion] .hero-portrait figcaption{max-width:calc(100% - 48px);font-size:8px;line-height:1.4}
  .campaign-hero[data-hero-motion]{display:block;position:relative;isolation:isolate;overflow:hidden;background:var(--navy);color:var(--ivory);min-height:0}
  .campaign-hero[data-hero-motion]>figure{position:absolute;inset:0;min-height:0;width:100%;height:100%;z-index:0;pointer-events:none}
  .campaign-hero[data-hero-motion]>figure>.hero-motion-poster,.campaign-hero[data-hero-motion] .hero-motion-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 18%}
  .campaign-hero[data-hero-motion]:before{content:'';position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(180deg,rgba(13,34,64,.08) 0,rgba(13,34,64,.24) 135px,rgba(13,34,64,.84) 265px,rgba(13,34,64,.96) 470px,rgba(13,34,64,.98) 100%)}
  .campaign-hero[data-hero-motion] .campaign-hero-copy{position:relative;z-index:2;padding:clamp(220px,60vw,285px) 24px 44px;background:transparent;color:var(--ivory)}
  .campaign-hero[data-hero-motion] h1{font-size:clamp(44px,11.8vw,62px);color:var(--ivory)}
  .campaign-hero[data-hero-motion] .lead,.campaign-hero[data-hero-motion] .eyebrow{color:var(--ivory)}
  .campaign-hero[data-hero-motion] .button{background:var(--ivory);border-color:var(--ivory);color:var(--navy)}
  .campaign-hero[data-hero-motion] .text-link{color:var(--ivory)}
  .campaign-hero[data-hero-motion] .hero-photo-tag{display:none}
  .campaign-hero[data-hero-motion] figcaption{left:24px;right:auto;top:14px;bottom:auto;font-size:8px;line-height:1.4;max-width:calc(100% - 48px);padding:4px 7px;background:#faf5edee;color:var(--navy)}
  .campaign-hero[data-hero-motion] .hero-motion-toggle{top:53px;right:16px}
}
@media(prefers-reduced-motion:reduce){[data-hero-motion] .hero-motion-video{display:none!important}.hero-motion-toggle{display:none!important}}
@media print{.hero-motion-video,.hero-motion-toggle{display:none!important}}