/* About page: shared palette, readable copy and full-width sections. */
.about-intro { padding:28px; background:var(--panel); border:1px solid var(--line); border-radius:12px; }
.about-intro .eyebrow { color:var(--green); }
.about-intro p,.about-section p { color:var(--muted); line-height:1.8; max-width:920px; }
.about-section { margin-top:40px; }
.about-section h2 { color:var(--gold); line-height:1.3; margin:0 0 20px; font-size:clamp(21px,2.3vw,28px); }
.about-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px; }
.about-grid article { padding:24px; background:var(--panel); border:1px solid var(--line); border-radius:12px; min-width:0; }
.about-grid h3 { font-size:18px; line-height:1.4; margin:0 0 12px; }
.about-grid a { display:inline-block; color:var(--green); font-weight:700; margin:6px 12px 0 0; font-size:14px; }
.about-section .button { margin-top:12px; }
@media(max-width:600px) { .about-intro { padding:24px 18px; } .about-section { margin-top:30px; } .about-grid { grid-template-columns:1fr; gap:16px; } .about-grid article { padding:20px; } }