.intro{place-items:center;display:grid;position:relative}.intro-word{aspect-ratio:728/196;width:min(84vw,44rem);position:relative;container-type:inline-size}.intro-pour{background:var(--intro-empty,#1a16121f);position:absolute;inset:0;overflow:hidden;-webkit-mask:url(/wordmark.png) 50%/contain no-repeat;mask:url(/wordmark.png) 50%/contain no-repeat}.intro-sub{font:900 7cqi/1 var(--display);font-variation-settings:"SOFT" 100, "WONK" 1;letter-spacing:-.01em;white-space:nowrap;color:#0000;background:linear-gradient(to top, var(--lemon-flesh) 50%, var(--intro-empty,#1a16121f) 50%) 0 0 / 100% 200%;-webkit-background-clip:text;background-clip:text;padding:.05em .05em .3em;animation:.6s linear 1s forwards intro-sub;position:absolute;top:86.5%;left:15.9%;translate:-50% -50%}@keyframes intro-sub{to{background-position:0 100%}}.intro-fill{background:var(--lemon-flesh);height:0;animation:3.6s cubic-bezier(.4,0,.4,1) .3s forwards intro-fill;position:absolute;inset:auto 0 0}.intro-wave{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 12' preserveAspectRatio='none'%3E%3Cpath d='M0 6 Q15 0 30 6 T60 6 T90 6 T120 6 V12 H0Z' fill='%23fbe08a'/%3E%3C/svg%3E") 0 0/50% 100% repeat-x;width:200%;height:.9rem;animation:.9s linear infinite intro-wave;position:absolute;bottom:calc(100% - 1px);left:0}.intro-bubble{bottom:0;left:var(--x);opacity:0;width:.35rem;height:.35rem;animation:intro-bubble 1.4s var(--d) ease-in 2;background:#fffc;border-radius:50%;position:absolute}@keyframes intro-fill{to{height:100%}}@keyframes intro-wave{to{transform:translate(-50%)}}@keyframes intro-bubble{0%{opacity:0;transform:translateY(0)}30%{opacity:1}to{opacity:0;transform:translateY(-6rem)}}@media (prefers-reduced-motion:reduce){.intro-fill{height:100%}.intro-sub{background-position:0 100%}}.intro-skip body{opacity:0}.intro-skip.intro-settled body{opacity:1;transition:opacity .2s}