#home-view .home-mascot{position:fixed;right:var(--gutter,4vw);bottom:64px;z-index:3;width:clamp(150px,16vw,210px);aspect-ratio:1;background-image:url('/assets/branding/home-mascot-outfit-v1.png');background-size:400% 200%;background-repeat:no-repeat;background-position:0 0;image-rendering:pixelated;pointer-events:none;animation:home-mascot-frames 2.4s steps(1,end) infinite}
#home-view .home-mascot[data-action='portfolio']{background-position-x:33.333333%;animation-duration:1.2s}
#home-view .home-mascot[data-action='play']{background-position-x:66.666667%;animation-duration:.8s}
#home-view .home-mascot[data-action='personal']{background-position-x:100%;animation-duration:1.4s}
@keyframes home-mascot-frames{0%,49%{background-position-y:0}50%,100%{background-position-y:100%}}
@media(max-width:700px){#home-view .home-mascot{width:130px;right:8px;bottom:66px}#home-view .landing-areas{padding-right:70px}}
@media(max-height:550px){#home-view .home-mascot{width:100px;bottom:38px;right:12px}#home-view .landing-areas{padding-right:85px}}
@media(prefers-reduced-motion:reduce){#home-view .home-mascot{animation:none!important;background-position-y:0!important}}

#home-view .landing-areas button:hover{border-bottom-color:transparent!important;text-decoration:none!important}
#home-view .home-mascot[data-action='idle']{transform:translateX(-12%)}
#home-view .home-mascot[data-action='portfolio']{transform:translateX(-10%)}
#home-view .home-mascot[data-action='personal']{transform:translateX(10%)}