.about-page { min-height: 65vh; }
.about-grid { display: grid; grid-template-columns: 1.4fr .6fr; gap: 9%; padding: 28px 0 65px; }
.about-copy h2 { margin: 0 0 22px; font-size: clamp(28px, 4vw, 42px); font-weight: 600; letter-spacing: -.05em; line-height: 1.3; }
.about-copy > p:not(.eyebrow) { max-width: 610px; margin: 0 0 17px; color: var(--muted); font-size: 13px; line-height: 2; }
.about-copy .button { margin-top: 10px; }
.about-card { align-self: start; padding: 23px; border: 1px solid var(--line); background: var(--panel); }
.about-card img { margin-bottom: 22px; }
.about-card ul { margin: 0 0 20px; padding-left: 18px; color: var(--muted); font-size: 11px; line-height: 2.2; }
.about-card > a { color: var(--accent); font: 10px var(--mono); }
.contact-strip { padding: 26px 0 8px; border-top: 1px solid var(--line); }
.contact-strip h2 { margin: 0; font-size: 26px; }
.contact-strip > p:not(.eyebrow) { margin: 8px 0; color: var(--muted); font-size: 12px; }
.contact-strip > a { color: var(--accent); }
@media (max-width: 700px) { .about-grid { grid-template-columns: 1fr; gap: 30px; } .about-card { max-width: 420px; } }