/* Eight readable seconds per panel, with separate fade-out and fade-in phases. */
#welcome .intro-showcase .intro-slide{opacity:1;animation:none;transform:none;transition:opacity 1s ease-in-out}
#welcome .intro-showcase .intro-slide.intro-fading-out{opacity:0;pointer-events:none}
#welcome .intro-showcase .intro-slide.intro-fading-in{animation:intro-soft-enter 1s ease-in-out both}
.preview-timer.is-playing span{animation-duration:8s}
#welcome .intro-values-panel{padding:30px 8px}
#welcome .intro-values-panel h2{font-size:clamp(36px,5vw,48px);line-height:1.13;margin:18px 0 25px}
#welcome .intro-values-panel .intro-copy{font-size:1.25rem;line-height:1.7;color:#79546b}
#welcome .intro-values-panel .intro-note{font-size:.95rem;margin-top:26px}
#welcome .intro-invite{padding:65px 8px;text-align:center}
#welcome .intro-invite h2{font:400 clamp(42px,7vw,60px)/1.15 Georgia,serif;color:#795069;margin:0 0 28px}
#welcome .invite-heart{display:inline-flex;align-items:center;justify-content:center;min-width:104px;min-height:104px;padding:16px;border-radius:50%;opacity:0;transition:opacity 1.2s ease-in-out;pointer-events:none}
#welcome .invite-heart.is-revealed{opacity:1;pointer-events:auto}
#welcome .invite-heart img{display:block;width:72px;height:72px;filter:drop-shadow(0 7px 15px #bd96ab20)}
#welcome .invite-heart-hint{opacity:0;color:#96788b;font-size:.9rem;line-height:1.5;margin-top:14px;transition:opacity 1.2s ease-in-out}
#welcome .invite-heart-hint.is-revealed{opacity:1}
@keyframes intro-soft-enter{from{opacity:0}to{opacity:1}}
@media(max-width:720px){#welcome .intro-values-panel h2{font-size:39px}#welcome .intro-values-panel .intro-copy{font-size:1.17rem}#welcome .intro-invite h2{font-size:48px}}
@media(prefers-reduced-motion:reduce){#welcome .intro-showcase .intro-slide,#welcome .intro-showcase .intro-slide.intro-fading-in{animation:none!important;transition:none!important;opacity:1}#welcome .invite-heart,#welcome .invite-heart-hint{transition:none!important}}