/* About page additions using the approved blue, charcoal and white palette. */
.about-refresh .lt-hero-photo img { object-position: 50% center; }
.about-trust { display: grid; grid-template-columns: 1.25fr 1fr 1fr; padding-block: 27px; border-bottom: 1px solid var(--hf-line); align-items: center; }
.about-trust > * { padding-inline: 29px; border-left: 1px solid var(--hf-line); color: var(--brand-charcoal); }
.about-trust > :first-child { padding-left: 0; border: 0; }
.about-trust a { display: flex; align-items: center; gap: 17px; }
.about-trust a:last-child { display: block; }
.about-trust img { width: 102px; }
.about-trust strong { display: block; font-size: 16px; font-weight: 600; }
.about-trust small { display: block; color: var(--hf-muted); font-size: 10px; line-height: 1.7; }
.about-trust a:hover strong { text-decoration: underline; }
.about-story { display: grid; grid-template-columns: 1fr 1.05fr; gap: 75px; padding-block: 75px; align-items: center; }
.about-story h2, .about-visit h2 { font-size: 40px; line-height: 1.14; letter-spacing: -.025em; font-weight: 600; margin: 0 0 25px; }
.about-story-copy > p:not(.hf-eyebrow), .about-visit > div > p:not(.hf-eyebrow) { font: 400 13px/1.9 'Libre Franklin',Arial,sans-serif; color: var(--hf-muted); margin: 0 0 17px; }
.about-story-links { display: flex; flex-wrap: wrap; gap: 17px 28px; margin-top: 26px; }
.about-story-links .hf-text-link { font-size: 12px; }
.about-story > figure { margin: 0; }
.about-story > figure img { width: 100%; height: 420px; object-fit: cover; border-radius: 3px; }
.about-story > figure figcaption { color: var(--hf-muted); font-size: 10px; margin-top: 10px; }
.about-connected { background: var(--hf-paper); padding-block: 65px; }
.about-capabilities { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 23px; }
.about-capabilities article { background: var(--brand-white); border-top: 3px solid var(--brand-blue); padding: 27px; display: flex; flex-direction: column; align-items: flex-start; }
.about-capabilities article > span { color: var(--brand-blue); font-size: 12px; }
.about-capabilities h3 { font-size: 25px; font-weight: 600; margin: 22px 0 13px; }
.about-capabilities p { font: 400 13px/1.85 'Libre Franklin',Arial,sans-serif; color: var(--hf-muted); margin: 0 0 26px; }
.about-capabilities a { border-top: 1px solid var(--hf-line); margin-top: auto; padding-top: 18px; width: 100%; font-size: 12px; font-weight: 600; }
.about-capabilities a:hover { text-decoration: underline; }
.about-work { padding-block: 72px; }
.about-gallery { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 26px; }
.about-gallery figure { margin: 0; border: 1px solid var(--hf-line); }
.about-gallery img { width: 100%; height: 330px; object-fit: cover; }
.about-gallery figcaption { display: grid; grid-template-columns: auto 1fr; gap: 2px 15px; padding: 18px 20px; }
.about-gallery figcaption > span { grid-row: 1 / 3; color: var(--brand-blue); font-size: 11px; }
.about-gallery strong { font-size: 17px; font-weight: 500; }
.about-gallery small { font: 400 11px/1.6 'Libre Franklin',Arial,sans-serif; color: var(--hf-muted); }
.about-accreditation { background: var(--brand-blue); color: var(--brand-white); padding-block: 62px; }
.about-accreditation-grid { display: grid; grid-template-columns: .75fr 1.35fr; gap: 70px; align-items: center; }
.about-accreditation-mark { min-height: 230px; background: var(--brand-white); color: var(--brand-charcoal); display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; border-radius: 3px; }
.about-accreditation-mark img { width: 175px; }
.about-accreditation-mark span { font-size: 11px; letter-spacing: .08em; line-height: 1.8; margin-top: 16px; }
.about-accreditation .hf-eyebrow { color: var(--brand-white); }
.about-accreditation h2 { font-size: 37px; line-height: 1.15; font-weight: 600; margin: 0 0 22px; }
.about-accreditation-grid > div:last-child > p:not(.hf-eyebrow) { font: 400 13px/1.9 'Libre Franklin',Arial,sans-serif; color: var(--brand-white); margin: 0 0 23px; }
.about-accreditation .hf-text-link { color: var(--brand-white); }
.about-visit { display: grid; grid-template-columns: 1fr 1fr; gap: 75px; padding-block: 72px; align-items: center; }
.about-visit address { font-style: normal; font-size: 13px; line-height: 1.9; margin-top: 25px; }
.about-visit-cta { background: var(--brand-blue); color: var(--brand-white); padding: 42px; border-radius: 3px; }
.about-visit-cta .hf-eyebrow { color: var(--brand-white); }
.about-visit .about-visit-cta h2 { font-size: 36px; }
.about-visit-cta > p:not(.hf-eyebrow) { color: var(--brand-white); }
.about-visit-cta > a:last-child { display: block; color: var(--brand-white); font-size: 12px; margin-top: 17px; overflow-wrap: anywhere; }
@media (max-width: 980px) {
  .about-trust > * { padding-inline: 18px; }
  .about-trust img { width: 82px; }
  .about-trust a { gap: 10px; }
  .about-story { gap: 40px; }
  .about-story h2, .about-visit h2 { font-size: 34px; }
  .about-gallery img { height: 280px; }
  .about-accreditation-grid { gap: 40px; }
  .about-visit { gap: 35px; }
}
@media (max-width: 700px) {
  .about-trust { grid-template-columns: 1fr; gap: 18px; padding-block: 23px; }
  .about-trust > *, .about-trust > :first-child { padding: 0; border: 0; }
  .about-trust > * + * { border-top: 1px solid var(--hf-line); padding-top: 16px; }
  .about-trust img { width: 95px; }
  .about-story { grid-template-columns: 1fr; gap: 32px; padding-block: 48px; }
  .about-story > figure img { height: 300px; }
  .about-story h2, .about-visit h2 { font-size: 32px; }
  .about-connected { padding-block: 46px; }
  .about-capabilities { grid-template-columns: 1fr; gap: 21px; }
  .about-work { padding-block: 48px; }
  .about-gallery { grid-template-columns: 1fr; gap: 22px; }
  .about-gallery img { height: 250px; }
  .about-accreditation { padding-block: 47px; }
  .about-accreditation-grid { grid-template-columns: 1fr; gap: 34px; }
  .about-accreditation h2 { font-size: 31px; }
  .about-visit { grid-template-columns: 1fr; padding-block: 48px; }
  .about-visit-cta { padding: 31px 25px; }
  .about-visit .about-visit-cta h2 { font-size: 31px; }
}