.about-story { display: grid; align-items: center; background: var(--offwhite); grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }
.about-story figure { position: relative; }
.about-story figure img { display: block; width: 100%; height: auto; aspect-ratio: 4 / 3; }
.about-story figure img { animation: editorial-in .65s ease both; }
@keyframes editorial-in { from { opacity: .6; transform: translateX(-14px); } to { opacity: 1; transform: none; } }
.about-story figure figcaption { position: absolute; right: 0; bottom: 0; padding: .5rem .75rem; background: white; }
.about-story > div { max-width: 610px; padding: clamp(2.5rem, 6vw, 6rem); align-self: center; animation: profile-copy-enter .65s .12s ease both; }
@keyframes profile-copy-enter { from { opacity: .6; transform: translateX(-14px); } to { opacity: 1; transform: none; } }
@keyframes profile-copy-enter-mobile { from { opacity: .6; transform: none; } to { opacity: 1; transform: none; } }
.about-story h2 { margin: .8rem 0 1.1rem; }
.about-story p:not(.eyebrow) + p { margin-top: 1rem; }
.about-principles { display: grid; padding-block: 6rem; grid-template-columns: .8fr 1.2fr; gap: 4rem; }
.about-principles::after { width: 0; height: 2px; background: var(--gold); content: ""; grid-column: 1 / -1; transition: width .6s ease; }
.about-principles.is-visible::after { width: 100%; }
.principle-intro h2 { margin: .8rem 0; }
.mission-cards { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; }
.mission-cards article { padding: 1.5rem; border: 1px solid var(--line); background: #fff; }
.mission-cards article > span { color: var(--gold); font-size: .73rem; font-weight: 800; letter-spacing: .12em; }
.mission-cards h3 { margin: 1rem 0 .75rem; font-size: 1.32rem; }
.mission-cards p { font-size: .9rem; }
.values-section { padding: 5rem var(--pad); background: var(--offwhite); }
.values-section > .section > h2 { margin: .8rem 0 2.5rem; }
.values-list { display: grid; grid-template-columns: repeat(3, 1fr); gap: 0 2rem; }
.values-list article { display: flex; padding: 1.35rem 0; gap: 1rem; border-top: 1px solid var(--line); }
.values-list article > b { color: var(--gold); font-size: .78rem; }
.values-list article > b { transition: transform .2s ease, color .2s ease; }
.values-list article:hover > b { color: var(--navy-2); transform: translateY(-3px); }
.values-list h3 { margin-bottom: .3rem; font-size: 1.08rem; letter-spacing: -.01em; }
.values-list p { font-size: .87rem; }
.about-divisions { padding-block: clamp(3rem, 7vw, 6rem); }
.about-divisions h2, .about-reach h2 { margin-block: .65rem 1rem; }
.about-division-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem; }
.about-division-grid article { padding: clamp(1.25rem, 3vw, 2rem); border: 1px solid var(--line); border-top: 3px solid var(--gold); }
.about-division-grid p { margin-block: .65rem 1rem; }
.about-reach { padding-block: clamp(2.5rem, 5vw, 4rem); background: #eaf1f9; }
.about-reach > .section { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); align-items: center; gap: 2rem; }
.about-reach ul { display: flex; flex-wrap: wrap; gap: .65rem; margin: 0; padding: 0; list-style: none; }
.about-reach li { padding: .55rem .85rem; background: #fff; border: 1px solid var(--line); color: var(--navy); }

@media (max-width: 800px) {
  .about-story, .about-principles, .about-reach > .section { grid-template-columns: 1fr; }
  .about-principles { padding-block: 3rem; gap: 2rem; }
  .about-story > div { max-width: none; padding: 2.5rem var(--pad); animation-name: profile-copy-enter-mobile; }
  .values-list { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 520px) {
  .mission-cards, .values-list, .about-division-grid { grid-template-columns: 1fr; }
}