/* About page styles */
.page-hero { padding-top: calc(var(--header-h) + clamp(40px, 7vw, 90px)); padding-bottom: clamp(30px, 5vw, 56px); }
.page-hero .display { margin-top: .2em; max-width: 14ch; }
.page-hero .display em { color: var(--mauve-deep); }

.about-intro { display: grid; grid-template-columns: 1fr 1fr; gap: clamp(34px, 5vw, 80px); align-items: center; }
.about-intro .photo { aspect-ratio: 4/5; box-shadow: 0 44px 80px -50px rgba(43,45,49,.55); }
.about-intro .h2 { margin: .25em 0 .6em; }
.cred-cards { display: grid; grid-template-columns: repeat(3,1fr); gap: 14px; margin-top: 1.8em; }
.cred-card { border: 1px solid var(--line); border-radius: 8px; padding: 18px; background: var(--cream); }
.cred-card .ci { width: 34px; height: 34px; border-radius: 50%; background: var(--mauve-wash); display: grid; place-items: center; margin-bottom: 12px; }
.cred-card .ci svg { width: 16px; height: 16px; stroke: var(--mauve-deep); }
.cred-card b { display: block; font-family: var(--serif); font-size: 1.06rem; font-weight: 500; }
.cred-card span { font-size: .82rem; color: var(--ink-soft); }

.pull { border-left: 2px solid var(--mauve); padding-left: clamp(20px, 3vw, 40px); }
.pull p { font-family: var(--serif); font-size: clamp(1.5rem, 3vw, 2.3rem); line-height: 1.22; font-weight: 380; }
.pull p em { color: var(--mauve-deep); }

.story { display: grid; grid-template-columns: 1fr 1fr; gap: clamp(34px, 5vw, 80px); align-items: center; }
.story .photo { aspect-ratio: 5/6; }
.story-lines p { margin-bottom: 1em; color: var(--ink-soft); }
.story-lines p strong { color: var(--ink); font-weight: 600; }

.edu { display: flex; flex-direction: column; gap: 0; max-width: 760px; }
.edu-item { display: grid; grid-template-columns: auto 1fr; gap: 26px; padding: 26px 0; border-bottom: 1px solid var(--line); }
.edu-item:last-child { border-bottom: 0; }
.edu-item .yr { font-family: var(--serif); font-style: italic; color: var(--mauve-deep); font-size: 1.05rem; white-space: nowrap; }
.edu-item h3 { font-size: 1.3rem; }
.edu-item p { color: var(--ink-soft); font-size: .96rem; margin-top: .2em; }

.philo { text-align: center; max-width: 880px; margin-inline: auto; }
.philo .h2 { margin-bottom: .5em; }
.philo .h2 em { color: var(--mauve-deep); }
.philo .stack { display: flex; flex-direction: column; gap: 1.1em; margin-top: 1.6em; }
.philo .stack p { font-size: 1.12rem; color: var(--ink-soft); }

@media (max-width: 920px){
  .about-intro, .story { grid-template-columns: 1fr; }
  .about-intro .photo { aspect-ratio: auto; max-width: 380px; }
  .story .photo { aspect-ratio: auto; max-width: 480px; }
  .cred-cards { grid-template-columns: 1fr; }
}
@media (max-width: 760px){ .nav, .header-cta .btn { display: none; } .burger { display: flex; } .foot-grid { grid-template-columns: 1fr 1fr; } .edu-item { grid-template-columns: 1fr; gap: 6px; } }
@media (max-width: 480px){ .foot-grid { grid-template-columns: 1fr; } }