.about-hero,.correspond{margin-inline:var(--gutter)}
.about-hero{display:grid;gap:26px;padding:clamp(52px,8vw,118px) 0 clamp(70px,10vw,150px);border-bottom:1px solid var(--line)}
.about-hero .eyebrow{margin:0}
.about-hero h1{max-width:10ch;margin:0;font:800 clamp(72px,17vw,184px)/.73 var(--display);letter-spacing:-.025em;text-transform:uppercase}
.about-hero .lede{max-width:43rem;margin:0;font:400 clamp(18px,2.1vw,25px)/1.58 var(--serif)}
.correspond{display:grid;gap:36px;padding:clamp(68px,9vw,132px) 0;border-bottom:1px solid var(--line)}
.correspond h2{max-width:8ch;margin:0;font:800 clamp(68px,15vw,142px)/.74 var(--display);letter-spacing:-.02em;text-transform:uppercase}
.correspond>div:last-child{max-width:41rem}
.correspond>div:last-child>p{margin:0 0 22px;font:400 clamp(16px,1.7vw,20px)/1.68 var(--serif)}
.contact-button{display:inline-block;margin:12px 0 20px;padding:16px 19px;color:var(--paper);background:var(--ink);font:600 10px/1.2 var(--mono);letter-spacing:.09em;text-decoration:none;text-transform:uppercase}
.contact-button:hover,.contact-button:focus-visible{background:var(--red)}
.correspond small{display:block;color:var(--muted);font:500 9px/1.55 var(--mono);letter-spacing:.08em;text-transform:uppercase}
@media (min-width:760px){
  .about-hero{grid-template-columns:minmax(0,1.2fr) minmax(300px,.8fr);align-items:end}
  .about-hero .eyebrow{grid-column:1/-1}
  .correspond{grid-template-columns:minmax(280px,.8fr) minmax(0,1.2fr);align-items:start}
}
@media (max-width:520px){.about-hero h1{font-size:clamp(64px,21vw,92px)}}