/* About page. Shared refreshed styles live in styles.css (body.refresh); only page-specific rules go here. */
.about-intro{padding:32px 0 48px}
.about-intro .hp-eyebrow{color:var(--copper-text);margin-bottom:16px}
.refresh .about-intro h1{font-size:clamp(44px,6.4vw,92px);max-width:14ch}
.about-lead{margin-top:20px;font-size:20px;line-height:1.55;max-width:56ch;color:var(--light)}
.about-profile-band{background:var(--warm);color:var(--navy);padding:56px 0 64px}
.about-profile{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.6fr);gap:56px;align-items:start}
.profile-card{background:var(--paper);border:1px solid var(--navy);border-top:3px solid var(--copper)}
.founder-photo{display:block;width:100%;height:auto;aspect-ratio:1}
.profile-card-body{padding:24px 26px 26px}
.profile-eyebrow{font-size:12px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--copper-ink)}
.refresh .profile-card h2{font-size:34px;line-height:1.1;margin-top:8px}
.profile-link{display:inline-flex;align-items:center;min-height:44px;margin-top:8px;font-size:15px;color:var(--copper-ink);text-underline-offset:5px;text-decoration-thickness:1px}
.profile-personal{font-size:15.5px;line-height:1.6;color:var(--muted);margin-top:8px}
.profile-introduction{font-size:22px;line-height:1.55;max-width:46ch}
.about-page .experience-heading{font-size:26px;line-height:1.2;font-weight:600;color:var(--navy);margin:40px 0 0}
.experience-list{list-style:none;padding:0;margin:16px 0 0;border-top:1px solid var(--navy)}
.experience-list li{display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1.6fr);gap:32px;padding:20px 0;border-bottom:1px solid var(--edge)}
.experience-list h4{font-size:22px;font-weight:600;letter-spacing:-.015em;line-height:1.2;margin:0}
.experience-list p{font-size:17px;line-height:1.65;color:var(--muted)}
.about-page nav a[aria-current="page"]:after{transform:scaleX(1);transition:none}
.about-page #main:focus-visible{outline:2px solid var(--ivory);outline-offset:-4px}
@media(max-width:960px){
  .about-profile{grid-template-columns:1fr;gap:44px}
  .about-page .profile-card{display:flex;align-items:flex-start;gap:24px;max-width:640px;background:none;border:0;box-shadow:none}
  .about-page .founder-photo{width:120px;height:120px;flex:none}
  .about-page .profile-card-body{padding:0}
  .about-profile-band{padding:48px 0}
}
@media(max-width:700px){.experience-list li{grid-template-columns:1fr;gap:10px;padding:22px 0}.profile-introduction{font-size:19px}}
@media(max-width:560px){.about-intro{padding:20px 0 36px}.about-lead{font-size:18px}.about-profile-band{padding:40px 0}}

.about-page .profile-story{min-width:0;max-width:64ch}
.about-page .founder-story{margin-top:32px}
.about-page .founder-story h3{font-size:26px;line-height:1.2;font-weight:600}
.about-page .founder-story p{font-size:18px;line-height:1.65;color:var(--muted);margin-top:18px;max-width:62ch}
.about-page .experience-disclosure{font-size:17px;line-height:1.6;color:var(--muted);margin-top:16px;max-width:60ch}
.about-page .founder-experience-list{margin-top:24px}
.about-page .founder-experience-list li{grid-template-columns:minmax(0,1fr) minmax(0,1.4fr)}
.about-page .experience-list .experience-provenance{font-size:15px;color:var(--copper-ink);margin-top:10px}
@media(max-width:700px){.about-page .founder-experience-list li{grid-template-columns:1fr}}
@media(max-width:560px){
  .about-page .profile-card{gap:16px}
  .about-page .founder-photo{width:72px;height:72px}
  .about-page .profile-card h2{font-size:28px}
  .about-page .profile-link{font-size:15px}
  .about-page .profile-personal{font-size:15px}
  .about-page .founder-story p{font-size:17px}
}