/* Homepage framing and finished Omera film. */
.hero .hero-grid{max-width:1440px;grid-template-columns:minmax(0,1fr);gap:48px}
.hero-copy{position:relative;padding-left:30px;min-width:0;max-width:1020px}
.hero-copy::before{content:"";position:absolute;left:0;top:6px;bottom:7px;width:15px;border:solid #c4a34e;border-width:1px 0 1px 2px;opacity:.85}
.hero-copy h1{font-size:clamp(44px,5vw,72px);text-wrap:balance;max-width:940px}
.hero-copy .lead{max-width:900px}
.hero-copy .eyebrow{max-width:440px}
.hero-film{margin:0;min-width:0;width:100%;background:#101529;border:1px solid #555d7959;border-top:2px solid #c4a34e;border-radius:11px;box-shadow:0 28px 70px #080c254d;overflow:hidden;scroll-margin-top:30px}
.hero-film video{display:block;width:100%;height:auto;aspect-ratio:16/9;background:#0b1022}
.hero-film video:focus-visible{outline:3px solid #d6b967;outline-offset:-3px}
@media(max-width:1000px){.hero .hero-grid{gap:32px}.hero-copy{padding-left:24px}}
@media(max-width:850px){.hero .hero-grid{grid-template-columns:1fr;gap:38px}.hero-film{max-width:none;margin:0}.hero-copy h1,.hero-copy .lead{max-width:650px}}
@media(max-width:540px){.hero-copy{padding-left:20px}.hero-copy::before{width:10px}.hero-copy h1{font-size:44px}.hero-copy .eyebrow{font-size:12px}}

/* Center the introduction above the full-width film. */
.hero .hero-copy{width:100%;max-width:1020px;margin-inline:auto;padding-left:0;text-align:center}
.hero .hero-copy::before{content:none}
.hero .hero-copy .eyebrow{max-width:none;margin-inline:auto}
.hero .hero-copy h1{margin-inline:auto}
.hero .hero-copy .lead{max-width:800px;margin-inline:auto}
.hero .hero-copy .actions{justify-content:center}

/* Let the desktop headline use the available width. */
.hero .hero-copy{max-width:1400px}
.hero .hero-copy h1{max-width:none;text-wrap:wrap}
.hero .hero-copy .lead{max-width:1120px}

/* Prominent play control over the thumbnail. */
.hero-film{position:relative}
.film-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:clamp(76px,9vw,130px);height:clamp(76px,9vw,130px);padding:0;border:2px solid #e4c675;border-radius:50%;background:#11182de8;color:#f0d387;box-shadow:0 8px 35px #0008;cursor:pointer;transition:background .18s,box-shadow .18s}
.film-play[hidden]{display:none}
.film-play svg{width:54%;height:54%}
.film-play:hover{background:#24304c;box-shadow:0 8px 40px #000a,0 0 0 8px #e4c67520}
.film-play:focus-visible{outline:3px solid white;outline-offset:6px}
@media(prefers-reduced-motion:reduce){.film-play{transition:none}}