.st{position:relative;padding:28px 0 72px;overflow:hidden}
.st::before{content:"";position:absolute;inset:0 0 0 40%;pointer-events:none;
  background-image:radial-gradient(circle at 1px 1px, var(--dot-grid) 1px, transparent 1.3px);background-size:22px 22px;
  -webkit-mask-image:radial-gradient(ellipse 60% 70% at 70% 40%, #000 20%, transparent 75%);
  mask-image:radial-gradient(ellipse 60% 70% at 70% 40%, #000 20%, transparent 75%)}
.st-in{position:relative;max-width:var(--maxw);margin:0 auto;padding:0 var(--gutter);display:grid;gap:24px}
.st h1{font-size:clamp(2.1rem, 1.1rem + 3.4vw, 3.1rem);line-height:1.02;letter-spacing:-.04em;font-weight:760}
.st-copy .lede{margin-top:16px}
.st-more{display:grid;gap:22px;align-content:start}
.st-how{color:var(--ink-2);max-width:52ch}
.st-alt{gap:18px}
.st-mail{font-weight:650}
.st-next h2{font-size:1.25rem;line-height:1.25;letter-spacing:-.02em;margin-bottom:14px}
@media (min-width:1000px){
  .st{padding:40px 0 96px}
  .st-in{grid-template-columns:minmax(0, 5fr) minmax(0, 6fr);grid-template-areas:"copy form" "more form";column-gap:56px;row-gap:28px;align-items:start}
  .st-copy{grid-area:copy}
  .st-form{grid-area:form}
  .st-more{grid-area:more}
}
@media (max-width:699px){
  .st{padding:14px 0 56px}
  .st h1{font-size:clamp(30px, 8.6vw, 36px)}
  .st-copy .lede{margin-top:10px;font-size:1.0625rem}
}