.hero{position:relative;isolation:isolate;background:#f2e5cc;--city-accent:#c68d6b}.city-scene{position:absolute;inset:0;z-index:-2;pointer-events:none;overflow:hidden}.city-scene svg{position:absolute;width:100%;height:100%;inset:0;object-fit:cover}.hero::before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#f4efdf 0%,#f4efdff5 27%,#f4efdfb8 43%,#f4efdf24 67%,#f4efdf0d 100%);pointer-events:none}.hero-copy,.hero-stage{z-index:1}.orbit,.stage-name{display:none}.hero-stage::after{content:'';position:absolute;width:45%;height:19px;background:#51574424;border-radius:50%;bottom:60px;left:28%;filter:blur(7px);z-index:-1;animation:ground-shadow 5s ease-in-out infinite}.hero-character{transform-origin:50% 90%;animation:raccoon-breathe 5s ease-in-out infinite;will-change:transform}.stage-caption{bottom:0}.stage-caption>div,.stage-caption>p{background:#f4efdfdd;padding:8px 12px;border-radius:5px;backdrop-filter:blur(6px)}.stage-caption p{max-width:160px}.character-switch{z-index:3;bottom:12px;padding:4px 6px;background:#f4efdfdd;border-radius:25px}.motion-toggle{position:absolute;right:5%;top:17px;z-index:4;font-size:9px;letter-spacing:.5px;color:#525d4d;background:#f4efdfd9;border:1px solid #56614c30;border-radius:20px;padding:8px 12px;backdrop-filter:blur(5px)}.motion-toggle::before{content:'';display:inline-block;width:5px;height:5px;border-radius:50%;background:#7d976d;margin-right:7px;vertical-align:1px}.motion-toggle[aria-pressed=true]::before{background:#b5ac99}.hero[data-city-mood=mochi]{--city-accent:#b79ac7}.hero[data-city-mood=echo]{--city-accent:#92ad92}.hero[data-city-mood=shadow]{--city-accent:#8e8b9d}.city-cloud{animation:cloud-drift 35s ease-in-out infinite alternate}.cloud-two{animation-duration:44s;animation-delay:-19s}.cloud-three{animation-duration:55s;animation-delay:-9s}.city-birds{animation:city-birds 26s linear infinite}.city-tree{transform-box:fill-box;transform-origin:bottom center;animation:tree-sway 7s ease-in-out infinite alternate}.tree-two{animation-delay:-3s}.tree-three{animation-delay:-5s}.traffic-one{animation:city-drive 24s linear infinite;animation-delay:-7s}.traffic-two{animation:city-drive-back 32s linear infinite;animation-delay:-22s}.city-bike{animation:city-drive 43s linear infinite;animation-delay:-31s}.walker-one{animation:city-walk 64s linear infinite;animation-delay:-34s}.walker-two{animation:city-walk-back 79s linear infinite;animation-delay:-12s}.portrait img{transition:transform .55s cubic-bezier(.2,.75,.25,1),filter .5s}.card:hover .portrait img{transform:translateY(-5px) rotate(-2deg) scale(1.03)}.world-art img{animation:world-idle 7s ease-in-out infinite}.motion-ready [data-reveal]{opacity:0;transform:translateY(26px);transition:opacity .75s ease,transform .75s cubic-bezier(.2,.7,.3,1);transition-delay:var(--reveal-delay,0ms)}.motion-ready [data-reveal].is-visible{opacity:1;transform:translateY(0)}.motion-paused .city-scene *,.motion-paused .hero-character,.motion-paused .hero-stage::after,.motion-outside .city-scene *,.motion-outside .hero-character,.motion-outside .hero-stage::after,.page-motion-paused .world-art img{animation-play-state:paused!important}.page-motion-paused [data-reveal]{opacity:1!important;transform:none!important;transition:none!important}
@keyframes raccoon-breathe{0%,100%{transform:translateY(0) rotate(-.35deg) scaleY(1)}50%{transform:translateY(-5px) rotate(.35deg) scaleY(1.01)}}@keyframes ground-shadow{0%,100%{transform:scaleX(1);opacity:.9}50%{transform:scaleX(.9);opacity:.65}}@keyframes cloud-drift{from{transform:translateX(-35px)}to{transform:translateX(75px)}}@keyframes city-birds{0%{transform:translate(-300px,15px);opacity:0}10%,85%{opacity:.7}100%{transform:translate(430px,-40px);opacity:0}}@keyframes tree-sway{from{transform:rotate(-1.8deg)}to{transform:rotate(1.8deg)}}@keyframes city-drive{from{transform:translateX(-230px)}to{transform:translateX(1770px)}}@keyframes city-drive-back{from{transform:translateX(1770px)}to{transform:translateX(-230px)}}@keyframes city-walk{from{transform:translate(-80px,585px)}to{transform:translate(1680px,585px)}}@keyframes city-walk-back{from{transform:translate(1680px,586px)}to{transform:translate(-80px,586px)}}@keyframes world-idle{0%,100%{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-9px) rotate(1deg)}}
@media(max-width:1000px){.hero-stage::after{bottom:45px}.stage-caption p{max-width:130px}.stage-caption>div,.stage-caption>p{padding:7px 9px}}@media(max-width:700px){.city-scene{top:auto;height:610px;bottom:0}.city-scene svg{width:1100px;max-width:none;left:50%;transform:translateX(-59%);height:100%}.hero::before{background:linear-gradient(180deg,#f4efdf 0%,#f4efdf 37%,#f4efdfed 44%,#f4efdf30 65%,#f4efdf05 100%)}.hero{padding-bottom:55px}.motion-toggle{top:auto;bottom:13px;right:6%;font-size:8px}.hero-stage{margin-top:35px}.hero-stage::after{bottom:42px}.stage-caption{bottom:-2px}.stage-caption p{max-width:125px;font-size:9px}.character-switch{bottom:9px;gap:4px}.character-switch button{width:21px;height:21px}.world-art img{animation-duration:8s}}
@media(prefers-reduced-motion:reduce){.hero-character,.hero-stage::after,.city-scene *,.world-art img{animation:none!important}.motion-ready [data-reveal]{opacity:1;transform:none;transition:none}.portrait img{transition:none}.card:hover .portrait img{transform:none}}