
.about-main { width: min(100% - 48px, 960px); margin: 0 auto; padding: 150px 0 80px; }
.about-main h1 { font-size: 64px; font-weight: 400; letter-spacing: -.04em; line-height: 1.1; margin: 0 0 48px; }
.photo-pair { display: grid; grid-template-columns: 1fr 1.5fr; gap: 24px; margin-bottom: 60px; }
.photo-placeholder { background: rgba(110,100,120,.055); border: 1px solid rgba(90,80,100,.12); aspect-ratio: 4/3; }
.photo-pair .photo-placeholder { aspect-ratio: auto; min-height: 340px; }
.about-copy { max-width: 720px; margin: auto; font-size: 19px; line-height: 29.5px; font-weight: 300; -webkit-font-smoothing: antialiased; }
.about-copy p { margin: 0 0 24px; }
.about-copy .about-opening { font-size: 26px; line-height: 1.45; margin-bottom: 32px; }
.about-copy strong { font-weight: 500; }
.about-section { margin-top: 80px; padding-top: 40px; border-top: 1px solid rgba(0,0,0,.13); }
.about-section h2 { font-size: 38px; font-weight: 400; letter-spacing: -.025em; line-height: 1.2; margin: 0 0 32px; }
.about-section h3 { font-size: 26px; font-weight: 400; line-height: 1.3; margin: 0 0 24px; }
.about-section article { margin: 0 0 64px; }
.story-photos { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; margin-top: 32px; }
.story-wide { margin-top: 32px; aspect-ratio: 16/9; }
.about-contact { border-top: 1px solid rgba(0,0,0,.13); margin-top: 64px; padding-top: 28px; }
.about-contact a { text-decoration: underline; text-underline-offset: 4px; }
@media(max-width:600px) { .about-main { padding-top: 120px; } .about-main h1 { font-size: 48px; } .photo-pair { gap: 14px; margin-bottom: 40px; } .photo-pair .photo-placeholder { min-height: 190px; } .about-copy .about-opening { font-size: 23px; } .about-section { margin-top: 56px; } .about-section h2 { font-size: 32px; } }

.services-list { padding-left: 22px; margin: 0 0 32px; }
.services-list li { margin-bottom: 16px; padding-left: 4px; }
.writing-outro { padding-top: 32px; border-top: 1px solid rgba(0,0,0,.13); }

.about-photo { display: block; width: 100%; height: auto; min-width: 0; }
.story-photos .about-photo { aspect-ratio: 4 / 3; }
.photo-pair { align-items: start; max-width: 720px; margin-left: auto; margin-right: auto; }
