/* Mobile Hero — reference-driven composition
   Source PNGs remain untouched. */

.hero-art .heart,
.hero-art .mini-text-one,
.hero-art .mini-text-two,
.hero-art .mini-text-three,
.hero-art .sentence,
.hero-art .smiley-two,
.hero-art .stars-secondary,
.hero-art .mini-star,
.hero-art .mini-star-two,
.hero-art .star-badge,
.hero-art .badge-ai,
.hero-art .badge-design,
.hero-art .badge-system { display:none!important; }
.slogan span { display:none!important; }

@media (max-width:560px){
header{top:0;padding:calc(9px + env(safe-area-inset-top,0px)) 4vw 9px;background:rgb(242,221,178);z-index:40}
header:before{display:none!important}
.hero{--poster-art-height:clamp(565px,149vw,650px);--title-width:70%;--sun-x:72%;--sun-y:22%;--radial-size:114%;--mane-size:38%;--face-size:27%;--city-size:60%;--city-y:41%;--sunflower-size:35%;--sunflower-x:25%;--sunflower-y:47%;--glasses-size:22%;--glasses-x:8%;--glasses-y:65%;--crows-size:12%;--crows-x:76%;--crows-y:31%;--sign-size:17%;--sign-x:75%;--sign-y:44%;--flower-size:26%;--flower-x:70%;--flower-y:43%;--skate-size:32%;--skate-x:62%;--skate-y:59%;--spray-size:12%;--spray-x:78%;--spray-y:69%;--orange-size:14%;--orange-x:69%;--orange-y:70%;--smiley-size:5%;--smiley-x:58%;--smiley-y:64%;position:relative;display:block;min-height:0;padding:16px 4.5vw 24px;overflow:hidden}
.hero-copy{position:relative;z-index:7;max-width:none}.hero-copy .slogan{position:relative;z-index:12;width:58%;margin:0 0 8px 2px;font-size:12px;line-height:1.45}.hero-copy h1{position:relative;z-index:12;width:var(--title-width);max-width:none;margin:0 0 clamp(315px,81vw,360px);font-size:clamp(36px,10vw,44px);line-height:.98;letter-spacing:-.065em}.hero-copy h1 span,.hero-copy h1 em{white-space:nowrap}.hero-copy .lead,.hero-copy .actions{position:relative;z-index:16}.hero-copy .lead{margin-top:0;background:linear-gradient(to bottom,rgba(242,221,178,.98),rgba(242,221,178,.92))}
.hero-art{position:absolute;left:-4.5vw;right:-4.5vw;top:18px;height:var(--poster-art-height);min-height:0;margin:0;z-index:2;overflow:visible;pointer-events:none}.hero-art .mane,.hero-art .face,.hero-art .ray-accent{left:var(--sun-x);right:auto;top:var(--sun-y);transform:translate(-50%,-50%);transform-origin:50% 50%}.hero-art .rays{display:none!important}.hero-art .ray-accent{width:var(--radial-size);z-index:1}.hero-art .mane{width:var(--mane-size);z-index:4}.hero-art .face{width:var(--face-size);z-index:5}.hero-art .stars{display:block;width:2.4%;left:41%;right:auto;top:10%;z-index:6}
.hero-art .city{width:var(--city-size);left:auto;right:4.5vw;top:var(--city-y);bottom:auto;transform:none;z-index:2}
.hero-art .sunflower{width:var(--sunflower-size);left:var(--sunflower-x);right:auto;top:var(--sunflower-y);bottom:auto;z-index:7}
.hero-art .glasses{display:block!important;width:var(--glasses-size);left:var(--glasses-x);right:auto;top:var(--glasses-y);bottom:auto;transform:rotate(-8deg);z-index:8}
.hero-art .crows{width:var(--crows-size);left:var(--crows-x);right:auto;top:var(--crows-y);bottom:auto;z-index:8}
.hero-art .flower{display:block!important;width:var(--flower-size);left:var(--flower-x);right:auto;top:var(--flower-y);bottom:auto;z-index:3}
.hero-art .sign{width:var(--sign-size);left:var(--sign-x);right:auto;top:var(--sign-y);bottom:auto;z-index:4}
.hero-art .skate{width:var(--skate-size);left:var(--skate-x);right:auto;top:var(--skate-y);bottom:auto;transform:translateX(-50%) rotate(-16deg);transform-origin:50% 50%;z-index:10}.hero-art .spray{width:var(--spray-size);left:var(--spray-x);right:auto;top:var(--spray-y);bottom:auto;z-index:11}.hero-art .orange{width:var(--orange-size);left:var(--orange-x);right:auto;top:var(--orange-y);bottom:auto;z-index:11}.hero-art .smiley{display:block;width:var(--smiley-size);left:var(--smiley-x);right:auto;top:var(--smiley-y);bottom:auto;z-index:12}
}