body.language-open{overflow:hidden}
.language-dialog{color:var(--ink,#2d2436);background:var(--bg,#faf9fc);border:1px solid var(--line,#e3dbe9);border-radius:24px;width:min(480px,calc(100vw - 32px));max-height:calc(100dvh - 32px);padding:30px 32px 32px;overflow:auto;box-shadow:0 30px 110px #0009;text-align:center}
.language-dialog[open]{animation:welcome-in .25s ease both}
.language-dialog::backdrop{background:#2d243680;backdrop-filter:blur(5px);animation:welcome-backdrop .25s ease both}
.language-dialog.is-leaving,.language-dialog.is-leaving::backdrop{animation:welcome-out .65s ease forwards}
.language-dialog h2{font:500 clamp(1.9rem,5vw,2.4rem)/1.2 var(--serif);color:var(--ink,#2d2436);margin:0 0 12px}
.welcome-prompt{font-size:.875rem;color:#776880;line-height:1.7;margin-bottom:25px}
.welcome-prompt span{display:block}
.welcome-choices{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.welcome-choice{display:flex;flex-direction:column;align-items:center;gap:5px;padding:16px 12px;color:#4d305f;background:#f1eaf6;border:1px solid #d6c5e2;border-radius:10px;transition:background .25s,border-color .25s,transform .25s}
.welcome-choice:hover{background:#e9dff0;border-color:#785a97;transform:translateY(-2px)}
.welcome-choice strong{font-size:1.05rem;font-weight:500;letter-spacing:.13em}
.welcome-choice span{font-size:.875rem;color:#776880}
.welcome-choice:focus-visible{outline:3px solid #b797d0;outline-offset:4px}
.language-switch{display:inline-flex;align-items:center;gap:2px;border:1px solid #ddcfe7;border-radius:30px;padding:3px;flex-shrink:0}
.language-switch a{font-size:.75rem;line-height:1;padding:9px 8px;color:#80678f;border-radius:20px}
.language-switch a[aria-current]{background:#e9dff0;color:#4d305f}
.header-action{gap:12px}
html[lang="fr-CA"] .desktop-nav{gap:20px}
@media(max-width:1100px){.desktop-nav,.preview-badge{display:none}.menu-button{display:block}}
@media(max-width:600px){.header-action>.button{display:none}}
@keyframes welcome-in{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
@keyframes welcome-backdrop{from{opacity:0}to{opacity:1}}
@keyframes welcome-out{to{opacity:0}}
@media(max-width:600px){.language-dialog{padding:15px 22px 26px}.welcome-logo{width:min(100%,300px)}.header-action{gap:6px}.language-switch a{padding:9px 7px}}
@media(max-height:720px){.welcome-logo{width:min(100%,38dvh)}.language-dialog{padding-top:12px}.welcome-prompt{margin-bottom:18px}}
@media(prefers-reduced-motion:reduce){.language-dialog[open],.language-dialog::backdrop,.language-dialog.is-leaving,.language-dialog.is-leaving::backdrop{animation:none}.welcome-choice{transition:none}}
.welcome-choice{aspect-ratio:1;justify-content:center;min-width:0;cursor:pointer}

.welcome-brand{display:block;font:600 36px/1.2 var(--serif);letter-spacing:-1px;color:#785a97;margin:0 0 18px}