/* A short typographic introduction, not a download-progress indicator. */
#grove-intro{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;background-color:var(--intro-background,#c0532c);background-image:linear-gradient(var(--intro-background,#c0532c),var(--intro-background,#c0532c));pointer-events:none;animation:grove-intro-out .3s ease 1.15s forwards}.intro-wordmark{position:relative;width:min(64vw,330px)}.intro-wordmark img{display:block;width:100%;height:auto}.intro-wordmark-base{opacity:0}.intro-wordmark-fill{position:absolute;inset:0;clip-path:inset(0 100% 0 0);animation:grove-wordmark-fill .95s cubic-bezier(.4,0,.2,1) .08s forwards}#grove-intro.dismissed{display:none}@keyframes grove-wordmark-fill{to{clip-path:inset(0 0 0 0)}}@keyframes grove-intro-out{to{opacity:0;visibility:hidden;background-color:#fafaf7}}@media(prefers-reduced-motion:reduce){#grove-intro{display:none!important}}
/* Both colour layers follow the original wordmark mask; the image retains its layout. */
.intro-wordmark::before{content:"";position:absolute;inset:0;background:var(--intro-base-colour,#48180a)}
.intro-wordmark::before,span.intro-wordmark-fill{-webkit-mask:url('/assets/grove-wordmark.png') center/contain no-repeat;mask:url('/assets/grove-wordmark.png') center/contain no-repeat}
span.intro-wordmark-fill{display:block;background:var(--intro-colour,#88e2ea)}