/* Supplementary homepage revision: existing inner pages remain unchanged. */
.homepage .hp-hero .slides{overflow:hidden;position:relative;touch-action:pan-y}
.homepage .hp-hero .slide{transition:none;opacity:1;visibility:hidden}
.homepage .hp-hero .slide.active,.homepage .hp-hero .slide.is-leaving{visibility:visible}
.homepage .hp-hero .slide[hidden]{display:none}
.homepage .hp-hero .slide.is-leaving{pointer-events:none}
.homepage .hp-panorama{border:18px solid #9FD3BC;border-radius:36px;background:#9FD3BC;box-sizing:border-box;isolation:isolate;touch-action:pan-y}
.homepage .world-viewport{position:relative;aspect-ratio:1672/941;border-radius:18px;overflow:hidden}
.homepage .hp-world .world-slide{position:absolute;inset:0;width:100%;height:100%;overflow:hidden}
.homepage .world-slide img{display:block;width:100%;height:100%;object-fit:cover;aspect-ratio:auto}
/* The source Home image contains a pale border: crop that baked-in margin. */
.homepage .world-slide img[src="/assets/world-1.webp"]{transform:scale(1.12)}
.homepage .world-slide figcaption{z-index:2}
.homepage .section-mascot>img{mix-blend-mode:normal}
.homepage .hp-character:hover img{transform:translateY(-5px) scale(1.1)}
.homepage .coming-soon .video-poster{position:relative}
.homepage .coming-label{position:absolute;bottom:12px;left:50%;transform:translateX(-50%);white-space:nowrap;background:#fff;color:#65408d;border-radius:20px;padding:5px 12px;font-size:13px;font-weight:800}
.homepage .world-surprise-slot{height:280px;position:relative;overflow:hidden;contain:layout paint;pointer-events:none}
.homepage .world-dovi{position:absolute;right:0;bottom:0;width:270px;height:270px;transform:translateX(120%)}
.homepage .world-dovi.playing{animation:dovi-visit 7s ease-in-out both}
.homepage .world-dovi-wave{width:100%;height:100%;background:url('/assets/dovi-world-wave.webp') 0 0/810px 270px no-repeat}
.homepage .world-dovi.playing .world-dovi-wave{animation:dovi-wave-frames 1.5s steps(3) 1s 3}
@keyframes dovi-visit{0%,100%{transform:translateX(120%)}15%,75%{transform:translateX(0)}}
@keyframes dovi-wave-frames{to{background-position:-810px 0}}
.homepage .fro-stage{display:flex;justify-content:center;align-items:flex-end;min-height:230px;padding:5px 0 25px;background:#fff3bf}
.homepage .fro-sprite{width:200px;height:200px;flex:none;opacity:0;background:url('/assets/fro-frames.webp') 0 0/300% 200% no-repeat;animation:fro-six 4.5s steps(1,end) infinite;animation-play-state:paused}
.homepage .fro-sprite.ready{opacity:1}.homepage .fro-sprite.ready.in-view:not(.tab-hidden){animation-play-state:running}
@keyframes fro-six{0%{background-position:0 0}11.111%{background-position:50% 0}22.222%{background-position:100% 0}32.222%{background-position:0 100%}41.111%{background-position:50% 100%}52.222%,100%{background-position:100% 100%}}
@media(min-width:1366px){.homepage #adventure-rail{gap:16px}.homepage .hp-adventure{flex-basis:calc((100% - 64px)/5);min-width:175px}.homepage .hp-adventure h3{font-size:18px;min-height:43px}}
@media(max-width:900px){.homepage .world-surprise-slot{height:220px}.homepage .world-dovi{width:216px;height:216px}.homepage .world-dovi-wave{background-size:648px 216px}.homepage .world-dovi.playing .world-dovi-wave{animation-name:dovi-wave-small}@keyframes dovi-wave-small{to{background-position:-648px 0}}}
@media(max-width:600px){.homepage .hp-panorama{border-width:10px;border-radius:26px}.homepage .world-viewport{border-radius:16px}.homepage .fro-stage{min-height:165px;padding:5px 0 20px}.homepage .fro-sprite{width:140px;height:140px}}
@media(prefers-reduced-motion:reduce){.homepage .fro-sprite{animation:none;background-position:0 0}.homepage .world-dovi,.homepage .world-dovi.playing{animation:none;transform:none;opacity:0}.homepage .world-dovi.playing{opacity:1}.homepage .world-dovi.playing .world-dovi-wave{animation:none}.homepage .hp-character:hover img{transform:none}}

/* 2 October: larger adventure cards and vertically centered music mascot. */
@media(min-width:1024px){
 .homepage #adventure-rail{gap:20px}
 .homepage .hp-adventure{flex-basis:calc((100% - 66px)/4);min-width:0}
 .homepage .hp-adventure h3{font-size:21px;min-height:50px}
 .homepage .hp-adventure .hp-card-copy p{font-size:15px;line-height:1.55}
}
@media(min-width:601px){
 .homepage .hp-songs .hp-side-layout{grid-template-columns:200px minmax(0,1fr);gap:30px;align-items:center}
 .homepage .kelo-mascot{align-self:center;transform:translateY(-8px)}
 .homepage .kelo-mascot>img{height:250px;width:100%;object-fit:contain}
}

/* The prepared pond sits directly above the footer, under the existing Fro. */
.homepage .fro-stage.has-pond{position:relative;display:block;min-height:0;padding:0}
.homepage .fro-stage.has-pond .fro-sprite{position:absolute;left:50%;bottom:12%;transform:translateX(-50%);z-index:1}
@media(max-width:600px){.homepage .fro-stage.has-pond{padding-top:40px}}

/* Pond stays behind the existing footer; no image or footer sizing changes. */
.homepage .fro-stage.has-pond{z-index:1;margin-bottom:-50px}
.homepage .fro-stage.has-pond + .hp-footer{position:relative;z-index:2}
@media(max-width:1024px){.homepage .fro-stage.has-pond{margin-bottom:-35px}}
@media(max-width:600px){.homepage .fro-stage.has-pond{margin-bottom:-25px}}