/* A light botanical drawing with seeds drifting from the flower head. */
.hero-dandelion{position:absolute;top:48px;left:8%;width:228px;color:var(--brand-indigo,var(--brand-evergreen));pointer-events:none}
.hero-dandelion svg{display:block;width:100%;height:auto;overflow:visible}
.hero-dandelion-plant{transform-box:view-box;transform-origin:78px 243px}
.hero-dandelion-stem{stroke-width:2.4}
.hero-dandelion-leaf{fill:var(--brand-pistachio);stroke-width:1.5}
.hero-seed{transform-box:fill-box;transform-origin:center}
@keyframes heroDandelionSway{0%,100%{transform:rotate(-2deg)}50%{transform:rotate(2deg)}}
@keyframes heroSeedFlight{0%,14%{opacity:1;transform:translate(0,0) rotate(0deg)}55%{opacity:1;transform:translate(67px,calc(var(--seed-rise)*.5)) rotate(calc(var(--seed-turn)*.65))}78%{opacity:0;transform:translate(136px,var(--seed-rise)) rotate(var(--seed-turn))}79%,90%{opacity:0;transform:translate(0,0) rotate(0deg)}100%{opacity:1;transform:translate(0,0) rotate(0deg)}}
html[data-smooth-motion="on"] .hero-dandelion-plant{animation:heroDandelionSway 8s ease-in-out infinite}
html[data-smooth-motion="on"] .hero-seed{animation:heroSeedFlight 16s cubic-bezier(.4,0,.3,1) var(--seed-delay) infinite}
@media(prefers-reduced-motion:no-preference){
 html:not([data-smooth-motion]) .hero-dandelion-plant{animation:heroDandelionSway 8s ease-in-out infinite}
 html:not([data-smooth-motion]) .hero-seed{animation:heroSeedFlight 16s cubic-bezier(.4,0,.3,1) var(--seed-delay) infinite}
}
.hero-dandelion[data-paused="true"] .hero-dandelion-plant,.hero-dandelion[data-paused="true"] .hero-seed{animation-play-state:paused!important}
@media(max-width:1100px){.hero-dandelion{left:0;width:190px}}
@media(max-width:900px){.hero-dandelion{top:auto;left:auto;right:20px;bottom:66px;width:180px}}
@media(max-width:620px){.hero-dandelion{right:-13px;bottom:89px;width:145px;z-index:3}.hero-ornaments{z-index:3;pointer-events:none}}
@media(max-width:360px){.hero-dandelion{right:-20px;width:134px}}