/* About modules share one CMS order, while authored HTML remains in its source. */
.about-brand-page main { padding-bottom: 88px; }
.about-brand-page .content-layout { padding-bottom: 0; }
.about-brand-page .about-page-module:not(.content-layout) { margin-top: 70px; padding-top: 62px; border-top: 1px solid #dce5ef; }
.about-brand-page .about-page-module.about-first-module { margin-top: 0; padding-top: 78px; border-top: 0; }
.about-page-module { scroll-margin-top: 110px; min-width: 0; }
.about-page-module[hidden] { display: none; }
.content-unavailable .about-page-module { display: none !important; }
.about-brand-page #about-related .content-side { margin-top: 0; padding-top: 0; border-top: 0; }
.about-module-heading { margin-bottom: 42px; max-width: 820px; }
.about-module-eyebrow { display: block; margin-bottom: 16px; color: #587493; font-size: 12px; font-weight: 500; line-height: 1.6; letter-spacing: 1.8px; }
.about-module-heading h2 { margin: 0; color: #102b4c; font-size: clamp(28px, 2.8vw, 38px); font-weight: 550; line-height: 1.55; letter-spacing: -.8px; }
.about-module-heading p { margin: 18px 0 0; color: #526981; font-size: 16px; line-height: 1.95; }
.about-history-list { list-style: none; margin: 0; padding: 0; }
.about-history-item { display: grid; grid-template-columns: minmax(120px, .25fr) minmax(0, 1fr); gap: 54px; padding-bottom: 44px; min-width: 0; }
.about-history-item:last-child { padding-bottom: 0; }
.about-history-year { position: relative; padding: 0 30px 0 0; color: #245581; font-size: clamp(22px, 2.4vw, 32px); font-weight: 500; line-height: 1.5; font-variant-numeric: tabular-nums; }
.about-history-year:after { content: ""; position: absolute; top: 17px; right: -8px; width: 11px; height: 11px; border: 3px solid #fff; border-radius: 50%; background: #4178ac; box-shadow: 0 0 0 1px #b6cde1; }
.about-history-copy { position: relative; min-width: 0; padding-bottom: 4px; }
.about-history-item:not(:last-child) .about-history-copy:before { content: ""; position: absolute; left: -50px; top: 35px; bottom: -52px; width: 1px; background: #d5e1ed; }
.about-history-copy h3 { margin: 2px 0 13px; color: #163b65; font-size: 23px; font-weight: 550; line-height: 1.6; }
.about-history-copy p { margin: 0; max-width: 800px; color: #526981; font-size: 16px; line-height: 1.95; white-space: pre-line; }
.about-history-image { display: block; width: min(100%, 580px); max-height: 340px; object-fit: cover; margin-top: 24px; border-radius: 10px; }
.about-offices-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 28px; }
.about-office-card { min-width: 0; border: 1px solid #dce5ef; border-radius: 12px; background: #fff; }
.about-office-photo { display: block; width: 100%; aspect-ratio: 16 / 9; object-fit: cover; border-radius: 11px 11px 0 0; }
.about-office-copy { padding: 31px 32px 32px; }
.about-office-city { margin: 0 0 14px; color: #587493; font-size: 13px; letter-spacing: 1px; }
.about-office-copy h3 { margin: 0 0 20px; color: #163b65; font-size: 23px; font-weight: 550; line-height: 1.55; }
.about-office-copy address { color: #526981; font-size: 16px; font-style: normal; line-height: 1.95; white-space: pre-line; }
.about-office-phone { margin: 20px 0 0; color: #526981; font-size: 14px; line-height: 1.8; }
.about-office-phone a { color: #245581; text-decoration: none; }
.about-office-phone a:hover { text-decoration: underline; }
.about-office-map { display: inline-flex; align-items: center; gap: 22px; margin-top: 24px; padding: 4px 0; color: #245581; font-size: 14px; line-height: 1.8; text-decoration: none; }
.about-office-map span { transition: transform .2s; }
.about-office-map:hover span { transform: translate(2px, -2px); }
.about-office-card a:focus-visible { outline: 2px solid #4178ac; outline-offset: 5px; border-radius: 2px; }
.about-history-image[hidden], .about-office-photo[hidden] { display: none; }
.about-module-heading, .about-history-item, .about-office-card { overflow-wrap: anywhere; }
@media (max-width: 760px) {
  .about-brand-page main { padding-bottom: 54px; }
  .about-brand-page .about-page-module:not(.content-layout) { margin-top: 42px; padding-top: 41px; }
  .about-brand-page .about-page-module.about-first-module { margin-top: 0; padding-top: 42px; border-top: 0; }
  .about-page-module { scroll-margin-top: 90px; }
  .about-module-heading { margin-bottom: 30px; }
  .about-module-eyebrow { margin-bottom: 13px; font-size: 11px; }
  .about-module-heading h2 { font-size: 27px; line-height: 1.6; letter-spacing: -.4px; }
  .about-module-heading p { margin-top: 15px; font-size: 15px; }
  .about-history-item { grid-template-columns: 1fr; gap: 15px; padding: 0 0 32px 26px; position: relative; }
  .about-history-item:not(:last-child):before { content: ""; position: absolute; left: 2px; top: 29px; bottom: -1px; width: 1px; background: #d5e1ed; }
  .about-history-year { padding: 0; font-size: 25px; }
  .about-history-year:after { top: 10px; left: -32px; right: auto; }
  .about-history-item:not(:last-child) .about-history-copy:before { display: none; }
  .about-history-copy h3 { font-size: 21px; margin-top: 0; }
  .about-history-copy p { font-size: 15px; }
  .about-offices-grid { grid-template-columns: 1fr; gap: 20px; }
  .about-office-copy { padding: 26px; }
  .about-office-copy h3 { font-size: 21px; }
  .about-office-copy address { font-size: 15px; }
}
@media (prefers-reduced-motion: reduce) { .about-office-map span { transition: none; }.about-office-map:hover span { transform: none; } }