/* Growing sprigs are uncovered from the stem up, with leaves unfolding in turn. */
.garden {position:absolute;bottom:0;width:clamp(95px,14vw,195px);height:340px;pointer-events:none;z-index:1;opacity:.72;overflow:visible}
.garden-left {left:-18px}.garden-right {right:-18px;transform:scaleX(-1)}
.garden svg {width:100%;height:100%;overflow:visible;transform-origin:50% 100%}
.garden .stem {fill:none;stroke:#82936a;stroke-width:1.6;stroke-linecap:round;stroke-dasharray:600;stroke-dashoffset:600;transition:stroke-dashoffset 3.3s ease}
.garden .leaf {fill:#a5b28d;fill-opacity:.55;stroke:#7f966a;stroke-opacity:.25;stroke-width:.7;transform:scale(.03);transform-box:fill-box;transform-origin:50% 100%;transition:transform 1.9s cubic-bezier(.2,.6,.3,1)}
.garden .flower {transform:scale(.01);transform-box:fill-box;transform-origin:center;transition:transform 1.8s cubic-bezier(.2,.7,.3,1) 1.3s;fill:#d7b49a;fill-opacity:.75}
.garden.is-grown .stem {stroke-dashoffset:0}
.garden.is-grown .leaf,.garden.is-grown .flower {transform:scale(1)}
.garden .leaf:nth-of-type(2) {transition-delay:.25s}.garden .leaf:nth-of-type(3) {transition-delay:.55s}.garden .leaf:nth-of-type(4) {transition-delay:.85s}
.garden.is-near svg {animation:plant-sway 8s ease-in-out infinite alternate}
.garden-right.is-near svg {animation-delay:-3s}
.hero .garden {z-index:2;height:45%;opacity:.5}
.closing>.garden {position:absolute;z-index:0}
.petals {position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:2}
.petals i {position:absolute;top:12%;left:14%;width:9px;height:17px;background:#d7b6a0;border-radius:85% 0 85% 0;opacity:0;animation:petal-drift 16s linear infinite;animation-play-state:paused}
.petals i:nth-child(2) {left:82%;animation-delay:-7s;width:8px;height:13px;background:#a8b297}
.petals i:nth-child(3) {left:24%;animation-delay:-11s;width:6px;height:11px}
.petals i:nth-child(4) {left:72%;animation-delay:-3s;width:7px;height:12px;background:#b6bb9d}
.petals.is-near i {animation-play-state:running}
.motion-toggle {position:fixed;z-index:85;bottom:15px;left:15px;border:1px solid #a48c62;background:rgba(6,33,26,.92);color:#e5c599;min-height:40px;padding:8px 13px;font:500 10px var(--sans);letter-spacing:.03em;backdrop-filter:blur(8px)}
body.is-closed .motion-toggle {visibility:hidden}
.motion-paused *,.motion-paused *:before,.motion-paused *:after {animation-play-state:paused!important;transition:none!important}
.motion-paused .garden .stem {stroke-dashoffset:0}.motion-paused .garden .leaf,.motion-paused .garden .flower {transform:none}
.motion-paused .in-view,.motion-paused [class*='reveal-'] {opacity:1;transform:none}
.motion-paused .petals {display:none}
@keyframes plant-sway {from{transform:rotate(-1.8deg)}to{transform:rotate(2deg)}}
@keyframes petal-drift {0%{transform:translate(0,-35px) rotate(0);opacity:0}12%{opacity:.45}85%{opacity:.25}100%{transform:translate(50px,65vh) rotate(240deg);opacity:0}}
@media(max-width:699px){.garden{height:245px;width:91px;opacity:.45}.garden-left{left:-26px}.garden-right{right:-26px}.hero .garden{height:32%;width:90px;opacity:.38}.motion-toggle{font-size:9px;bottom:10px;left:10px}.closing-footer{padding-bottom:65px}}
@media(prefers-reduced-motion:reduce){
  html {scroll-behavior:auto}
  *,*:before,*:after {animation:none!important;transition:none!important}
  .garden .stem {stroke-dashoffset:0}.garden .leaf,.garden .flower {transform:none}
  .in-view,[class*='reveal-'] {opacity:1;transform:none}
  .petals,.motion-toggle {display:none}
  .event-photo {transform:none!important}
}