html.intro-pending body{overflow:hidden}
html.intro-pending .invitation{visibility:hidden}
.intro-screen{position:fixed;inset:0;z-index:40;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:28px;padding:32px 20px;background:#353b2b url('assets/fondo-botanico-oscuro.webp') center/cover;color:#f5f3ed;text-align:center}
.intro-screen[hidden]{display:none}
.intro-heading{font:400 49px/1.1 'Great Vibes',cursive;margin:0}
.intro-caption{font:700 16px/1.4 Arial,Helvetica,sans-serif;letter-spacing:.025em;margin:0;animation:seal-cue 1.8s ease-in-out infinite}
.intro-envelope{position:relative;display:block;width:min(420px,92vw);border:0;padding:0;background:transparent}
.intro-envelope:focus-visible{outline:2px solid #f5f3ed;outline-offset:10px}
.intro-envelope-art{display:block;width:100%;height:auto;pointer-events:none}
.intro-monogram-overlay{position:absolute;left:50%;top:56%;width:17%;height:auto;transform:translate(-50%,-50%);pointer-events:none}
.intro-pending .language-switch{z-index:45}
@keyframes seal-cue{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}}
@media(prefers-reduced-motion:reduce){.intro-caption{animation:none}}