.about { grid-template-columns: minmax(0,.9fr) minmax(0,1.1fr); gap: clamp(40px,7vw,110px); padding-top: 78px; padding-bottom: 96px; border-top: 1px solid var(--line); }
.about .eyebrow { display: block; margin: 0 0 24px; color: var(--orange); }
.about h2 { margin: 0; color: #f5f5f5; font-size: clamp(38px,4.5vw,68px); line-height: .94; letter-spacing: -.035em; overflow-wrap: anywhere; }
.about-heading-accent { color: var(--orange); }
.about-name { margin: 32px 0 0; color: #bcbcbc; font-size: 17px; }
.about-name span { padding: 0 8px; color: var(--orange); }
.about-copy { padding-top: 4px; }
.about-copy p { margin: 0 0 24px; color: #dedede; font-size: clamp(18px,1.48vw,22px); line-height: 1.52; }
.about-copy p:last-child { margin-bottom: 0; }
.about-copy #about-age { color: #fff; font-weight: 700; }
.about-copy .about-closing { margin-top: 32px; padding: 20px 0 20px 22px; border-left: 3px solid var(--orange); color: #f5f5f5; }
@media(max-width: 900px) { .about { grid-template-columns: 1fr; gap: 32px; padding-top: 62px; padding-bottom: 72px; } .about h2 { max-width: 800px; } .about-copy { max-width: 760px; } }
@media(max-width: 560px) { .about { gap: 28px; padding-top: 48px; padding-bottom: 54px; } .about h2 { font-size: clamp(34px,9vw,46px); line-height: 1; } .about-name { margin-top: 22px; font-size: 15px; } .about-copy p { font-size: 18px; line-height: 1.48; margin-bottom: 20px; } .about-copy .about-closing { margin-top: 24px; padding: 14px 0 14px 17px; } }