/* Gloop takes the spotlight. The original sketchbook and planet stay together. */
.mascot-ribbon-home{scroll-margin-top:20px;margin-bottom:22px}.mascot-ribbon-home .mascot-stage{height:250px;background:linear-gradient(115deg,#eee5ff 35%,#e6f4f1 100%);border:2px solid #d9c9ed;border-radius:28px;overflow:hidden}.mascot-ribbon-home .mascot-heading{top:36px;left:34px;font:900 34px/1.1 'Trebuchet MS',Arial,sans-serif;text-align:left;letter-spacing:-1px;color:#3d304e}.mascot-heading strong{color:#7052b5}.mascot-kicker{display:block;font-size:10px;letter-spacing:1.6px;text-transform:uppercase;margin-bottom:15px}.mascot-ribbon-home .mascot-note{left:34px;bottom:36px;font-size:13px;color:#7052b5}.mascot-ribbon-home .mascot-track{inset:0 15% 0 45%}.mascot-ribbon-home .mascot-link{--home-gloop-width:min(270px,78%);width:var(--home-gloop-width);max-width:none;bottom:-4px;animation-name:gloop-home-roam}.mascot-ribbon-home .mascot-stage:before{left:43%;right:9%;bottom:21px;height:25px;background:#bde1cc}.mascot-ribbon-home .mascot-spark.one{left:43%;top:21%;font-size:24px}.mascot-ribbon-home .mascot-spark.two{right:12%;top:22%;font-size:23px}.mascot-ribbon-home .mascot-pause{right:18px;bottom:17px}.hero-inner{min-height:570px;padding-top:45px;padding-bottom:46px}.hero .intro{max-width:430px}.hero-actions{display:flex;align-items:center;gap:24px;flex-wrap:wrap}.gloop-jump{font-size:13px;font-weight:bold;color:#7052b5;text-underline-offset:5px}.hero .button{gap:18px}.hero h1{letter-spacing:-3.5px}.hero .tiny-note{margin-top:25px}.ticker-inner{letter-spacing:1.6px}.footer-inner a{text-underline-offset:4px;color:#7052b5}
@media(max-width:800px){.mascot-ribbon-home .mascot-stage{height:240px}.mascot-ribbon-home .mascot-heading{top:39px;left:24px;font-size:29px}.mascot-ribbon-home .mascot-note{left:24px;bottom:35px;max-width:170px;font-size:12px}.mascot-ribbon-home .mascot-track{inset:0 3% 0 46%}.mascot-ribbon-home .mascot-link{--home-gloop-width:min(250px,97%)}.mascot-ribbon-home .mascot-stage:before{left:43%;right:4%}.mascot-ribbon-home .mascot-spark.one{left:46%}.mascot-ribbon-home .mascot-spark.two{right:9%}.hero-inner{min-height:0;padding-top:38px;padding-bottom:30px}.hero .intro{max-width:520px}.hero-actions{gap:22px}.collage{margin-top:12px}}
@media(max-width:450px){.mascot-ribbon-home{margin-bottom:16px}.mascot-ribbon-home .mascot-stage{height:260px;border-radius:22px}.mascot-ribbon-home .mascot-heading{left:18px;top:25px;font-size:25px;max-width:170px}.mascot-kicker{font-size:9px;letter-spacing:1.1px;margin-bottom:12px}.mascot-ribbon-home .mascot-note{left:18px;bottom:24px;max-width:146px;font-size:11px;line-height:1.4}.mascot-ribbon-home .mascot-track{inset:33px 1% 30px 47%}.mascot-ribbon-home .mascot-link{--home-gloop-width:min(200px,100%);bottom:0}.mascot-ribbon-home .mascot-pause{bottom:14px;right:12px;font-size:10px}.mascot-ribbon-home .mascot-stage:before{left:44%;right:3%;bottom:53px;height:19px}.mascot-ribbon-home .mascot-spark.one{left:70%;top:11%;font-size:18px}.mascot-ribbon-home .mascot-spark.two{right:6%;top:22%;font-size:18px}.hero h1{font-size:56px}.hero-actions{align-items:flex-start;gap:20px}.hero .button{font-size:14px;padding:15px 18px}.hero .intro{font-size:17px}.ticker-inner{letter-spacing:1px}}
@keyframes gloop-home-roam{0%,70%,85%,100%{left:0}25%,45%{left:calc(100% - var(--home-gloop-width))}}
@media(prefers-reduced-motion:reduce){.mascot-ribbon-home .mascot-link{left:0}}