/* v3: a layered pop cluster in the yellow-dot corner and a clear YouTube-red CTA. */
.hero .button-ink{background:#e00000;color:#fff;border-color:#fff;box-shadow:7px 7px 0 var(--yellow)}
.hero .button-ink .play-icon{background:#fff}
.hero .button-ink .play-icon:after{border-left-color:#e00000}
.hero .button-ink:hover{background:#c90000;box-shadow:3px 3px 0 var(--yellow)}
.hero .button-ink:hover .play-icon:after{border-left-color:#c90000}
.hero-sticker-spark{display:none}
.hero-pop-cluster{position:absolute;top:6px;right:3%;width:240px;height:84px;z-index:6;pointer-events:none;isolation:isolate}
.hero-pop-cluster>*{position:absolute;pointer-events:none;transform-origin:center}
.cluster-burst{left:0;top:0;width:49px;height:49px;rotate:-12deg;z-index:2;filter:drop-shadow(3px 3px 0 #172a31)}
.cluster-cloud{left:61px;top:4px;width:75px;height:40px;display:flex;align-items:center;justify-content:center;font-family:var(--pop-font);font-size:13px;background:var(--cream);border:2px solid var(--ink);border-radius:45% 45% 45% 6%;rotate:10deg;box-shadow:3px 3px 0 var(--teal);z-index:4}
.cluster-cloud:after{content:'';position:absolute;bottom:-6px;left:12px;width:10px;height:10px;background:var(--cream);border-right:2px solid var(--ink);border-bottom:2px solid var(--ink);transform:skewY(-25deg);z-index:-1}
.cluster-flower{left:147px;top:1px;width:56px;height:56px;z-index:3}
.cluster-heart{left:195px;top:34px;width:38px;height:38px;rotate:13deg;filter:drop-shadow(2px 3px 0 var(--cream));z-index:4}
.cluster-ticket{left:105px;top:51px;width:63px;height:27px;display:flex;align-items:center;justify-content:center;font-family:var(--pop-font);font-size:15px;letter-spacing:.03em;background:var(--yellow);border:2px solid var(--ink);border-radius:4px;box-shadow:3px 3px 0 var(--pink);rotate:-12deg;z-index:5}
.cluster-confetti{left:46px;top:51px;display:flex;gap:7px;rotate:-16deg}
.cluster-confetti i{width:6px;height:14px;display:block;background:var(--cream);border:1px solid var(--ink);border-radius:2px}
.cluster-confetti i:nth-child(2){background:var(--teal);rotate:20deg;height:10px}.cluster-confetti i:nth-child(3){background:var(--yellow);rotate:-12deg;height:12px}
@keyframes clusterStar{0%,56%,100%{translate:0 0;rotate:-12deg}66%{translate:1px -7px;rotate:6deg}78%{translate:0 2px;rotate:-18deg}89%{translate:0 0;rotate:-12deg}}
@keyframes clusterCloud{0%,57%,100%{translate:0 0}65%{translate:0 -5px}73%{translate:0 2px}83%{translate:0 0}}
@keyframes clusterHeart{0%,100%{translate:0 0;rotate:13deg}50%{translate:-3px -7px;rotate:2deg}}
@keyframes clusterTicket{0%,64%,100%{rotate:-12deg}74%{rotate:-4deg}84%{rotate:-17deg}92%{rotate:-12deg}}
@keyframes clusterConfetti{0%,100%{translate:0 0}50%{translate:3px -4px}}
.motion-on .cluster-burst{animation:clusterStar 6.4s .4s ease-in-out infinite}
.motion-on .cluster-cloud{animation:clusterCloud 7.2s 1.1s ease-in-out infinite}
.motion-on .cluster-flower{animation:spin 24s linear infinite reverse}
.motion-on .cluster-heart{animation:clusterHeart 5.3s .8s ease-in-out infinite}
.motion-on .cluster-ticket{animation:clusterTicket 8.2s 2s ease-in-out infinite}
.motion-on .cluster-confetti{animation:clusterConfetti 6s 1.7s ease-in-out infinite}
@media(max-width:700px){
 .hero-pop-cluster{top:22px;right:12px;width:108px;height:225px}
 .cluster-burst{left:auto;right:47px;top:0;width:45px;height:45px}
 .cluster-cloud{left:auto;right:4px;top:29px;width:68px;height:38px;font-size:12px}
 .cluster-flower{left:auto;right:10px;top:87px;width:56px;height:56px}
 .cluster-heart{left:auto;right:0;top:141px;width:43px;height:43px}
 .cluster-ticket{left:auto;right:29px;top:177px;width:63px;height:27px;font-size:15px}
 .cluster-confetti{left:0;top:45px;gap:5px}.cluster-confetti i{width:5px;height:11px}
 .hero .button-ink{box-shadow:4px 5px 0 var(--yellow)}
}
/* Larger comic masses organize the extra density around each section's focal content. */
.hero-copy h1{position:relative;isolation:isolate;width:max-content;max-width:100%}
.hero-copy h1:before{content:'';position:absolute;inset:-25px -32px -25px -28px;background:url('assets/pop-impact.svg') center/100% 100% no-repeat;z-index:-1;rotate:-2deg;filter:drop-shadow(5px 6px 0 #fffbea)}
.hero-copy .eyebrow{position:relative;z-index:3}.hero-description{position:relative;z-index:3}
.hero .hero-grid{background-size:26px 26px}.hero .hero-disc{border-width:4px}
.section{isolation:isolate}.story-impact,.cast-burst,.play-impact,.follow-impact{position:absolute;pointer-events:none;z-index:-1}
.story-impact{inset:0;background:repeating-conic-gradient(from 5deg at 82% 24%,transparent 0 10deg,#ff765426 10deg 11deg,transparent 11deg 24deg,#172a3109 24deg 25deg);mask-image:radial-gradient(ellipse at 80% 24%,transparent 0 120px,#000 340px)}
.story:after{content:'';position:absolute;width:240px;height:180px;right:-65px;top:10px;background-image:radial-gradient(var(--pink) 2.2px,transparent 2.7px);background-size:10px 10px;rotate:-18deg;clip-path:polygon(20% 0,100% 12%,90% 100%,0 85%);z-index:-1}
.story .section-heading h2{rotate:-2deg}.story h2 em{border-width:3px;box-shadow:7px 7px 0 var(--pink)}
.comic-grid{gap:20px}.comic-first{overflow:visible}.comic-first .comic-art{bottom:0;right:-5px;width:330px;z-index:2}.comic-first h3,.comic-first .bubble{z-index:4}.comic-first .bubble{border-width:3px;box-shadow:4px 4px 0 var(--pink)}
.comic-second,.comic-third{overflow:visible}.comic-second .panel-friend,.comic-third .panel-friend{bottom:0;right:-9px;z-index:2}.comic-panel h3,.comic-panel p,.comic-panel .panel-no{position:relative;z-index:4}.comic-first h3{position:absolute}
.comic-second:before{content:'';position:absolute;inset:0;border-radius:inherit;background:repeating-conic-gradient(from -10deg at 82% 65%,transparent 0 16deg,#fffbea75 16deg 18deg);z-index:0;pointer-events:none}
.comic-third:before{content:'';position:absolute;inset:0;border-radius:inherit;background-image:radial-gradient(#fffbea85 1.6px,transparent 2px);background-size:12px 12px;mask-image:linear-gradient(125deg,transparent 25%,#000 100%);pointer-events:none}
.comic-panel .panel-no{background:var(--cream);padding:3px 7px;border:1px solid var(--ink);rotate:-4deg;display:inline-block}.story-signoff{position:relative;z-index:4}.story-signoff:before,.story-signoff:after{content:'✦';font-family:var(--pop-font);font-size:43px;color:var(--teal);-webkit-text-stroke:1px var(--ink);vertical-align:middle;margin:0 12px}
.cast-burst{top:210px;bottom:30px;left:-10%;right:-10%;background:repeating-conic-gradient(from 10deg at 50% 42%,transparent 0 15deg,#fffbea85 15deg 17deg,transparent 17deg 31deg);mask-image:radial-gradient(ellipse,transparent 0 120px,#000 290px)}
.characters h2 em{border-width:3px;box-shadow:7px 7px 0 var(--teal)}
.cast-wall{padding-top:24px}.cast-card .portrait{translate:0 -14px;margin-bottom:-14px;border-radius:0}.cast-card{border-radius:48px 48px 12px 12px}.cast-card:nth-child(even){box-shadow:5px 6px 0 var(--pink)}.cast-label{background:var(--cream)}.cast-status{z-index:5;top:-3px}.cast-card:before{color:#fff9}.cast-instruction{border-width:3px;box-shadow:5px 5px 0 var(--pink)}
.ticker{border-block:3px solid var(--ink)}.ticker-coral{background-image:repeating-linear-gradient(135deg,transparent 0 24px,#fffbea50 24px 27px)}.section-bridge{border-top-width:4px;border-bottom-width:4px;box-shadow:0 7px 0 var(--pink)}.section-bridge:after{content:'';position:absolute;left:0;right:0;bottom:0;height:9px;background:linear-gradient(135deg,transparent 50%,var(--ink) 50%) 0 0/18px 18px,linear-gradient(225deg,transparent 50%,var(--ink) 50%) 0 0/18px 18px;pointer-events:none}
.play-impact{inset:0;background:repeating-conic-gradient(from 0deg at 72% 25%,transparent 0 18deg,#fffbea80 18deg 19deg);mask-image:radial-gradient(ellipse at 72% 25%,transparent 0 160px,#000 390px)}.episodes:after{content:'';position:absolute;right:-30px;top:35px;width:230px;height:230px;background:radial-gradient(#00b2a1a6 2px,transparent 2.7px) 0 0/11px 11px;clip-path:polygon(50% 0,63% 27%,95% 10%,79% 42%,100% 60%,70% 69%,83% 100%,50% 80%,25% 100%,29% 68%,0 59%,23% 38%,7% 10%,39% 26%);z-index:-1;rotate:12deg}.episode-grid{position:relative;z-index:2}.episode-card{overflow:visible;border-width:3px;box-shadow:8px 9px 0 var(--teal)}.episode-card:nth-child(2){box-shadow:8px 9px 0 var(--pink)}.episode-thumb{border-radius:3px 3px 0 0}.episode-meta{background:var(--cream);border-radius:0 0 3px 3px}.episode-play{box-shadow:5px 5px 0 var(--pink)}.latest-label{border-width:3px;box-shadow:3px 3px 0 var(--ink);rotate:-3deg}.episode-sticker{border-radius:42% 46% 3% 46%;box-shadow:6px 6px 0 var(--yellow)}.shorts-link{position:relative;z-index:2;background-image:linear-gradient(110deg,transparent 80%,#ffdf42 80%)}
.follow-impact{inset:0;background:repeating-conic-gradient(from 0deg at 50% 38%,transparent 0 19deg,#fffbea80 19deg 20deg);mask-image:radial-gradient(ellipse at 50% 38%,transparent 0 170px,#000 380px)}.follow h2{display:inline-block;isolation:isolate}.follow h2:before{content:'';position:absolute;inset:-13px -26px;background:var(--cream);clip-path:polygon(3% 10%,15% 15%,13% 0,35% 10%,50% 0,59% 9%,82% 0,83% 13%,99% 8%,93% 38%,100% 55%,92% 72%,97% 96%,75% 89%,62% 100%,49% 92%,25% 100%,26% 87%,2% 93%,7% 66%,0 43%,6% 28%);z-index:-1;rotate:-2deg}.follow h2 em{box-shadow:5px 5px 0 var(--pink)}.follow-friend{z-index:1;left:-25px;top:25px;rotate:-9deg}.follow-star{z-index:0;opacity:.9}.social-grid a{border-radius:5px;rotate:-3deg}.social-grid a:nth-child(2){rotate:3deg}.social-grid a:nth-child(3){rotate:-2deg}.follow-sticker{background:var(--pink);border-width:3px;box-shadow:4px 4px 0 var(--yellow)}
@keyframes comicBurstShift{0%,100%{rotate:-2deg}50%{rotate:0deg}}
.motion-on .story.in-view .story-signoff:before{animation:tilt 7s ease-in-out infinite}.motion-on .story.in-view .story-signoff:after{animation:tilt 9s 1s ease-in-out infinite reverse}
@media(max-width:700px){
 .hero-copy h1:before{inset:-15px -19px -17px -19px;filter:drop-shadow(3px 4px 0 #fffbea)}.hero-copy .eyebrow{margin-bottom:20px}.hero-description{margin-top:20px}.hero .button{top:201px}
 .story-impact{background:repeating-conic-gradient(from 5deg at 76% 36%,transparent 0 13deg,#ff76542b 13deg 14deg,transparent 14deg 26deg,#172a3110 26deg 27deg);mask-image:radial-gradient(ellipse at 76% 36%,transparent 0 85px,#000 200px)}.story:after{width:165px;height:155px;right:-33px;top:-5px}.story .section-heading h2{rotate:-2deg}.story h2 em{box-shadow:5px 5px 0 var(--pink)}
 .comic-grid{gap:25px;margin-top:31px}.comic-first .comic-art{width:255px;bottom:0;right:-8px}.comic-first .bubble{border-width:2px}.comic-first h3{font-size:19px;max-width:65%;bottom:12px}.comic-second .panel-friend,.comic-third .panel-friend{right:-8px;bottom:0}.comic-second .panel-friend{width:174px}.comic-third .panel-friend{width:178px}.comic-panel .panel-no{font-size:8px;padding:3px 5px}.comic-second h3{margin-top:31px}.comic-third h3{margin-top:23px}.comic-panel p:not(.bubble){font-size:11px;max-width:92%;line-height:1.7}.story-signoff{font-size:17px;margin-top:24px;white-space:nowrap}.story-signoff:before,.story-signoff:after{font-size:23px;margin:0 3px}.story-signoff i{display:none}.story-signoff span{padding:3px 5px}
 .cast-burst{top:170px;bottom:50px;left:-30%;right:-30%;mask-image:radial-gradient(ellipse,transparent 0 70px,#000 200px)}.cast-wall{padding-top:22px;gap:15px 6px}.cast-card{border-radius:29px 29px 9px 9px}.cast-card .portrait{translate:0 -12px;margin-bottom:-12px;border-radius:0}.cast-card:nth-child(even){box-shadow:3px 4px 0 var(--pink)}.cast-status{top:-4px}.cast-instruction{border-width:2px}.characters h2 em{box-shadow:5px 5px 0 var(--teal)}
 .cast-wall:not(:has(.cast-card[hidden])):before,.cast-wall:not(:has(.cast-card[hidden])):after{position:absolute;bottom:47px;width:27%;font-family:var(--pop-font);font-size:14px;line-height:1.5;text-align:center;white-space:pre-line;z-index:2;pointer-events:none;border:2px solid var(--ink);padding:12px 3px;border-radius:48% 45% 44% 4%;box-shadow:3px 4px 0 var(--teal)}.cast-wall:not(:has(.cast-card[hidden])):before{content:'クセつよ♡';left:1%;background:var(--pink);rotate:-12deg}.cast-wall:not(:has(.cast-card[hidden])):after{content:'みつけよ！';right:1%;background:var(--cream);rotate:11deg;border-radius:45% 48% 4% 44%;box-shadow:3px 4px 0 var(--pink)}
 .episodes:after{width:170px;height:185px;right:-23px;top:17px}.play-impact{background:repeating-conic-gradient(from 0deg at 65% 33%,transparent 0 18deg,#fffbea99 18deg 19deg);mask-image:radial-gradient(ellipse at 65% 33%,transparent 0 70px,#000 250px)}.episode-card{box-shadow:6px 7px 0 var(--teal)}.episode-card:nth-child(2){box-shadow:6px 7px 0 var(--pink)}.episode-sticker{box-shadow:4px 4px 0 var(--yellow)}.latest-label{border-width:2px}.shorts-link{background-image:linear-gradient(110deg,transparent 78%,#ffdf42 78%)}
 .follow-impact{background:repeating-conic-gradient(from 0deg at 50% 25%,transparent 0 19deg,#fffbea99 19deg 20deg);mask-image:radial-gradient(ellipse at 50% 25%,transparent 0 60px,#000 230px)}.follow h2{font-size:25px;line-height:1.5;margin-top:17px}.follow h2:before{inset:-13px -17px}.follow-friend{left:-53px;top:16px;z-index:1;width:145px;opacity:1}.follow h2,.follow-copy{z-index:3}.follow-copy{margin-top:9px}.follow-sticker{border-width:2px}.follow .button{box-shadow:6px 6px 0 var(--yellow)}
}
@media(max-width:360px){.story-signoff{font-size:15px}.cast-wall:not(:has(.cast-card[hidden])):before,.cast-wall:not(:has(.cast-card[hidden])):after{font-size:11px}.follow h2{font-size:23px}}
/* Borders and opaque artwork remain intact after entrances. No fading mask on Ruby. */
@keyframes popLetter{0%{opacity:0;translate:0 85px;rotate:9deg;clip-path:none}64%{opacity:1;translate:0 -12px;rotate:-3deg}83%{translate:0 4px;rotate:1deg}100%{opacity:1;translate:0 0;rotate:0deg;clip-path:none}}
@keyframes reveal{from{opacity:0;translate:0 90px;clip-path:none}to{opacity:1;translate:0 0;clip-path:none}}
@keyframes panelSweep{0%{opacity:0;translate:-90px 28px;rotate:-9deg}75%{opacity:1;translate:6px -4px;rotate:1deg}100%{opacity:1;translate:0 0;rotate:0deg}}
@keyframes panelCounter{0%{opacity:0;translate:90px 25px;rotate:9deg}75%{opacity:1;translate:-6px -3px;rotate:-1deg}100%{opacity:1;translate:0 0;rotate:0deg}}
@keyframes followWaveIn{0%{opacity:0;translate:100px 60px;rotate:18deg}75%{opacity:1;translate:-8px -6px;rotate:-4deg}100%{opacity:1;translate:0 0;rotate:0deg}}
.motion-on .comic-first.reveal.is-visible{animation:panelSweep 1s both}.motion-on .comic-second.reveal.is-visible{animation:panelCounter 1.05s .1s both}.motion-on .comic-third.reveal.is-visible{animation:panelSweep 1s .15s both}.motion-on .episode-card.reveal.is-visible{animation:panelCounter 1s both}.motion-on .follow.in-view .follow-friend{animation:followWaveIn 1.1s both}
.follow-friend{mask-image:none;opacity:1}.section-intro{transform:none;rotate:0deg;border-radius:20px 20px 5px 20px}.section-heading{overflow:visible}.reveal{clip-path:none}.follow .follow-copy{background:#fffbeaee;border:2px solid var(--ink);border-radius:12px;padding:9px 12px;display:table;margin-inline:auto}
.ruby-acting{background-image:url('assets/ruby-acting-v3.webp');background-size:300% 100%;background-position:calc(var(--pose)*50%) center;background-repeat:no-repeat;aspect-ratio:1/2;opacity:1;mask-image:none}
.scene-character-window{position:absolute;inset:-24px -7px 0 0;overflow:hidden;pointer-events:none;border-radius:0 0 18px 0;z-index:2}
.scene-character{position:absolute;width:260px;height:520px;right:-13px;top:0;background-repeat:no-repeat;opacity:1;mask-image:none}
.riko-acting{background-image:url('assets/hero-cutouts-v2.webp');background-size:300% 100%;background-position:100% center}
.comic-first .scene-character{right:-24px;top:10px}.comic-third .scene-character{right:-47px;top:20px;width:230px;height:460px}
.comic-panel h3,.comic-panel p:not(.bubble){max-width:68%}.comic-first h3{max-width:67%}.comic-third h3{max-width:68%}.comic-panel p:not(.bubble){background:var(--cream);border:1px solid var(--ink);box-shadow:2px 2px 0 var(--ink)}
.follow-friend.ruby-acting{width:260px;height:520px;left:auto;right:1%;top:-5px;rotate:5deg;z-index:2;opacity:1;mask-image:none}.follow h2{margin-right:100px}.follow .follow-copy{position:relative;z-index:3}.follow .button,.follow .social-grid{z-index:4}.follow-sticker{right:3%;top:300px;z-index:5}
.comic-scene-nav,.comic-scene-label{display:none}
.story.is-comic-scene{overflow:clip;padding-bottom:40px;background-color:#fff6c9}
.is-comic-scene .comic-scroll-track{position:relative;height:2100px;margin-top:20px}
.is-comic-scene .comic-stage{position:sticky;top:18px;height:min(78svh,690px);min-height:520px;display:block;margin:0;perspective:1100px;overflow:visible;isolation:isolate}
.is-comic-scene .comic-stage:before{content:'';position:absolute;inset:32px -9% 75px;z-index:-1;background:repeating-conic-gradient(from -4deg at 50% 50%,var(--scene-tone,var(--mint)) 0 17deg,#fffbea 17deg 19deg);clip-path:polygon(0 5%,88% 0,100% 14%,96% 86%,17% 100%,0 87%);border-radius:30px;box-shadow:0 0 0 3px var(--ink);transition:background-color .2s}
.is-comic-scene .comic-panel{position:absolute;left:27%;top:68px;width:46%;height:440px;min-height:0;margin:0;padding:22px;transform-origin:50% 65%;will-change:transform;animation:none!important;opacity:1;clip-path:none;border:4px solid var(--ink);border-radius:6px 28px 8px 25px;box-shadow:10px 11px 0 var(--ink)}
.is-comic-scene .comic-first{transform:rotate(-3deg)}.is-comic-scene .comic-second{transform:translateX(122%) rotate(16deg)}.is-comic-scene .comic-third{transform:translateX(-130%) rotate(-18deg)}
.is-comic-scene .scene-character-window{inset:-45px -10px 0 0}.is-comic-scene .scene-character{width:390px;height:780px;right:-50px;top:0}.is-comic-scene .comic-third .scene-character{right:-55px;top:5px}
.is-comic-scene .comic-panel .panel-no{font-size:11px;border:2px solid var(--ink);padding:5px 10px;background:var(--cream);box-shadow:3px 3px 0 var(--pink);z-index:6}
.is-comic-scene .comic-first .bubble{font-size:19px;left:15px;top:85px;padding:20px 25px;z-index:6;rotate:-7deg}.is-comic-scene .comic-first h3{font-size:28px;left:22px;bottom:25px;max-width:62%;padding:5px 9px;background:var(--cream);border:2px solid var(--ink);box-shadow:4px 4px 0 var(--pink)}
.is-comic-scene .comic-second h3{font-size:34px;margin-top:85px;max-width:70%;text-shadow:3px 3px 0 var(--cream)}.is-comic-scene .comic-third h3{font-size:32px;margin-top:75px;max-width:60%;text-shadow:2px 2px 0 var(--cream)}.is-comic-scene .comic-panel p:not(.bubble){font-size:13px;line-height:1.8;max-width:74%;margin-top:20px;padding:8px 12px;z-index:6}.is-comic-scene .mini-stamp{right:18px;bottom:20px;font-size:22px;z-index:6}.is-comic-scene .reverse-arrow{font-size:180px;top:20px;right:22px}.is-comic-scene .heart-doodle{font-size:230px;top:20px;right:0}
.is-comic-scene .comic-scene-label{display:flex;position:absolute;top:0;left:0;right:0;align-items:center;justify-content:space-between;gap:10px;z-index:8;font-size:11px;padding:9px 16px;background:var(--ink);color:var(--cream);border:2px solid var(--ink);rotate:-1deg;box-shadow:5px 5px 0 var(--pink);font-family:var(--pop-font)}.comic-scene-label:after{content:'';position:absolute;left:0;bottom:-5px;height:4px;width:calc(var(--progress,0)*100%);background:var(--teal)}
.is-comic-scene .comic-scene-nav{display:flex;position:absolute;bottom:10px;left:0;right:0;z-index:10;justify-content:center;gap:12px}.comic-scene-nav button{min-height:46px;background:var(--cream);border:3px solid var(--ink);padding:10px 18px;border-radius:30px;box-shadow:4px 4px 0 var(--ink);font-family:var(--pop-font);font-size:13px}.comic-scene-nav button.active{background:var(--pink);rotate:-3deg;box-shadow:4px 4px 0 var(--teal)}
@keyframes heroLeft{0%{opacity:0;translate:-170px 80px;rotate:-20deg}74%{opacity:1;translate:8px -5px;rotate:2deg}100%{opacity:1;translate:0 0;rotate:0deg}}
@keyframes heroRight{0%{opacity:0;translate:170px 90px;rotate:23deg}74%{opacity:1;translate:-8px -5px;rotate:-2deg}100%{opacity:1;translate:0 0;rotate:0deg}}
@keyframes heroCenter{0%{opacity:0;translate:0 200px;rotate:9deg}75%{opacity:1;translate:0 -10px;rotate:-2deg}100%{opacity:1;translate:0 0;rotate:0deg}}
.motion-on .hero-ruby{animation:heroCenter 1.1s .3s both var(--ease),drift 6s 1.5s infinite ease-in-out}.motion-on .hero-nene{animation:heroLeft 1.05s .35s both var(--ease),tilt 8s 1.5s infinite ease-in-out}.motion-on .hero-riko{animation:heroRight 1.05s .45s both var(--ease),tilt 7s 1.6s infinite ease-in-out reverse}
@media(max-width:700px){
 .scene-character{width:240px;height:480px;right:-35px;top:-5px}.comic-first .scene-character{right:-28px;top:0}.comic-third .scene-character{width:215px;height:430px;right:-46px;top:10px}.scene-character-window{inset:-20px -5px 0 0}.comic-panel p:not(.bubble){max-width:78%}
 .follow{padding-top:37px}.follow-friend.ruby-acting{width:170px;height:340px;right:-25px;left:auto;top:8px;rotate:0;z-index:2}.follow h2{font-size:23px;text-align:left;display:block;width:245px;margin:19px 0 20px 0;line-height:1.55}.follow h2:before{inset:-14px -6px -13px -9px}.follow h2 em{padding-inline:5px}.follow .eyebrow{text-align:left;font-size:9px}.follow .follow-copy{margin-top:20px;margin-bottom:18px;font-size:10px;line-height:1.8;width:100%;text-align:center}.follow-sticker{top:300px;right:3%}
 .is-comic-scene .comic-scroll-track{height:1900px;margin-top:12px}.is-comic-scene .comic-stage{height:calc(100svh - 38px);max-height:650px;min-height:510px;top:16px}.is-comic-scene .comic-panel{left:3%;top:80px;width:94%;height:405px;padding:16px;border-width:3px;box-shadow:7px 8px 0 var(--ink);border-radius:5px 24px 7px 22px}.is-comic-scene .comic-stage:before{inset:28px -14px 63px;border-radius:18px;clip-path:polygon(0 7%,91% 0,100% 16%,96% 86%,15% 100%,0 88%)}.is-comic-scene .scene-character-window{inset:-33px -6px 0 0}.is-comic-scene .scene-character{width:302px;height:604px;right:-45px;top:0}.is-comic-scene .comic-third .scene-character{right:-51px;top:0}.is-comic-scene .comic-panel .panel-no{font-size:9px;padding:4px 7px}.is-comic-scene .comic-first .bubble{font-size:13px;padding:18px 19px;left:7px;top:70px;max-width:48%;border-width:3px}.is-comic-scene .comic-first h3{font-size:23px;left:12px;bottom:27px;line-height:1.6;max-width:65%;padding:5px 8px}.is-comic-scene .comic-second h3{font-size:28px;margin-top:102px;max-width:80%;line-height:1.5}.is-comic-scene .comic-third h3{font-size:29px;margin-top:95px;max-width:73%;line-height:1.5}.is-comic-scene .comic-panel p:not(.bubble){font-size:11px;line-height:1.8;margin-top:20px;padding:7px 8px;max-width:85%}.is-comic-scene .reverse-arrow{font-size:145px;right:4px;top:39px}.is-comic-scene .heart-doodle{font-size:175px;right:0;top:23px}.is-comic-scene .mini-stamp{font-size:18px;right:14px;bottom:18px}.is-comic-scene .comic-scene-label{font-size:9px;padding:10px 10px;gap:6px}.is-comic-scene .comic-scene-label span{font-size:9px}.is-comic-scene .comic-scene-nav{gap:6px;bottom:14px}.comic-scene-nav button{font-size:11px;padding:9px 10px;border-width:2px;min-height:44px;box-shadow:3px 3px 0 var(--ink)}
}
@media(max-height:720px) and (max-width:700px){.is-comic-scene .comic-panel{height:360px;top:67px}.is-comic-scene .comic-stage{min-height:485px}.is-comic-scene .comic-second h3{margin-top:80px}.is-comic-scene .comic-third h3{margin-top:70px}.is-comic-scene .comic-first h3{bottom:20px}.is-comic-scene .scene-character{width:275px;height:550px}}
@media(prefers-reduced-motion:reduce){.hero-pop-cluster>*{animation:none!important;translate:0 0!important}.comic-scroll-track{height:auto!important}.comic-stage{position:relative!important}.comic-panel{will-change:auto}}