.about-page .about-container{max-width:1200px}
.about-page .breadcrumbs{margin-bottom:36px}
.about-page .page-content{max-width:none;font-size:17px;line-height:1.65}
.about-page .page-content p{max-width:none}
.about-page .about-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:44px;align-items:center}
.about-page .about-copy,.about-page .about-visual{min-width:0}
.about-page .page-heading .eyebrow{color:var(--gold-dark);margin-bottom:14px}
.about-page .page-heading h1{font-size:clamp(36px,4vw,50px);line-height:1.15;margin:0 0 28px}
.about-page .about-intro h2{font-size:26px;line-height:1.3;margin:0 0 18px}
.about-page .about-intro p{margin:0 0 18px}
.about-page .about-intro p:last-child{margin-bottom:0}
.about-page .about-photo{margin:0;overflow:hidden;border:1px solid #dfd8ca;border-radius:8px;background:#f4efe4}
.about-page .about-photo img{width:100%;height:auto;display:block}
.about-page .about-photo figcaption{display:flex;align-items:center;gap:9px;padding:14px 18px;font-size:15px;line-height:1.4;color:#625e52}
.about-page .about-photo figcaption .icon{color:var(--gold-dark)}
.about-page .about-milestones{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:18px 0 0}
.about-page .about-milestones>div{padding:20px 22px;border:1px solid #dfd8ca;border-radius:6px;background:#faf8f2}
.about-page .about-milestones dt{font:36px/1.1 var(--serif);color:#8a6627;margin-bottom:10px}
.about-page .about-milestones dd{margin:0;font-size:16px;line-height:1.5}
.about-page .about-support{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:0 40px;margin:44px 0 0;padding:32px;border:1px solid #ded4bc;border-radius:8px;background:#eee9dc}
.about-page .about-support>*{grid-column:2}
.about-page .about-support h2:first-child{grid-column:1;grid-row:1/3;font-size:29px;line-height:1.25;margin:0}
.about-page .about-support p{margin:0 0 14px}
.about-page .about-links{display:flex;flex-wrap:wrap;gap:10px 28px}
.about-page .about-links a{min-height:44px;text-decoration:none;font-weight:700;color:#73501a}
.about-page .reference-archive{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:36px;margin-top:48px;padding-top:0;border:0}
.about-page .reference-intro{min-width:0}
.about-page .reference-intro .eyebrow{margin:0 0 12px;color:#806022}
.about-page .reference-intro h2{font-size:30px;line-height:1.25;margin:0 0 20px}
.about-page .reference-intro p{margin:0 0 18px}
.about-page .reference-context{padding:16px 18px;border-left:3px solid #b9903f;border-radius:0 4px 4px 0;background:#f4efe4;font-size:14px;line-height:1.6}
.about-page .reference-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;align-items:start}
.about-page .reference-list details{min-width:0;margin:0;padding:20px;border:1px solid #dfd8ca;border-radius:6px;background:#faf8f2}
.about-page .reference-list summary{position:relative;min-height:76px;padding-right:24px;list-style:none;font:20px/1.35 var(--serif);overflow-wrap:break-word}
.about-page .reference-list summary::-webkit-details-marker{display:none}
.about-page .reference-list summary::after{content:"+";position:absolute;right:0;top:0;color:#8a6627;font:26px/1 var(--sans)}
.about-page .reference-list details[open] summary::after{content:"−"}
.about-page .reference-list summary small{margin:9px 0 0;font:14px/1.45 var(--sans);color:var(--muted)}
.about-page .reference-list details>p{margin:18px 0 12px;font-size:16px;line-height:1.6}
.about-page .reference-list details>a{display:inline-block;font-size:15px;line-height:1.55;overflow-wrap:anywhere}
.about-page .reference-list details:has(summary:focus-visible){outline:2px solid #a77a29;outline-offset:3px}
.about-page .page-contact{display:flex;flex-wrap:wrap;align-items:center;gap:20px;margin-top:40px;padding:28px 32px;border:1px solid #ded4bc;border-radius:8px;background:#eee9dc}
.about-page .page-contact h2{flex:1 1 330px;margin:0;font-size:28px}
.about-page .page-contact .text-link{margin:0}
@media(max-width:1000px){
  .about-page .about-hero{gap:28px}
  .about-page .reference-archive{grid-template-columns:minmax(0,1fr);gap:24px}
  .about-page .reference-intro{max-width:780px}
}
@media(max-width:900px){
  .about-page .about-hero{grid-template-columns:minmax(0,1fr);gap:28px}
  .about-page .about-support{grid-template-columns:minmax(0,1fr);gap:18px;margin-top:32px}
  .about-page .about-support>*,.about-page .about-support h2:first-child{grid-column:auto;grid-row:auto}
  .about-page .about-support p{margin:0}
}
@media(max-width:600px){
  .about-page .breadcrumbs{margin-bottom:26px}
  .about-page .page-heading h1{font-size:36px;margin-bottom:24px}
  .about-page .about-intro h2{font-size:25px}
  .about-page .about-milestones{gap:12px}
  .about-page .about-milestones>div{padding:16px}
  .about-page .about-milestones dt{font-size:32px}
  .about-page .about-milestones dd{font-size:15px}
  .about-page .about-support{padding:24px}
  .about-page .about-support h2:first-child{font-size:27px}
  .about-page .reference-archive{margin-top:36px}
  .about-page .reference-list{grid-template-columns:minmax(0,1fr);gap:12px}
  .about-page .reference-list summary{min-height:0}
  .about-page .page-contact{padding:24px;gap:18px}
  .about-page .page-contact h2{font-size:27px}
}