.intro-video-open{overflow:hidden}
.intro-watch{display:inline-block;margin:18px 0;color:var(--green,#244b3e);font-weight:600;text-underline-offset:4px}
.intro-video-dialog{box-sizing:border-box;width:min(940px,calc(100% - 28px));max-height:calc(100dvh - 28px);padding:22px;border:0;border-radius:18px;background:#f7f7ef;color:#244b3e;overflow:auto;box-shadow:0 20px 80px #0005}
.intro-video-dialog::backdrop{background:rgb(15 31 24 / .76)}
.intro-video-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:14px}
.intro-video-heading h2{margin:0;font-size:clamp(20px,3vw,28px)}
.intro-video-close{flex:none;border:1px solid #c4d0c7;border-radius:50%;width:42px;height:42px;background:white;color:#244b3e;font-size:28px;cursor:pointer}
.intro-video-dialog video{display:block;width:100%;aspect-ratio:16/9;background:#244b3e;border-radius:8px}
.intro-video-actions{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-top:18px}
.intro-video-sound{padding:11px 16px;border:1px solid #244b3e;border-radius:8px;background:white;color:#244b3e;font:inherit;cursor:pointer}
.intro-video-dialog p{font-size:14px;line-height:1.5;margin:14px 0 0}
.intro-video-dialog :focus-visible{outline:3px solid #a07810;outline-offset:4px}
@media(max-width:600px){.intro-video-dialog{padding:14px}.intro-video-actions .button{flex:1;text-align:center}}