/* About Us only: original company imagery presented as selected crops. */
.about-page .about-editorial-head { max-width: 850px; margin-bottom: 28px; }
.about-page .about-editorial-head h2 { margin: 0 0 18px; color: #17233a; font-size: clamp(27px,3vw,38px); line-height: 1.18; font-weight: 800; }
.about-page .about-editorial-head > p:last-child:not(.eyebrow) { margin: 0; color: #5e6878; font-size: 16px; line-height: 1.75; }
.about-page .about-company { padding-top: 12px; }
.about-page .about-photo-grid, .about-page .about-award-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 24px; }
.about-page .about-source-photo { margin: 0; min-width: 0; }
.about-page .about-photo-frame { position: relative; overflow: hidden; aspect-ratio: var(--cw) / var(--ch); border-radius: 8px; background: #f1f2f3; isolation: isolate; }
.about-page .about-photo-frame img { display: block; position: absolute; width: calc(100% * var(--sw) / var(--cw)); max-width: none; height: auto; left: calc(-100% * var(--cx) / var(--cw)); top: calc(-100% * var(--cy) / var(--ch)); }
.about-page .about-source-photo figcaption { margin-top: 12px; color: #5e6878; font-size: 13px; line-height: 1.5; }
.about-page .about-location-line { display: flex; flex-wrap: wrap; gap: 18px 36px; margin-top: 28px; padding-top: 22px; border-top: 1px solid #e1e6ee; font-size: 14px; color: #5e6878; }
.about-page .about-location-line strong { margin-right: 6px; color: #17233a; }
.about-page .about-milestones .timeline { max-width: 100%; }
.about-page .about-milestones .tl-row { padding: 18px 0; }
.about-page .about-award-card { min-width: 0; padding: 24px; border: 1px solid #e1e6ee; border-radius: 8px; background: #faf9f6; }
.about-page .about-award-card h3 { color: #17233a; margin: 22px 0 8px; font-size: 19px; line-height: 1.35; }
.about-page .about-award-card > p { color: #5e6878; margin: 0; font-size: 13px; line-height: 1.6; }
.about-page .about-award-image .about-photo-frame { border-radius: 2px; }
.about-page .about-document-note { margin: 22px 0 0; color: #5e6878; font-size: 13px; line-height: 1.65; }
@media(max-width:767px) {
  .about-page .about-photo-grid, .about-page .about-award-grid { grid-template-columns: 1fr; gap: 25px; }
  .about-page .about-company { padding-top: 8px; }
  .about-page .about-editorial-head { margin-bottom: 24px; }
  .about-page .about-editorial-head > p:last-child:not(.eyebrow) { font-size: 15px; }
  .about-page .about-location-line { flex-direction: column; gap: 10px; }
  .about-page .about-award-card { padding: 18px; }
}