html body.page-about .about-v3-photo {
  height: 365px;
  min-height: 0;
  padding: 0 !important;
  background-image: url('../images/background/about-hero-collage.jpg');
  background-image: image-set(url('../images/background/about-hero-collage.webp') type('image/webp'), url('../images/background/about-hero-collage.jpg') type('image/jpeg'));
  background-position: center 38% !important;
  background-size: cover;
}

html body.page-about .about-v3-photo > .container {
  min-height: 0;
  height: 100%;
  padding: 0;
}

html body.page-about .about-v3-photo .content {
  height: 100%;
}

html body.page-about :is(.about-v3-intro, .about-v3-practice) {
  background: #fbfcfd;
}

html body.page-about .about-v3-intro {
  padding: 56px 0 60px;
}

html body.page-about .about-v3-kicker,
html body.page-about .about-v3-section-head > span,
html body.page-about .about-v3-method-lead > span {
  display: block;
  margin: 0 0 14px;
  color: #957044;
  font: 700 12px/1.4 'Poppins', Arial, sans-serif;
  text-transform: uppercase;
}

html body.page-about .about-v3-intro h1 {
  max-width: 1050px;
  margin: 0;
  color: #202d38;
  font: 700 48px/1.15 'Poppins', Arial, sans-serif;
  letter-spacing: 0;
}

html body.page-about .about-v3-deck {
  max-width: 910px;
  margin: 21px 0 0;
  color: #4b5b67;
  font-size: 18px;
  line-height: 1.65;
}

html body.page-about .about-v3-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 30px;
}

html body.page-about .about-v3-actions a,
html body.page-about .about-v3-method-lead a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 16px;
  min-height: 50px;
  padding: 12px 22px;
  border-radius: 6px;
  font: 700 14px/1.35 'Poppins', Arial, sans-serif;
  text-decoration: none;
}

html body.page-about .about-v3-primary {
  border: 1px solid #c8a46d;
  background: #c8a46d;
  color: #172739;
}

