/* Alder & Stone — signature layer */

/* organic blob mask: max one per section */
.blob{border-radius:46% 54% 58% 42% / 50% 44% 56% 50%}

/* honey underline: draws itself in on scroll */
.honey{background-image:linear-gradient(transparent 68%, color-mix(in srgb,var(--highlight) 38%,transparent) 68%);
  background-repeat:no-repeat;background-size:0% 100%}
[data-io].in .honey,[data-io].in.honey{background-size:100% 100%;
  transition:background-size .9s cubic-bezier(.23,1,.32,1) .45s}
@media (prefers-reduced-motion:reduce){.honey{background-size:100% 100%}}

/* craft: inline links grow an underline */
main a:not(.btn){position:relative;background-image:linear-gradient(var(--accent),var(--accent));
  background-repeat:no-repeat;background-position:0 100%;background-size:0% 1.5px;
  transition:background-size .35s cubic-bezier(.23,1,.32,1)}
main a:not(.btn):hover{background-size:100% 1.5px}

/* craft: primary button arrow nudges on hover */
.btn--primary::after{content:"→";display:inline-block;transition:transform .3s cubic-bezier(.23,1,.32,1)}
.btn--primary:hover::after{transform:translateX(4px)}

/* grove headlines: unhurried */
h1,h2{letter-spacing:-.015em}
p{text-wrap:pretty}