.about-hero h1 {font-size:clamp(2.75rem,5.1vw,5.5rem);text-wrap:balance}
.about-hero .lead {max-width:43ch}
.about-photo img {aspect-ratio:1.34}
.about-facts {
  display:flex;
  flex-wrap:wrap;
  gap:18px clamp(24px,4vw,55px);
  margin:29px 0 0;
  padding-top:19px;
  border-top:1px solid var(--line);
}
.about-facts div {display:flex;flex-direction:column-reverse;gap:4px}
.about-facts dt {font-size:.88rem;color:var(--muted)}
.about-facts dd {margin:0;color:var(--forest);font-weight:780;font-size:clamp(1.55rem,3vw,2.55rem);line-height:1.1;letter-spacing:-.045em}
.about-quality {background:#eeefe5;border-block:1px solid var(--line);padding-block:clamp(42px,6vw,80px)}
.about-quality .section-heading h2 {margin:0}
.about-quality-grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}
.about-quality-grid article {padding:clamp(18px,2.35vw,29px);border:1px solid var(--line);border-radius:9px;background:var(--white)}
.about-quality-grid p {margin-top:10px;color:var(--muted)}
.about-contact {padding-block:clamp(42px,6vw,76px);background:var(--forest-deep);color:var(--white)}
.about-contact-inner {display:flex;justify-content:space-between;align-items:center;gap:22px 35px;flex-wrap:wrap}
.about-contact h2 {font-size:clamp(1.9rem,3.4vw,3.2rem);text-wrap:pretty}
.about-contact p {margin-top:12px;color:#e1e9d9}
.about-contact .button {background:var(--lime);color:var(--forest-deep)}
.about-contact .button:hover {background:#f0f5db}
@media (max-width:680px) {
  .about-hero h1 {font-size:clamp(2.65rem,9vw,4rem)}
  .about-quality-grid {grid-template-columns:1fr;gap:12px}
}