.hero-with-video{grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);column-gap:56px;align-items:start}
.hero-with-video h1{font-size:clamp(2.45rem,4.5vw,3.7rem)}
.hero-with-video .baseline{font-size:.8rem;gap:10px}
.hero-with-video .baseline span+span:before{margin-right:10px}
.hero-with-video .hero-actions{gap:20px}
.hero-video{min-width:0;margin:24px 0 0;scroll-margin-top:24px}
.hero-video figcaption{display:flex;justify-content:space-between;align-items:center;gap:16px;font-size:.88rem;padding-bottom:16px;border-bottom:2px solid var(--violet);margin-bottom:16px}
.video-duration{color:var(--muted);font-size:.76rem;white-space:nowrap}
.hero-video video{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:contain;background:var(--bg)}
.hero-video video:focus-visible,.video-transcript summary:focus-visible{outline:3px solid var(--yellow);outline-offset:6px}
.video-support{display:flex;gap:16px;justify-content:space-between;flex-wrap:wrap;margin-top:16px;font-size:.76rem;color:var(--muted)}
.video-support p{margin:0}.video-support a{padding-bottom:8px}.video-support a:hover{color:var(--white)}
.video-transcript{margin-top:8px;border-top:1px solid var(--line);font-size:.88rem;color:#c5c7cc}
.video-transcript summary{cursor:pointer;padding:16px 0;color:var(--violet-text);width:fit-content}
.video-transcript p{margin-bottom:16px}
@media(max-width:1100px){.hero-with-video{column-gap:32px}.hero-with-video .baseline{gap:6px;font-size:.73rem}.hero-with-video .baseline span+span:before{margin-right:6px}}
@media(min-width:761px) and (max-width:960px){.hero-with-video{grid-template-columns:1fr}.hero-with-video .hero-copy{max-width:650px}.hero-video{margin-top:40px;width:100%}.hero-with-video .desktop-break{display:none}}
@media(max-width:760px){.hero-video{width:100%;margin-top:40px}.hero-with-video h1{font-size:clamp(2.45rem,8.5vw,3.8rem)}.hero-with-video .baseline{font-size:.76rem;gap:8px}.video-support{gap:8px}.hero-video figcaption{font-size:.82rem}}
@media(max-width:360px){.hero-with-video .baseline{font-size:.7rem;gap:4px}.hero-with-video .baseline span+span:before{margin-right:4px}}
@media print{.hero-video{display:none}}

.video-player{position:relative}
.video-cover{position:absolute;inset:0;width:100%;height:100%;padding:0;border:0;background:var(--bg);color:var(--white);cursor:pointer;font:600 .94rem Hanken,system-ui,sans-serif;text-align:left}
.video-cover[hidden]{display:none}.video-cover img{display:block;width:100%;height:100%;object-fit:contain}
.video-play-label{position:absolute;bottom:0;left:0;right:0;padding:14px 20px;background:var(--violet);display:flex;gap:12px;align-items:center}.video-play-label>span:last-child{margin-left:auto;font-size:.82rem}
.video-cover:hover .video-play-label{background:#7240c8}.video-cover:focus-visible{outline:3px solid var(--yellow);outline-offset:6px}.video-cover:disabled{cursor:wait}
.video-status{font-size:.82rem;color:var(--muted);margin:12px 0 0}.video-status:empty{display:none}