.prestige-intro{position:fixed;inset:0;z-index:1000;overflow:hidden;background:#087a73;color:white;font-family:inherit;isolation:isolate;transition:opacity .7s;opacity:1}
.prestige-intro[hidden]{display:none}.prestige-intro.exiting{opacity:0;pointer-events:none}
.intro-canvas{position:absolute;inset:0;width:100%;height:100%;display:block;z-index:2}
.intro-top{position:absolute;top:30px;left:5%;right:5%;display:flex;justify-content:space-between;align-items:center;z-index:5}
.intro-wordmark{font-size:12px;font-weight:650;letter-spacing:2.5px}.intro-skip{background:#ffffff10;border:1px solid #ffffff88;border-radius:40px;color:white;padding:12px 20px;font:inherit;font-size:13px;cursor:pointer}.intro-skip:hover{background:white;color:#087a73}.intro-skip:focus-visible{outline:2px solid white;outline-offset:5px}
.intro-backdrop{position:absolute;top:14%;left:10%;right:10%;text-align:center;z-index:1;color:white;font-size:clamp(32px,6.5vw,92px);letter-spacing:-.05em;font-weight:600;line-height:.95;transition:opacity .4s;opacity:.9;pointer-events:none}.intro-backdrop span{display:block}.welcome .intro-backdrop{opacity:0}
.intro-welcome{position:absolute;left:7%;top:43%;width:39%;z-index:3;opacity:0;transform:translateY(12px);transition:opacity .5s,transform .7s;pointer-events:none}.intro-welcome p{font-size:13px;letter-spacing:4px;margin:0 0 20px}.intro-welcome h2{font-size:clamp(32px,4.4vw,67px);font-weight:600;letter-spacing:-.05em;line-height:1;margin:0;color:white}.intro-welcome h2 span{display:block}.welcome .intro-welcome{opacity:1;transform:translateY(0);transition-delay:.8s}
.intro-bottom{position:absolute;bottom:27px;left:5%;right:5%;display:flex;align-items:center;justify-content:space-between;z-index:5;font-size:11px;letter-spacing:2px}.intro-track{height:2px;width:100px;background:#ffffff33}.intro-track:after{content:'';display:block;width:100%;height:100%;background:white;transform-origin:left;transform:scaleX(var(--intro-progress,0))}
.intro-replay{background:none;border:0;font:inherit;color:#087a73;font-size:13px;cursor:pointer;text-decoration:underline;text-underline-offset:4px;margin-top:14px;padding:0}footer{padding-bottom:100px}
@media(max-width:650px){.intro-top{top:23px}.intro-wordmark{font-size:9px;letter-spacing:1.5px}.intro-skip{font-size:12px;padding:10px 12px}.intro-backdrop{top:18%;font-size:10vw;left:6%;right:6%}.intro-welcome{left:8%;top:19%;width:84%}.intro-welcome p{font-size:11px;margin-bottom:13px}.intro-welcome h2{font-size:10vw}.intro-bottom{font-size:9px;letter-spacing:1px;bottom:22px}.intro-track{width:65px}}
@media(prefers-reduced-motion:reduce){.intro-welcome{transform:none;transition:opacity .5s}.backup-props i{animation:none!important}}

.intro-backdrop{z-index:3}

body.intro-running > :not(.prestige-intro),body.intro-running > :not(.prestige-intro) *{animation-play-state:paused!important}
.backup-props{position:absolute;inset:36% 6% 12%;pointer-events:none}
.backup-props i{position:absolute;display:block;background-image:url('intro-supplies.png');background-size:200% 200%;width:17%;aspect-ratio:1;animation:backup-float 4s ease-in-out infinite alternate}
.backup-bottle{left:0;top:5%;background-position:0 0}.backup-soap{left:0;bottom:7%;background-position:100% 0;animation-delay:-1s!important}.backup-bucket{right:0;bottom:7%;background-position:0 100%;animation-delay:-2s!important}
.backup-props .backup-broom{left:42%;height:90%;width:20%;background-image:url('intro-tools.png');background-size:200% 100%;background-position:right center;transition:left 1s}
.intro-backup.welcome .backup-broom{left:65%}
@keyframes backup-float{from{transform:translateY(-6px) rotate(-5deg)}to{transform:translateY(6px) rotate(5deg)}}
@media(max-width:650px){.backup-props{top:40%}.backup-props .backup-broom{left:37%;width:28%}.intro-backup.welcome .backup-broom{left:37%}.intro-backup .intro-welcome{top:20%}}