.intro[data-mascot-section]{position:relative;overflow:hidden;overflow:clip;isolation:isolate}
.scroll-mascot{--mascot-reveal:0;position:absolute;right:-8px;top:28px;width:150px;height:200px;pointer-events:none;user-select:none;z-index:1;transform:translate3d(calc((1 - var(--mascot-reveal)) * 110%),0,0);opacity:var(--mascot-reveal);contain:layout style}
.scroll-mascot img{display:block;width:100%;height:100%;object-fit:contain;object-position:right top}
@media(min-width:901px){.intro[data-mascot-section]>div:nth-child(2){padding-right:100px}}
@media(max-width:900px){.intro[data-mascot-section]>div:first-child{padding-right:110px}.scroll-mascot{top:45px;width:112px;height:150px}}
@media(max-width:400px){.intro[data-mascot-section]>div:first-child{padding-right:82px}.scroll-mascot{width:88px;height:118px;top:65px}}
@media(prefers-reduced-motion:reduce){.scroll-mascot{transform:none}}

@media(min-width:901px){.scroll-mascot{top:42px;transform:translate3d(calc((1 - var(--mascot-reveal)) * 110%),var(--mascot-follow,0px),0)}}
@media(min-width:901px) and (prefers-reduced-motion:reduce){.scroll-mascot{transform:translateY(var(--mascot-follow,0px))}}