/* Shared video newsletter invitation, using the existing brand typography. */
.intro-video.newsletter-video,.prevention-video.newsletter-video{aspect-ratio:auto;overflow:visible;background:transparent;border:0;border-radius:0}
.newsletter-video-frame{aspect-ratio:16/9;overflow:hidden;border:1px solid var(--line);border-radius:20px;background:#082d2b}
.newsletter-video-frame iframe{display:block;width:100%;height:100%;border:0}
.newsletter-invitation{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-top:18px}
.newsletter-invitation p{margin:0;color:var(--copy);font-size:13px;line-height:1.6}
.newsletter-invitation .button{flex-shrink:0;cursor:pointer}
.newsletter-dialog{width:min(550px,calc(100% - 28px));max-height:calc(100dvh - 32px);padding:34px;border:1px solid var(--line);border-radius:24px;background:#082d2b;color:var(--white);box-shadow:0 24px 100px #0008;overflow:auto}
.newsletter-dialog::backdrop{background:#001716c9;backdrop-filter:blur(7px)}
.newsletter-dialog .eyebrow{margin:0 38px 12px 0;font:700 11px/1.6 Manrope,system-ui,sans-serif;letter-spacing:.19em;color:var(--gold)}
.newsletter-dialog h2{font:500 clamp(30px,5vw,40px)/1.13 Manrope,system-ui,sans-serif;letter-spacing:-.05em;margin:0 0 26px}
.newsletter-close{position:absolute;top:14px;right:15px;display:grid;place-items:center;width:36px;height:36px;border:1px solid var(--line);border-radius:50%;background:transparent;color:var(--pale);font-size:24px;line-height:1;cursor:pointer}
.newsletter-form-host{position:relative}
.newsletter-form-host iframe{display:block;width:100%;height:490px;border:0;background:#082d2b}
.newsletter-loading{position:absolute;inset:0 0 auto;padding:10px 0;background:#082d2b;color:var(--muted);font-size:13px;pointer-events:none}
.newsletter-dialog[data-loaded] .newsletter-loading{display:none}
.newsletter-privacy{margin:18px 0 0;color:var(--muted);font-size:11px;line-height:1.6}
.newsletter-privacy a{text-decoration:underline;text-underline-offset:3px}
html:has(.newsletter-dialog[open]){overflow:hidden}
@media(max-width:760px){.newsletter-dialog{padding:29px 22px 24px}.newsletter-dialog h2{margin-bottom:22px}.newsletter-video-frame{border-radius:16px}.newsletter-invitation{gap:12px}.newsletter-invitation .button{padding:13px 20px}.newsletter-invitation p{font-size:12px}}
@media(prefers-reduced-motion:reduce){.newsletter-invitation .button{transition:none}}

@media(min-width:761px) and (max-height:850px){.prevention-aside:has(.newsletter-video),.intro-video-column:has(.newsletter-video){position:static}}

/* Centered newsletter, with a quiet confirmation state. */
.newsletter-dialog{text-align:center}
.newsletter-dialog .eyebrow{margin-right:0;text-align:center;padding-inline:22px}
.newsletter-dialog h2,.newsletter-privacy,.newsletter-loading{text-align:center}
.newsletter-dialog[data-success]>.eyebrow,.newsletter-dialog[data-success]>h2,.newsletter-dialog[data-success]>.newsletter-privacy{display:none}
.newsletter-dialog[data-success]{padding-top:48px;padding-bottom:26px}
@media(max-width:600px){.newsletter-dialog{padding:24px 18px 18px}.newsletter-dialog h2{font-size:30px;margin-bottom:18px}.newsletter-privacy{margin-top:12px}.newsletter-dialog[data-success]{padding-top:45px}}