html body.page-about .about-v3-primary:hover { background: #dfbd89; color: #172739; }

html body.page-about .about-v3-secondary {
  border: 1px solid #b9c8d3;
  background: transparent;
  color: #213d54;
}

html body.page-about .about-v3-secondary:hover { border-color: #213d54; color: #213d54; }

html body.page-about .about-v3-proof {
  border-top: 1px solid #dbe2e6;
  border-bottom: 1px solid #dbe2e6;
  background: #eff2f4;
}

html body.page-about .about-v3-proof-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

html body.page-about .about-v3-proof-grid > * {
  display: flex;
  flex-direction: column;
  gap: 8px;
  min-width: 0;
  padding: 30px 27px;
  border-right: 1px solid #d1d9df;
  color: #273641;
  text-decoration: none;
}

html body.page-about .about-v3-proof-grid > :first-child { padding-left: 0; }
html body.page-about .about-v3-proof-grid > :last-child { padding-right: 0; border-right: 0; }

html body.page-about .about-v3-proof-grid strong {
  color: #213744;
  font: 700 24px/1.2 'Poppins', Arial, sans-serif;
}

html body.page-about .about-v3-proof-grid span { font-size: 14px; line-height: 1.5; }
html body.page-about .about-v3-proof-grid small { margin-top: auto; color: #826442; font-size: 12px; font-weight: 700; }
html body.page-about .about-v3-proof-grid a:hover strong { color: #956f3e; }

html body.page-about .about-v3-practice { padding: 76px 0 82px; }

html body.page-about .about-v3-section-head h2,
html body.page-about .about-v3-method-lead h2 {
  max-width: 900px;
  margin: 0;
  color: #202d38;
  font: 700 35px/1.2 'Poppins', Arial, sans-serif;
}

html body.page-about .about-v3-section-head p {
  max-width: 790px;
  margin: 13px 0 0;
  color: #54636d;
  font-size: 16px;
  line-height: 1.65;
}

html body.page-about .about-v3-practice-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 30px;
  margin-top: 37px;
}

html body.page-about .about-v3-practice-grid article {
  min-width: 0;
  padding: 18px 0 0;
  border-top: 3px solid #b18b53;
}

html body.page-about .about-v3-number { color: #9b7750; font: 700 12px/1 'Poppins', Arial, sans-serif; }

html body.page-about .about-v3-practice-grid h3 {
  margin: 18px 0 9px;
  color: #253541;
  font: 700 21px/1.3 'Poppins', Arial, sans-serif;
}

html body.page-about .about-v3-practice-grid p { margin: 0; color: #566575; font-size: 15px; line-height: 1.68; }

html body.page-about .about-v3-method {
  padding: 74px 0 77px;
  background: #252c33;
  color: #e7eced;
}

html body.page-about .about-v3-method-grid {
  display: grid;
  grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr);
  gap: 74px;
}

html body.page-about .about-v3-method-lead > span { color: #d0aa73; }
html body.page-about .about-v3-method-lead h2 { color: #f5f7f7; }
html body.page-about .about-v3-method-lead p { max-width: 450px; margin: 17px 0 25px; color: #c3ccd0; font-size: 16px; line-height: 1.65; }

html body.page-about .about-v3-method-lead a {
  border: 1px solid #c8a46d;
  background: #c8a46d;
  color: #192b36;
}

html body.page-about .about-v3-method-lead a:hover { background: #dfbd89; color: #192b36; }

html body.page-about .about-v3-method ol { margin: 0; padding: 0; list-style: none; }

html body.page-about .about-v3-method li {
  display: grid;
  grid-template-columns: 38px minmax(0, 1fr);
  gap: 18px;
  padding: 20px 0;
  border-top: 1px solid rgba(255, 255, 255, .2);
}

html body.page-about .about-v3-method li:last-child { border-bottom: 1px solid rgba(255, 255, 255, .2); }
html body.page-about .about-v3-method li > span { color: #d0aa73; font: 700 13px/1.6 'Poppins', Arial, sans-serif; }
html body.page-about .about-v3-method li strong { color: #f5f7f7; font: 700 17px/1.4 'Poppins', Arial, sans-serif; }
html body.page-about .about-v3-method li p { margin: 5px 0 0; color: #c3ccd0; font-size: 14px; line-height: 1.6; }

@media (max-width: 991.98px) {
  html body.page-about .about-v3-photo { height: 330px; background-position: center 24% !important; }
  html body.page-about .about-v3-intro h1 { font-size: 39px; }
  html body.page-about .about-v3-method-grid { gap: 36px; }
}

@media (max-width: 767.98px) {
  html body.page-about .about-v3-photo { height: 315px; background-position: center center !important; }
  html body.page-about .about-v3-intro { padding: 36px 0 43px; }
  html body.page-about .about-v3-intro h1 { font-size: 30px; line-height: 1.22; }
  html body.page-about .about-v3-deck { margin-top: 15px; font-size: 16px; }
  html body.page-about .about-v3-actions { margin-top: 22px; }
  html body.page-about .about-v3-actions a { width: 100%; }
  html body.page-about .about-v3-proof-grid { grid-template-columns: 1fr; }
  html body.page-about .about-v3-proof-grid > * { padding: 21px 0; border-right: 0; border-bottom: 1px solid #d1d9df; }
  html body.page-about .about-v3-proof-grid > :last-child { border-bottom: 0; }
  html body.page-about .about-v3-proof-grid strong { font-size: 22px; }
  html body.page-about .about-v3-practice { padding: 53px 0 58px; }
  html body.page-about .about-v3-section-head h2,
  html body.page-about .about-v3-method-lead h2 { font-size: 27px; }
  html body.page-about .about-v3-practice-grid { grid-template-columns: 1fr; gap: 28px; margin-top: 28px; }
  html body.page-about .about-v3-practice-grid article { padding-top: 13px; }
  html body.page-about .about-v3-practice-grid h3 { margin-top: 11px; }
  html body.page-about .about-v3-method { padding: 51px 0 56px; }
  html body.page-about .about-v3-method-grid { grid-template-columns: 1fr; gap: 20px; }
  html body.page-about .about-v3-method-lead a { width: 100%; }
}

@media (max-width: 360px) {
  html body.page-about .about-v3-intro {
    padding: 32px 0 38px;
  }

  html body.page-about .about-v3-intro h1 {
    font-size: 27px;
    line-height: 1.2;
  }
}