/* Homepage hero and responsive website overview. */
.hero.hero-vsl{grid-template-columns:minmax(0,.95fr) minmax(0,1.25fr);grid-template-areas:"copy media" "secondary media";grid-template-rows:auto 1fr;column-gap:clamp(32px,4vw,64px);row-gap:24px;align-items:start;padding-top:152px;padding-bottom:48px;background:var(--ink)}
.hero-vsl .hero-copy{grid-area:copy;align-self:start;pointer-events:auto}
.hero-vsl h1{font-size:clamp(64px,5.8vw,92px);line-height:1.02}
.hero-vsl .title-line{max-width:100%}
.hero-vsl .eyebrow{margin-bottom:24px}
.hero-vsl .hero-support{margin-top:24px}
.hero-vsl .hero-support p{max-width:34ch}
.hero-vsl-secondary{grid-area:secondary;min-width:0}
.hero-vsl-secondary .optional-help{max-width:36ch;font-size:15px}
.hero-vsl-media{grid-area:media;min-width:0;width:100%;scroll-margin-top:116px}
.website-overview-description{max-width:42ch;margin-bottom:16px;color:var(--border);font-size:16px;line-height:1.6}
.website-overview-player{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:contain;background:#000;border:1px solid #ffffff33;border-radius:var(--r-media)}
.website-overview-player.website-overview-portrait{display:none;aspect-ratio:9/16}
.website-overview-stage,.website-overview-teaser{position:relative}
.website-overview-stage.is-teaser>.website-overview-player{display:none}
.website-overview-preview{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:contain;background:#000;border:1px solid #ffffff33;border-radius:var(--r-media)}
.website-overview-preview-portrait{display:none;aspect-ratio:9/16}
.website-overview-watch{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:inline-flex;align-items:center;justify-content:center;gap:10px;max-width:calc(100% - 32px);min-height:58px;padding:14px 22px;border:1px solid #fff;border-radius:var(--r-button);background:#fff;color:var(--ink);font-size:16px;font-weight:700;line-height:1.4;white-space:nowrap;box-shadow:0 4px 24px #0006}
.website-overview-watch svg{width:24px;height:24px;fill:currentColor;flex:none}
.website-overview-watch:hover{background:var(--paper)}
.website-overview-preview-toggle{position:absolute;bottom:14px;left:14px;min-height:44px;padding:9px 14px;border:1px solid #ffffff80;border-radius:var(--r-button);background:#0a0a0ae6;color:#fff;font-size:13px;line-height:1.4}
.website-overview-preview-toggle:hover{background:#252525}
.website-overview-watch:focus-visible,.website-overview-preview-toggle:focus-visible{outline:3px solid var(--accent-dark);outline-offset:4px}
.website-overview-playback-status{margin-top:12px;font-size:14px;color:var(--border)}
.website-overview-action{display:flex;justify-content:center;margin-top:20px}
.website-overview-start{min-width:min(100%,300px)}
.website-overview-footer{margin-top:10px;font-size:15px}
.website-overview-transcript{min-width:0}
.website-overview-transcript summary{width:fit-content;max-width:100%;min-height:44px;margin-inline:auto;padding-block:10px;cursor:pointer;text-underline-offset:5px}
.website-overview-transcript summary:hover{text-decoration:underline}
.website-overview-transcript-copy{max-width:70ch;padding-top:14px;color:var(--border);font-size:16px;line-height:1.7}
.website-overview-transcript-copy p+p{margin-top:20px}
/* The former ambient-video control also paused these decorative loops. */
.home-vsl .glass-swell,.home-vsl .glass-glow,.home-vsl .glass-sheen,.home-vsl .glass-sheen::after,.home-vsl .hero-glow{animation:none!important}
@supports(corner-shape:squircle){.website-overview-player{corner-shape:squircle}}
@media(max-width:1099px){
 .hero.hero-vsl{grid-template-columns:1fr;grid-template-areas:"copy" "media" "secondary";grid-template-rows:auto;gap:32px;padding-top:144px}
 .hero-vsl .hero-copy,.hero-vsl-media,.hero-vsl-secondary{width:100%;max-width:820px;margin-inline:auto}
 .hero-vsl h1{font-size:clamp(64px,8vw,84px)}
 .hero-vsl .hero-support{max-width:100%}
 .hero-vsl .hero-support p{max-width:48ch}
}
@media(max-width:699px){
 .hero.hero-vsl{gap:28px;padding-top:116px;padding-bottom:32px}
 .hero-vsl h1{font-size:clamp(42px,13.5vw,74px);line-height:1.02}
 .hero-vsl .eyebrow{margin-bottom:20px}
 .hero-vsl .hero-support{margin-top:20px}
 .hero-vsl-secondary{max-width:420px}
 .hero-vsl-secondary .button{width:100%}
 .hero-vsl-secondary .optional-help{margin-top:16px}
 .hero-vsl-media{max-width:420px;scroll-margin-top:96px}
 .website-overview-description{font-size:15px}
 .website-overview-player.website-overview-landscape{display:none}
 .website-overview-player.website-overview-portrait{display:block}
 .website-overview-preview-landscape{display:none}
 .website-overview-preview-portrait{display:block}
 .website-overview-action .button{width:100%}
 .website-overview-transcript{width:100%}
}