.hero h1{font-size:clamp(44px,4.7vw,67px)}
.hero h1 span{display:block;white-space:nowrap}
html,body{max-width:100%;overflow-x:hidden}

/* The hero is a deliberately framed forest window, not an arbitrary crop. */
.hero-art{border:6px solid var(--cream);border-radius:42% 42% 20px 20px / 27% 27% 20px 20px;box-shadow:0 18px 40px rgba(48,59,40,.10)}
.art-note{top:76px;left:104px;margin:0}

@media (min-width:761px){
  .hero-copy{min-width:0}
}

@media (max-width:760px){
  .hero-art{border-width:4px}
  .art-note{top:62px;left:70px}
}

@media (prefers-reduced-motion:no-preference){
  main > section:not(.hero),.steps article,.plans .plan{opacity:0;transform:translateY(28px);transition:opacity .72s ease,transform .72s cubic-bezier(.22,1,.36,1)}
  main > section.is-visible,.steps article.is-visible,.plans .plan.is-visible{opacity:1;transform:translate3d(0,0,0)}
  .steps article:nth-child(2),.plans .plan:nth-child(2){transition-delay:.12s}
  .steps article:nth-child(3){transition-delay:.24s}
}