/* Keep the initial sprouts inside the viewport, above opaque page backgrounds. */
.grow-border{top:20%;bottom:4%;width:108px;z-index:1;opacity:.62;pointer-events:none;overflow:visible;contain:layout style}
.grow-border.left{left:4px}.grow-border.right{right:4px}
.grow-border svg{overflow:visible}
.grow-border .vine-stem{stroke-dasharray:1;stroke-dashoffset:calc(1 - var(--growth,.26));transition:stroke-dashoffset .18s linear}
.grow-border .vine-leaf{transform-origin:0 100%;transition:transform .35s cubic-bezier(.2,.7,.3,1),opacity .25s}
@media(min-width:1500px){.grow-border{width:124px}}
@media(max-width:1000px){.grow-border{width:62px;opacity:.43}.grow-border.left{left:0}.grow-border.right{right:0}}
@media(max-width:650px){main{padding-inline:14px}.grow-border{width:42px;opacity:.56;top:24%;bottom:max(72px,env(safe-area-inset-bottom,0px))}}
@media(prefers-reduced-motion:reduce){.grow-border .vine-stem{stroke-dashoffset:0;transition:none}.grow-border .vine-leaf{transform:scale(1);opacity:1;transition:none}}
@media print{.grow-border{display:none!important}}