/* Surgical override: full-width native video behind the approved hero content.
   Original layout, typography, forms, cards and trade styles are untouched. */
.hero > .hero-full-background#hero-film{
  position:absolute;inset:0;width:100%;height:100%;min-height:0;
  margin:0;padding:0;border:0;border-radius:0;box-shadow:none;
  z-index:0;pointer-events:none;overflow:hidden;background:#07271c;
}
.hero-full-background > .presenter-still,
.hero-full-background > .hero-background-video{
  position:absolute;inset:0;display:block;width:100%;height:100%;
  object-fit:cover;object-position:50% 50%;margin:0;max-width:none;border:0;
}
.hero-full-background > .presenter-still{z-index:0;opacity:1}
.hero-full-background > .hero-background-video{z-index:1;opacity:0}
.hero.video-started .hero-background-video{opacity:1}
.hero > .hero-backdrop{display:none}
.hero::after{z-index:1}
.hero > .hero-layout{z-index:2}
/* Controls do not live in the negative-z-index video layer. */
.hero-bg-controls{
  position:absolute;z-index:4;right:max(24px,calc((100% - 1296px)/2));bottom:18px;
  display:flex;align-items:center;gap:8px;pointer-events:auto;
}
.hero-media-button{
  display:inline-flex;justify-content:center;align-items:center;gap:8px;
  min-height:42px;padding:9px 13px;color:#fff;background:#08271fdb;
  border:1px solid #ffffff65;border-radius:999px;backdrop-filter:blur(10px);
  font:600 11px/1.25 Arial,Helvetica,sans-serif;cursor:pointer;touch-action:manipulation;
  box-shadow:0 3px 14px #0002;transition:background .2s,box-shadow .2s;
}
.hero-media-button:hover{background:#003f2bf0;box-shadow:0 0 0 3px #ffffff17}
.hero-media-button:focus-visible{outline:3px solid #fff;outline-offset:3px}
.hero-media-button .icon{width:17px;height:17px;stroke-width:1.7;fill:none;flex-shrink:0}
.hero-media-button .sound-active,.hero-media-button .play-glyph{display:none}
.hero-media-button[aria-pressed="true"] .sound-active{display:block}
.hero-media-button[aria-pressed="true"] .sound-muted{display:none}
.hero-media-button.is-paused .play-glyph{display:block}
.hero-media-button.is-paused .pause-glyph{display:none}
/* The original mobile text/cards remain in place; no separate player row. */
@media(max-width:680px){
  .hero > .hero-layout{padding-bottom:75px}
  .hero-full-background > .presenter-still,
  .hero-full-background > .hero-background-video{object-position:78% 50%}
  .hero-bg-controls{right:20px;bottom:15px;gap:7px}
  .hero-media-button{min-height:44px;padding:10px 12px;font-size:11px}
}
@media(max-width:359px){.hero-bg-controls{right:16px}}
@media(prefers-reduced-motion:reduce){.hero-media-button{transition:none}}