#contact .botanical{opacity:1;width:clamp(180px,18vw,270px);aspect-ratio:300/440;filter:none;z-index:2}
.botanical svg{overflow:visible}.bot-line{fill:none;stroke:#b80000;stroke-width:1.05}.bot-line.stem-line{stroke:#738077;stroke-width:1.4}
.bot-petal{transform-origin:0 0;animation:petal-unfold 1.8s cubic-bezier(.2,.7,.3,1) both;animation-delay:var(--delay);animation-play-state:paused}
.bot-line{stroke-dasharray:1;stroke-dashoffset:0;animation:ink-draw 2.4s ease both;animation-delay:var(--delay,0s);animation-play-state:paused}
#contact.art-visible .bot-petal,#contact.art-visible .bot-line{animation-play-state:running}
.bot-crown{transform-origin:150px 165px;animation:flower-sway 8s ease-in-out infinite alternate;animation-play-state:paused}
.koi-engraving{position:absolute;bottom:66px;left:26px;width:clamp(170px,19vw,280px);pointer-events:none;z-index:2;opacity:.8}.koi-engraving svg{display:block;width:100%;overflow:visible}
.koi-drift{animation:koi-glide 10s ease-in-out infinite alternate;animation-play-state:paused}.koi-second{animation-delay:-6s;animation-duration:13s}
.fish-tail{transform-origin:-48px 0;animation:tail-wave 2.8s ease-in-out infinite alternate;animation-play-state:paused}.fish-fin{transform-origin:0 0;animation:fin-wave 3.5s ease-in-out infinite alternate;animation-play-state:paused}
#contact.art-active :is(.koi-drift,.fish-tail,.fish-fin,.bot-crown){animation-play-state:running}
@keyframes ink-draw{from{stroke-dashoffset:1}to{stroke-dashoffset:0}}
@keyframes petal-unfold{from{transform:scale(.2,.65) rotate(-14deg);opacity:.15}to{transform:none;opacity:1}}
@keyframes flower-sway{from{transform:rotate(-1.4deg)}to{transform:rotate(1.4deg)}}
@keyframes koi-glide{from{transform:translate(-7px,3px)}to{transform:translate(9px,-5px)}}
@keyframes tail-wave{from{transform:rotate(-9deg)}to{transform:rotate(9deg)}}
@keyframes fin-wave{from{transform:scaleY(.88)}to{transform:scaleY(1.07)}}
@media(max-width:1100px) and (min-width:701px){.koi-engraving{width:150px;left:12px;opacity:.65}}
@media(max-width:700px){#contact .foot-right .botanical{width:105px;height:auto;aspect-ratio:300/440;top:30px;left:-12px;opacity:.9}.koi-engraving{bottom:40px;left:auto;right:18px;width:140px;opacity:.55}}
@media(prefers-reduced-motion:reduce){#contact .botanical *,#contact .koi-engraving *{animation:none!important;stroke-dashoffset:0}}

/* Keep the fish clear of the left-hand social links. */
@media(min-width:701px){.koi-engraving{left:calc(50% - 110px);bottom:58px;width:220px}}
.bot-petal,.bot-line{animation-name:none}
#contact.art-visible .bot-petal{animation-name:petal-unfold}
#contact.art-visible .bot-line{animation-name:ink-draw}