/* First mascot composition: keep the character inside the mobile hero. */
.hero-mascot{position:absolute;right:-8px;bottom:58px;width:79%;height:auto;pointer-events:none;z-index:0;filter:drop-shadow(0 22px 25px #0004)}
.hero-visual #wave{opacity:.35}
.story-float{top:48px;left:0;z-index:1;padding:18px 20px;transform:rotate(-3deg)}
.story-float p{font-size:14px}
.hero-listen{z-index:2;bottom:33px;right:15px}
@media(max-width:1000px){.hero-mascot{width:91%;bottom:60px;right:-10px}.story-float{padding:13px 15px}.story-float p{font-size:12px}}
@media(max-width:700px){.hero-visual{height:350px}.hero-mascot{width:260px;max-width:81%;right:-4px;bottom:49px}.story-float{top:33px;left:0;padding:12px 14px;max-width:62%;background:linear-gradient(125deg,#193a40ef,#102730ef)}.story-float p{font-size:11px;line-height:1.6}.hero-listen{bottom:0;left:0;right:auto}.hero-visual .visual-caption{font-size:6px}.story-author{font-size:7px}}