.about-contact-grid { display: grid; grid-template-columns: minmax(0, 1.35fr) minmax(0, 0.85fr); gap: 3rem; align-items: start; }
.about-contact-copy { min-width: 0; }
.about-contact-copy h2 { margin: 0 0 1rem; font-size: 2rem; line-height: 1.2; letter-spacing: 0; }
.about-contact-copy h3 { margin: 1.5rem 0 0.5rem; font-size: 1.125rem; line-height: 1.4; }
.about-contact-copy p, .about-contact-copy li { line-height: 1.75; }
.about-contact-copy ol { padding-left: 1.25rem; }
.about-contact-copy li + li { margin-top: 0.75rem; }
.about-contact-copy blockquote { margin: 1rem 0; padding: 0.75rem 1rem; border-left: 3px solid var(--teal); background: var(--soft); overflow-wrap: anywhere; }
.about-contact-copy .button-primary { margin-top: 1rem; max-width: 100%; white-space: normal; }
.about-contact-reference { margin-top: 1.5rem; color: var(--muted); font-size: 0.875rem; }
.about-contact-reference a { text-decoration: underline; text-underline-offset: 0.2em; }
.about-contact-visual { width: 100%; max-width: 400px; margin: 0 auto; }
.about-contact-visual img { width: 100%; height: auto; aspect-ratio: 4 / 5; object-fit: contain; display: block; }
.about-contact-visual figcaption { font-size: 0.75rem; line-height: 1.6; margin-top: 0.75rem; color: var(--muted); }
@media (max-width: 760px) { .about-contact-grid { grid-template-columns: minmax(0, 1fr); gap: 2rem; } .about-contact-copy h2 { font-size: 1.75rem; } }