.about-body { display: flex; min-height: 100vh; flex-direction: column; }
.about-page { flex: 1 0 auto; background: var(--page); }
.about-hero { position: relative; display: grid; min-height: 540px; place-items: center; overflow: hidden; color: #fff; background: url('https://optim.tildacdn.com/tild3163-6234-4164-b933-396231653262/-/format/webp/25b16bdd87f602f4d721.png.webp') center / cover no-repeat; }
.about-hero-overlay { position: absolute; inset: 0; background: linear-gradient(rgba(0, 0, 0, .78), rgba(0, 0, 0, .32)); }
.about-hero-content { position: relative; z-index: 1; padding: 70px 20px 0; text-align: center; }
.about-hero-content h1 { margin: 0 0 28px; font-size: 62px; font-weight: 600; line-height: 1.15; }
.about-hero-content p { margin: 0; font-size: 26px; font-weight: 300; line-height: 1.4; }
.about-content { width: min(880px, calc(100% - 40px)); margin: 0 auto; padding: 92px 0 80px; text-align: center; }
.about-block + .about-block { margin-top: 74px; }
.about-block h2 { margin: 0 0 28px; font-size: 38px; font-weight: 600; line-height: 1.2; }
.about-block p { margin: 0 auto 20px; font-size: 22px; font-weight: 300; line-height: 1.55; }
.about-block p:last-child { margin-bottom: 0; }
.about-inline-link { color: #689dd3; text-decoration: underline; }
.about-mission h2 { font-size: 30px; }
.about-contact p { margin-bottom: 8px; }
.about-contact a:hover { color: var(--orange-dark); }

@media (max-width: 760px) {
  .about-hero { min-height: 440px; }
  .about-hero-content { padding-top: 35px; }
  .about-hero-content h1 { font-size: 38px; }
  .about-hero-content p { font-size: 20px; }
  .about-content { width: calc(100% - 24px); padding: 58px 0 50px; }
  .about-block + .about-block { margin-top: 50px; }
  .about-block h2 { font-size: 30px; }
  .about-block p { font-size: 18px; line-height: 1.5; }
}