/* Marketing motion: one-time entrances, slow decorative loops, no layout animation. */
:root{--ease-out:cubic-bezier(.23,1,.32,1);--ease-in-out:cubic-bezier(.77,0,.175,1)}
.motion-reveal{transition:opacity 600ms var(--ease-out) var(--reveal-delay,0ms),transform 600ms var(--ease-out) var(--reveal-delay,0ms)}
.motion-reveal.is-pending{opacity:0;transform:translate3d(0,20px,0)}
[data-ambient]{animation-duration:8s;animation-timing-function:var(--ease-in-out);animation-iteration-count:infinite;animation-play-state:paused}
.motion-in-view [data-ambient]{animation-play-state:running}
[data-ambient="note-left"]{animation-name:note-left-drift}
[data-ambient="note-right"]{animation-name:note-right-drift;animation-duration:10s}
[data-ambient="bird"]{animation-name:bird-drift;transform-origin:50% 85%}
.food-photo [data-ambient="bird"]{animation-delay:-2.6s!important;animation-duration:10s}
.food-words [data-ambient="bird"]{animation-delay:-5s!important;animation-duration:9s}
[data-ambient="float"]{animation-name:float-soft;animation-duration:10s}
[data-ambient="doctor"]{animation-name:doctor-breathe;transform-origin:50% 100%;--doctor-offset:56px;animation-duration:10s}
[data-ambient="leaf-left"]{animation-name:leaf-left-sway;transform-origin:0 100%;animation-duration:12s}
[data-ambient="leaf-right"]{animation-name:leaf-right-sway;transform-origin:100% 100%;animation-duration:12s;animation-delay:-6s}
[data-ambient="icon"]{animation-name:icon-rock;animation-duration:8s}
[data-ambient="accent"]:before{content:"";display:inline-block;width:5px;height:5px;border-radius:50%;background:currentColor;margin-right:8px;vertical-align:middle;opacity:.55;animation:accent-breathe 6s var(--ease-in-out) infinite;animation-play-state:paused}
.motion-in-view [data-ambient="accent"]:before{animation-play-state:running}
.motion-paused [data-ambient],.motion-paused [data-ambient]:before{animation-play-state:paused!important}
.motion-paused .motion-reveal{transition:none}
@keyframes note-left-drift{0%,100%{transform:translateY(0) rotate(-7deg)}50%{transform:translateY(-7px) rotate(-5deg)}}
@keyframes note-right-drift{0%,100%{transform:translateY(0) rotate(7deg)}50%{transform:translateY(-6px) rotate(5deg)}}
@keyframes bird-drift{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-4px) rotate(-1deg)}}
@keyframes float-soft{0%,100%{transform:translateY(25px)}50%{transform:translateY(20px)}}
@keyframes doctor-breathe{0%,100%{transform:translateX(var(--doctor-offset)) translateY(0) rotate(0)}50%{transform:translateX(var(--doctor-offset)) translateY(-3px) rotate(.7deg)}}
@keyframes leaf-left-sway{0%,100%{transform:rotate(0)}50%{transform:rotate(2deg)}}
@keyframes leaf-right-sway{0%,100%{transform:rotate(0)}50%{transform:rotate(-2deg)}}
@keyframes icon-rock{0%,70%,100%{transform:rotate(0)}80%{transform:rotate(-9deg)}90%{transform:rotate(7deg)}}
@keyframes accent-breathe{0%,100%{opacity:.35;transform:scale(.85)}50%{opacity:.8;transform:scale(1.1)}}
@media(hover:hover) and (pointer:fine){
 .food-method:hover{transform:translateY(-3px)}
 .store-badge,.solid-button,.outline-button,.small-button,.card-link>span{transition:transform 160ms var(--ease-out)}
 .store-badge:hover,.solid-button:hover,.outline-button:hover,.small-button:hover{transform:translateY(-2px)}
 .card-link:hover>span{transform:translate(2px,-2px)}
}
@media(max-width:1100px){[data-ambient="doctor"]{--doctor-offset:40px}}
@media(prefers-reduced-motion:reduce){
 [data-ambient],[data-ambient]:before{animation:none!important}
 .motion-reveal,.food-method{transform:none!important;transition:opacity 200ms ease!important}
 .motion-reveal.is-pending{opacity:1}
 .store-badge:hover,.solid-button:hover,.outline-button:hover,.small-button:hover,.card-link:hover>span{transform:none}
}

/* Stationary garden with small decorative accents. */
.hero{background-image:none}
.hero-garden,.hero-glow{position:absolute;inset:0;pointer-events:none;z-index:0}
.hero-garden{background:url('assets/garden.webp') center bottom/cover no-repeat}
.hero-glow{background:radial-gradient(ellipse at 50% 36%,#e4f5a31a,transparent 65%);opacity:.35}
.hero-petal{position:absolute;z-index:1;pointer-events:none;width:11px;height:23px;background:var(--butter);border-radius:90% 0 90% 0;opacity:0}
.petal-one{left:17%;top:27%}.petal-two{left:80%;top:19%;width:9px;height:19px}.petal-three{left:68%;top:62%;width:7px;height:15px}
[data-ambient="glow"]{animation:garden-glow 8s var(--ease-in-out) infinite;animation-play-state:paused}
[data-ambient="petal"]{animation:petal-drift 8s linear infinite;animation-play-state:paused}
.hero.motion-in-view [data-ambient]{animation-play-state:running}
.hero [data-ambient="note-left"]{animation-duration:5.5s}
.hero [data-ambient="note-right"]{animation-duration:6.5s}
@keyframes garden-glow{0%,100%{opacity:.25;transform:scale(1)}50%{opacity:.85;transform:scale(1.1)}}
@keyframes petal-drift{0%{opacity:0;transform:translate3d(0,-24px,0) rotate(-35deg)}15%{opacity:.6}75%{opacity:.5}100%{opacity:0;transform:translate3d(42px,100px,0) rotate(85deg)}}
@keyframes note-left-drift{0%,100%{transform:translateY(0) rotate(-7deg)}50%{transform:translateY(-16px) rotate(-3deg)}}
@keyframes note-right-drift{0%,100%{transform:translateY(0) rotate(7deg)}50%{transform:translateY(-13px) rotate(3deg)}}
@media(max-width:1199px){.hero-garden{background-image:url('assets/garden-tablet.webp')}}
@media(max-width:760px){.hero-garden{background-image:url('assets/garden-mobile.webp')}.petal-one{left:9%}.petal-two{left:87%}.petal-three{left:74%;top:72%}}
@media(prefers-reduced-motion:reduce){.hero-garden{transform:none}.hero-glow,.hero-petal{display:none}}

/* Separate headline lines make the first-load sequence clearly visible. */
.hero-title-line{display:block;transform-origin:center bottom}