#welcomeIntro{display:none}.intro-active #welcomeIntro{display:grid;position:fixed;inset:0;z-index:1000;place-items:center;background:#174e38;color:#fff7e7;overflow:hidden;animation:intro-exit 4.5s cubic-bezier(.7,0,.2,1) forwards}.intro-active{overflow:hidden}.intro-panel{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:24px}.intro-panel p{font:800 clamp(3rem,11vw,9rem)/1.02 'DM Sans',sans-serif;letter-spacing:-.055em;margin:20px 0}.intro-panel small{font:700 .85rem 'DM Sans',sans-serif;letter-spacing:.25em;text-transform:uppercase}.intro-first{background:#174e38;color:#fff7e7}.intro-second{background:#faf6ed;color:#ad111b;animation:intro-second 4.5s steps(1,end) forwards}.intro-third{background:#ad111b;color:#fff7e7;animation:intro-third 4.5s steps(1,end) forwards}.intro-third .intro-logo{font:400 clamp(2.8rem,7vw,5rem)/1.2 'Pacifico',cursive;letter-spacing:-.045em}.intro-third p{font-size:clamp(3rem,9vw,7rem);margin:22px 0 16px}.intro-skip{position:absolute;right:24px;bottom:24px;z-index:2;color:inherit;background:#0002;border:1px solid currentColor;border-radius:30px;padding:12px 20px;font:700 .875rem 'DM Sans',sans-serif;cursor:pointer}.intro-skip:focus-visible{outline:3px solid white;outline-offset:4px}@keyframes intro-second{0%{visibility:hidden}27%{visibility:visible}100%{visibility:visible}}@keyframes intro-third{0%{visibility:hidden}52%{visibility:visible}100%{visibility:visible}}@keyframes intro-exit{0%,79%{transform:translateY(0)}100%{transform:translateY(-105%)}}@media(prefers-reduced-motion:reduce){.intro-active #welcomeIntro{display:none;animation:none}.intro-active{overflow:auto}}
.intro-preview-play{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);z-index:900;background:#ad111b;color:white;border:3px solid #fff7e7;border-radius:40px;padding:18px 32px;font:800 1.1rem 'DM Sans',sans-serif;box-shadow:0 5px 25px #0005;cursor:pointer;white-space:nowrap}