.kb-mascot{vertical-align:middle;isolation:isolate;background:#f7f4ec;border-radius:28%;flex-shrink:0;display:inline-block;overflow:hidden}.kb-mascot img{object-fit:cover;width:100%;height:100%;display:block}.kb-mascot-welcome{animation:1.6s ease-in-out 2 kb-mascot-welcome}.mk .kb-mascot-finale,.mk .mk-auth-aside{background:#203e63}.kb-mascot-hero{align-items:center;gap:1.5rem;display:grid}.kb-mascot-scene{aspect-ratio:1/1.08;isolation:isolate;color:#23446b;background:#f7f4ec;border:1px solid #e5dfd2;border-radius:48% 48% 1.75rem 1.75rem;width:100%;max-width:440px;margin-inline:auto;position:relative}.kb-mascot-orbit{z-index:-1;border:1px dashed #23446b30;border-radius:50%;position:absolute;inset:8% 5% 18%}.kb-mascot-greet{cursor:pointer;border-radius:50% 50% 24% 24%;width:77%;margin:19% auto 0;animation:4.5s ease-in-out infinite kb-mascot-float;display:block}.kb-mascot-greet>span{display:block}.kb-mascot-greet:focus-visible{outline-offset:5px;outline:3px solid #23446b}.kb-mascot-portrait{aspect-ratio:1;border-radius:50% 50% 24% 24%;width:100%;display:block}.kb-mascot-bubble,.kb-mascot-task{z-index:1;background:#fffdf8;border:1px solid #23446b19;border-radius:1rem;align-items:center;gap:.5rem;padding:.75rem 1rem;font-size:13px;font-weight:600;display:flex;position:absolute;box-shadow:0 6px 20px #23446b08}.kb-mascot-bubble{border-bottom-left-radius:.2rem;top:9%;left:8%;transform:rotate(-4deg)}.kb-mascot-task{color:#fff1d7;background:#23446b;bottom:15%;right:4%;transform:rotate(3deg)}.kb-mascot-caption{justify-content:space-between;align-items:center;gap:.5rem;font-size:13px;display:flex;position:absolute;bottom:1rem;left:1.5rem;right:1.5rem}.kb-mascot-motion{border:1px solid #23446b30;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.kb-mascot-motion:hover{background:#23446b10}.kb-mascot-spark{color:#23446b;position:absolute}.kb-mascot-spark-one{top:17%;right:9%;transform:rotate(12deg)}.kb-mascot-spark-two{font-size:32px;bottom:21%;left:5%}.kb-mascot-wave{transform-origin:50% 90%;animation:.85s ease-in-out kb-mascot-wave}.kb-mascot-scene[data-moving=false] .kb-mascot-greet{animation-play-state:paused}@keyframes kb-mascot-float{0%,to{transform:translateY(0)rotate(-1deg)}50%{transform:translateY(-9px)rotate(1deg)}}@keyframes kb-mascot-welcome{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)rotate(2deg)}}@keyframes kb-mascot-wave{0%,to{transform:rotate(0)}25%{transform:rotate(-8deg)}65%{transform:rotate(7deg)translateY(-5px)}}@media (width>=1024px){.kb-mascot-hero{grid-template-columns:1.25fr 1fr;grid-template-areas:"intro scene""copy scene";gap:1.5rem 3.5rem}.kb-mascot-intro{grid-area:intro;align-self:end}.kb-mascot-copy{grid-area:copy;align-self:start}.kb-mascot-scene{grid-area:scene}.mk .kb-mascot-hero h1{font-size:clamp(2.7rem,4.2vw,3.75rem)}}@media (width<=639px){.kb-mascot-scene{max-width:280px}.kb-mascot-greet{width:70%;margin-top:17%}.kb-mascot-caption{font-size:12px}.kb-mascot-bubble,.kb-mascot-task{padding:.6rem .75rem;font-size:12px}.mk .mk-nav .wordmark{gap:.375rem;font-size:1rem}.mk .mk-nav .wordmark .kb-mascot{width:26px;height:26px}}@media (prefers-reduced-motion:reduce){.kb-mascot-welcome,.kb-mascot-greet,.kb-mascot-wave{animation:none!important;transform:none!important}.kb-mascot-motion{display:none}}