/* All new styles are scoped to the introduction video or its admin form. */
.intro-video{padding-top:76px}
.intro-video-layout{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.35fr);gap:54px;align-items:center}
.intro-video-copy{min-width:0}
.intro-video-copy h2{font-size:40px;line-height:1.18;font-weight:500;letter-spacing:-1.8px;margin:16px 0 20px;overflow-wrap:anywhere}
.intro-video-copy p{color:var(--muted);font-size:14px;line-height:1.9;margin-bottom:0;white-space:pre-line;overflow-wrap:anywhere}
.intro-video .section-kicker{line-height:1.8;overflow-wrap:anywhere}
.intro-video .tiny-line{flex-shrink:0;background:var(--accent)}
.intro-video-frame{position:relative;min-width:0;width:100%;aspect-ratio:16/9;min-height:200px;overflow:hidden;border:1px solid var(--border);border-radius:16px;background:var(--surface);box-shadow:0 18px 48px #0003}
.intro-video-frame iframe{display:block;width:100%;height:100%;position:absolute;inset:0;border:0}
#video-form .video-visibility{margin:0 0 24px}
#video-form .video-visibility input{width:auto}
#video-form .video-preview{margin-top:26px;max-width:760px}
#video-form .video-preview h3{font-size:14px;font-weight:500;margin-bottom:12px}
#video-form .video-preview-message{font-size:12px;line-height:1.8;color:var(--muted);margin:12px 0 0}
#video-form .video-preview-message.is-invalid{color:#f0b5ba}
#video-form .video-preview-note{font-size:11px;color:var(--muted);line-height:1.8;margin:10px 0 0}
#video-form .form-actions{flex-wrap:wrap}
#video-form label small{line-height:1.8}
@media(max-width:1000px){.intro-video-layout{gap:30px;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr)}.intro-video-copy h2{font-size:34px;letter-spacing:-1.2px}}
@media(max-width:760px){.intro-video{padding-top:48px}.intro-video-layout{grid-template-columns:minmax(0,1fr);gap:24px}.intro-video-copy h2{font-size:32px;margin:12px 0 14px;letter-spacing:-1px}.intro-video-copy p{font-size:14px;max-width:560px}.intro-video-frame{border-radius:12px}}