.about-layout { display: grid; grid-template-columns: minmax(0,1.15fr) minmax(0,1fr); gap: clamp(36px,6vw,96px); align-items: start; padding-top: 12px; }
.about-photograph { margin: 0; }
.about-photograph img { display: block; width: 100%; height: auto; background: var(--soft); }
.about-photograph figcaption { padding-top: 22px; max-width: 490px; }
.about-photograph .eyebrow { color: var(--accent); }
.about-photograph h2 { font-family: var(--font-serif); font-weight: 400; font-size: 1.25rem; margin: 12px 0; }
.about-photograph p { color: var(--muted); font-size: .875rem; line-height: 1.9; margin: 0 0 14px; word-break: keep-all; overflow-wrap: anywhere; }
.about-gear { font-size: .75rem; color: var(--muted); }
.about-copy h2 { font-size: 1rem; font-weight: 500; line-height: 1.6; margin: 0 0 18px; }
.about-copy h2:not(:first-child) { margin-top: 38px; }
.about-copy .about-signature { border-top: 1px solid var(--line); padding-top: 24px; }
.about-gallery-link { display: inline-flex; align-items: center; min-height: 44px; color: var(--accent); font-size: .875rem; }
.about-gallery-link:hover { text-decoration: underline; text-underline-offset: 5px; }
.about-art { display: grid; grid-template-columns: minmax(0,1.15fr) minmax(0,1fr); gap: clamp(36px,6vw,96px); border-top: 1px solid var(--line); padding-top: 44px; }
.about-art-heading .eyebrow { color: var(--accent); }
.about-art-heading h2 { font-family: var(--font-serif); font-weight: 400; font-size: clamp(1.75rem,3vw,2.5rem); line-height: 1.4; letter-spacing: -.04em; margin: 18px 0 0; word-break: keep-all; overflow-wrap: anywhere; }
.about-art-copy { padding-bottom: 0; }
.about-art-photograph { max-width: 360px; margin-top: 28px; }
.about-art-photograph figcaption { display: flex; align-items: baseline; gap: 10px; padding-top: 14px; font-size: .8125rem; line-height: 1.7; overflow-wrap: anywhere; }
.about-purpose { margin-top: 64px; }
.about-contact { margin-top: 64px; }
.about-contact .about-copy { padding-bottom: 0; }
.about-contact .about-gallery-link { max-width: 100%; overflow-wrap: anywhere; }
.about-contact .photo-contact-note { margin-top: 14px; font-size: .8125rem; }
.about-preview-note { color: var(--accent); padding-block: 12px; font-size: .8125rem; }
.about-selected { border-top: 1px solid var(--line); margin-top: 64px; padding-top: 40px; }
.about-selected > h2 { font-family: var(--font-serif); font-weight: 400; font-size: 1.75rem; margin: 0 0 16px; }
.about-selected > p { color: var(--muted); line-height: 1.8; margin: 0 0 28px; }
.about-selected-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 30px 24px; }
.about-selected-grid figure { min-width: 0; margin: 0; }
.about-selected-grid a { display: block; }
.about-selected-grid img { display: block; width: 100%; height: auto; background: var(--soft); }
.about-selected-grid figcaption { display: flex; align-items: baseline; gap: 10px; font-size: .8125rem; line-height: 1.7; margin-top: 12px; overflow-wrap: anywhere; }
.about-selected-number { color: var(--accent); font-size: .6875rem; font-variant-numeric: tabular-nums; }
@media(max-width:600px) { .about-selected-grid { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 26px 14px; } .about-selected-grid figcaption { display: block; } .about-selected-number { display: block; margin-bottom: 4px; } }
.about-image-error { display: grid; place-content: center; text-align: center; aspect-ratio: 2048 / 1365; padding: 20px; background: var(--soft); }
.about-image-error button { min-height: 44px; border: 1px solid var(--line); background: var(--surface); padding: 8px 20px; border-radius: 3px; }
@media(min-width:1500px) { .about-layout,.about-art { grid-template-columns: minmax(0,1fr) minmax(0,1fr); } }
@media(max-width:850px) { .about-layout,.about-art { grid-template-columns: minmax(0,1fr); gap: 40px; } .about-copy { max-width: 680px; } .about-photograph { max-width: 760px; } .about-art { gap: 24px; padding-top: 32px; margin-top: 40px; } }