/* Original decorative colour-garden. Independent SVG planes; no portfolio images. */
.arrival{background:#fff3dd}
.arrival:after{border-color:#ab8a7633}
.living-garden{position:absolute;inset:0;pointer-events:none;z-index:0;overflow:hidden;contain:layout paint}
.garden-depth{position:absolute;inset:-14px;transform:translate3d(var(--garden-x,0px),var(--garden-y,0px),0);transition:transform .9s cubic-bezier(.2,.7,.3,1)}
.garden-depth-near{transform:translate3d(calc(var(--garden-x,0px)*1.6),calc(var(--garden-y,0px)*1.2),0)}
.garden-depth-plants{transform:translate3d(calc(var(--garden-x,0px)*2.4),calc(var(--garden-y,0px)*1.8),0)}
.garden-sun{position:absolute;width:clamp(115px,11vw,160px);right:15%;top:15%;opacity:.9;transition:filter .5s}
.garden-sun-rays{transform-origin:90px 90px;animation:garden-sun-turn 70s linear infinite}
.garden-hills{position:absolute;bottom:-2px;left:0;width:100%;height:40%;overflow:visible}
.garden-hills-back{height:41%}.garden-hills-front{height:32%}
.garden-plant{position:absolute;bottom:0;width:clamp(240px,30vw,450px);overflow:visible}
.garden-plant-left{left:-3%}.garden-plant-right{right:-3.5%;width:clamp(240px,29vw,430px)}
.garden-stem{transform-box:view-box;transform-origin:50% 100%;animation:garden-sway 8.6s ease-in-out infinite alternate}
.garden-stem-b{animation-duration:10.7s;animation-delay:-3s}.garden-stem-c{animation-duration:9.8s;animation-delay:-5s;animation-direction:alternate-reverse}.garden-stem-d{animation-duration:7.9s;animation-delay:-2s}
.garden-flower{animation:garden-flower-nod 7s ease-in-out infinite alternate}
.garden-butterfly-track{position:absolute;left:21%;top:27%;width:58px;height:54px;animation:garden-butterfly-drift 15s ease-in-out infinite alternate}
.garden-butterfly{width:100%;height:100%;overflow:visible}
.butterfly-wing{transform-origin:35px 32px;animation:garden-wing 1.6s ease-in-out infinite alternate}.butterfly-wing-right{animation-delay:-.12s}
.world-light{background:radial-gradient(ellipse 65% 70% at 52% 48%,#ffdf8555,transparent 75%);mix-blend-mode:normal}
.world-is-playing .garden-sun{filter:saturate(1.3)}
.world-landed .garden-plant .garden-flower{animation:garden-happy .9s ease-in-out both}
.arrival-foot{color:#493e43;text-shadow:0 1px 6px #fff3dd}
@keyframes garden-sway{from{transform:rotate(-1.7deg)}to{transform:rotate(1.7deg)}}
@keyframes garden-flower-nod{from{transform:rotate(-3deg)}to{transform:rotate(3deg)}}
@keyframes garden-happy{0%,100%{transform:rotate(0)}30%{transform:rotate(-8deg)}65%{transform:rotate(5deg)}}
@keyframes garden-sun-turn{to{transform:rotate(360deg)}}
@keyframes garden-butterfly-drift{0%{transform:translate(0,0) rotate(-12deg)}45%{transform:translate(22px,-12px) rotate(5deg)}100%{transform:translate(48px,9px) rotate(-5deg)}}
@keyframes garden-wing{from{transform:scaleX(.6)}to{transform:scaleX(1)}}
@media(max-width:1000px){.garden-sun{right:10%;top:17%}.garden-butterfly-track{left:14%;top:29%}.garden-plant{width:280px;left:-9%}.garden-plant-right{left:auto;right:-9%;width:270px}}
@media(max-width:650px){
 .garden-sun{width:110px;right:-24px;top:16%;opacity:.75}
 .garden-hills-back{height:26%}.garden-hills-front{height:22%}
 .garden-plant{width:190px;left:-63px;bottom:3px}.garden-plant-right{width:185px;left:auto;right:-65px;bottom:-5px}
 .garden-butterfly-track{left:9%;top:23%;width:38px;height:34px;animation-duration:18s}
 .arrival-foot{max-width:240px;padding-bottom:53px;font-size:9px;line-height:1.8}
}
@media(max-height:730px) and (min-width:651px){.garden-plant{width:270px}.garden-sun{width:100px;top:17%;right:17%}.garden-butterfly-track{top:24%;left:15%}}
@media(prefers-reduced-motion:reduce){.living-garden *{animation:none!important;transition:none!important;transform:none!important}.world-is-playing .garden-sun{filter:none}.garden-depth{transform:none!important}}
.living-garden.is-paused *{animation-play-state:paused!important}

.garden-motion-control{position:absolute;z-index:5;bottom:20px;left:var(--gutter);min-height:44px;padding:8px 13px;border:1px solid #776b6440;border-radius:999px;background:#fffaf3cf;color:#493e43;font:600 10px 'Nunito Sans';cursor:pointer;backdrop-filter:blur(8px)}
.garden-motion-control:hover{background:#fffaf3}.garden-motion-control:focus-visible{outline:3px solid #075c61;outline-offset:3px}.garden-motion-control[hidden]{display:none}
@media(max-width:650px){.garden-motion-control{left:18px;bottom:14px;padding-inline:11px;font-size:9px}}