.watercolor-host{isolation:isolate;position:relative}.watercolor-background{z-index:-1;pointer-events:none;contain:strict;position:fixed;inset:0;overflow:hidden}.watercolor-background span{aspect-ratio:1.2;background:radial-gradient(ellipse at 38% 42%,var(--brand) 0%,var(--brand) 18%,transparent 69%);filter:blur(28px);width:clamp(200px,34vw,520px);opacity:var(--wash-opacity);animation:watercolor-arrive var(--wash-duration) ease-out both;border-radius:42% 58% 65% 35%/55% 43% 57% 45%;position:absolute}.watercolor-background span:first-child{--wash-x:-22px;--wash-y:18px;top:8%;left:-18%}.watercolor-background span:nth-child(2){--wash-x:20px;--wash-y:-24px;top:48%;right:-19%;transform:rotate(34deg)}.watercolor-background span:nth-child(3){--wash-x:-18px;--wash-y:20px;width:44vw;bottom:-26%;left:28%}@keyframes watercolor-arrive{0%{translate:var(--wash-x) var(--wash-y);opacity:0}to{opacity:var(--wash-opacity);translate:0}}@media (prefers-reduced-motion:reduce){.watercolor-background span{animation:none}}@media (forced-colors:active){.watercolor-background{display:none}}.background-heart{color:var(--brand);opacity:var(--heart-opacity);fill:none;animation:heart-arrive var(--wash-duration) ease-out both;position:absolute}.background-heart-0{top:28%;left:2%;rotate:-14deg}.background-heart-1{width:16px;height:16px;top:65%;right:2%;rotate:12deg}.background-heart-2{width:14px;height:14px;bottom:12%;left:8%;rotate:-8deg}@keyframes heart-arrive{0%{opacity:0;translate:0 20px}to{opacity:var(--heart-opacity);translate:0}}@media (max-width:760px){.background-heart-0{left:2px}.background-heart-1{right:2px}.background-heart-2{display:none}}@media (prefers-reduced-motion:reduce){.background-heart{animation:none}}
