.hero .hero-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:32px}
.hero-video{margin:0;width:100%;max-width:560px;min-width:0;align-self:center;justify-self:end}
.hero-video-frame{position:relative;aspect-ratio:3/2;border-radius:14px}
.hero-video video{display:block;width:100%;height:100%;object-fit:contain}
.hero-video-poster{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;pointer-events:none}
.hero-video-toggle{position:absolute;right:0;top:calc(100% + 14px);z-index:1;display:grid;place-items:center;width:44px;height:44px;padding:0;border:1px solid var(--line);border-radius:50%;background:var(--paper);color:var(--ink);font:700 18px var(--font-sans);cursor:pointer}
.hero-video-toggle:hover{background:var(--marker-soft)}
.hero-video-toggle:focus-visible{outline:3px solid var(--ink);outline-offset:3px}
.hero-video figcaption{margin:14px 0 0;padding-right:54px;min-height:44px;font-size:14px;line-height:1.5;color:var(--ink-3)}
.hero-video figcaption b,.hero-video figcaption span{display:block}
.hero-video figcaption b{margin-bottom:6px;font-size:16px;line-height:1.4;color:var(--ink)}
.hero-video-status{margin:10px 0 0;font-size:14px;line-height:1.5;color:var(--ink-3)}
.hero-video-status:empty{display:none}
@media(min-width:720px) and (max-width:1100px){
  .hero .hero-grid{gap:24px}
  .hero h1{font-size:clamp(30px,4vw,42px)}
  .hero .lede{font-size:16px}
  .hero .gets{display:none}
  .hero .hero-cta{margin-top:20px;gap:8px}
}
@media(max-width:719px){
  .hero .hero-grid{grid-template-columns:minmax(0,1fr);gap:20px}
  .hero .gets{display:none}
  .hero .hero-cta{margin-top:20px}
  .hero .hero-note{margin-top:12px}
  .hero-video{max-width:340px;justify-self:center}
  .hero-video figcaption{font-size:14px}
}