/* Approved Relay mascot, one distinct pose for each role. */
.mascot-piece{position:relative;isolation:isolate;width:100%;aspect-ratio:1;min-width:0}
.mascot-piece img{position:relative;z-index:1;display:block;width:100%;height:100%;object-fit:contain;max-width:none;transform:translateY(0)}
.mascot-ground{position:absolute;z-index:0;left:20%;bottom:4%;width:60%;height:7%;background:radial-gradient(ellipse,#79d5da25,transparent 70%);border-radius:50%}
.mascot-piece--welcome img{animation:mascot-welcome 7s cubic-bezier(.45,0,.55,1) infinite}
.mascot-piece--courier img{animation:mascot-courier 7s cubic-bezier(.45,0,.55,1) infinite}
.mascot-piece--library img{animation:mascot-reading 9s cubic-bezier(.45,0,.55,1) infinite}
.mascot-piece--mentor img{animation:mascot-explain 9s cubic-bezier(.45,0,.55,1) infinite}
.mascot-piece--research img{animation:mascot-research 10s cubic-bezier(.45,0,.55,1) infinite}
@keyframes mascot-welcome{0%,100%{transform:translateY(3px)}50%{transform:translateY(-5px)}}
@keyframes mascot-courier{0%,100%{transform:translate(-7px,5px)}50%{transform:translate(7px,-7px)}}
@keyframes mascot-reading{0%,100%{transform:translateY(1px)}50%{transform:translateY(-2px)}}
@keyframes mascot-explain{0%,100%{transform:translateY(0)}50%{transform:translateY(-2px)}}
@keyframes mascot-research{0%,100%{transform:translateY(1px)}50%{transform:translateY(-1px)}}
[data-visual-paused=true] .mascot-piece img,.mascot-piece.visual-offscreen img{animation-play-state:paused!important}
.home-mascot-hero .mascot-hero-art{display:grid;place-items:center;min-width:0;min-height:0;align-self:center;background:transparent;overflow:visible}
.home-mascot-hero .mascot-hero-art>.mascot-piece{width:min(100%,calc(100svh - 190px));justify-self:end}
.guides-mascot{min-width:0;display:grid;place-items:center}
main>.mascot-library-hero{height:auto!important;min-height:100svh}
.guides-mascot>.mascot-piece{width:min(100%,calc(100svh - 220px))}
.article-emblem>.mascot-piece{height:250px;aspect-ratio:auto}
.relay-bot-promo .mascot-piece--courier{width:100%;aspect-ratio:1}
@media(max-width:1023px){
 main>.home-mascot-hero{height:auto!important;min-height:100svh;padding-top:calc(var(--nav) + 40px);padding-bottom:40px}
 .home-mascot-hero .hero__grid{grid-template-columns:1fr;height:auto;gap:24px}
 .home-mascot-hero .hero__grid>.hero__text,.home-mascot-hero .hero__grid>.mascot-hero-art{grid-column:1/-1}
 .home-mascot-hero .mascot-hero-art>.mascot-piece{width:min(100%,420px);justify-self:center}
 .guides-mascot>.mascot-piece{width:min(100%,460px)}
}
@media(max-width:767px){.article-emblem>.mascot-piece{height:200px;aspect-ratio:auto}.article-emblem>.mascot-piece img{width:100%;height:100%}}
@media(max-width:639px){
 main>.home-mascot-hero{padding-top:88px;padding-bottom:32px}
 .home-mascot-hero .hero__grid{gap:16px}
 .home-mascot-hero .mascot-hero-art>.mascot-piece{width:min(100%,280px)}
 .guides-mascot>.mascot-piece{width:min(100%,310px)}
 .mascot-piece--courier img{animation-duration:8s}
}
@media(prefers-reduced-motion:reduce){.mascot-piece img{animation:none!important;transform:none}}
@media print{.mascot-piece{display:none}}