.about-page-hero{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center;padding-block:24px 64px}
.about-page-hero h1{font-size:clamp(40px,4.3vw,56px)}
.about-page-hero p:not(.eyebrow){max-width:55ch}
.about-page-hero .lead{font-size:20px}
.about-page-hero figure img{aspect-ratio:4/4.2;object-fit:cover;object-position:84% center;border-radius:3px}
.about-page-hero figcaption{font-size:12px;color:var(--muted);margin-top:12px}
.about-principles{background:var(--chalk)}
.about-principles-inner,.about-offer{display:grid;grid-template-columns:1fr 1fr;gap:72px}
.about-principles h2,.about-offer h2{font-size:clamp(32px,3.5vw,44px)}
.about-principles p,.about-offer p{max-width:50ch;font-size:17px;color:var(--muted)}
.about-principles dl{margin:0}
.about-principles dl>div{border-top:1px solid var(--line);padding-block:20px}
.about-principles dt{font-size:18px;font-weight:600}
.about-principles dd{font-size:16px;color:var(--muted);margin:8px 0 0}
.about-offer nav{display:grid}
.about-offer nav a{display:flex;justify-content:space-between;align-items:center;min-height:56px;border-bottom:1px solid var(--line);text-decoration:none;font-size:17px}
.about-offer nav a:hover{color:var(--clay)}
.about-direct{display:flex;flex-wrap:wrap;align-items:center;gap:16px 24px;margin-top:24px}
.about-direct>a{display:inline-flex;align-items:center;min-height:44px;font-size:15px}
@media(max-width:1000px){.about-page-hero,.about-principles-inner,.about-offer{gap:32px}}
@media(max-width:760px){
  .about-page-hero,.about-principles-inner,.about-offer{grid-template-columns:1fr}
  .about-page-hero{padding-block:16px 48px}
  .about-page-hero figure img{aspect-ratio:4/3}
  .about-page-hero .eyebrow{font-size:11px}
}