/* About-only editorial refinement; shared header and footer remain untouched. */
[data-page=about] main{--about-heading:var(--color-espresso);--about-body:#40372F;--about-accent:#B09363;--about-space:clamp(48px,5.5vw,80px);color:var(--about-body)}
[data-page=about] main .section{padding-inline:var(--page-gutter)}
[data-page=about] main h2{font-size:clamp(1.8rem,2.65vw,2.7rem);font-weight:400;color:var(--about-heading);line-height:1.22;margin-bottom:24px}
[data-page=about] main p{font-size:16px;line-height:1.75;color:var(--about-body)}
[data-page=about] main .eyebrow{font-size:12px;letter-spacing:.15em;color:var(--color-olive);margin-bottom:20px}
[data-page=about] main .eyebrow::before{background:var(--about-accent)}
[data-page=about] .page-title{padding-top:var(--about-space);padding-bottom:44px;background:var(--color-ivory)}
[data-page=about] .page-title h1{font-size:clamp(2.6rem,4.8vw,4.8rem);font-weight:400;line-height:1.12;max-width:1100px;margin-bottom:0}
[data-page=about] .about-layout{grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:8%;align-items:center;padding-top:12px;padding-bottom:var(--about-space);background:var(--color-ivory)}
[data-page=about] .about-photo{max-width:500px}
[data-page=about] .about-photo img{display:block;width:100%;height:auto;aspect-ratio:508/509;object-fit:contain}
[data-page=about] .about-layout>div:last-child{max-width:56ch}
[data-page=about] .about-layout p:last-child{margin-bottom:0}
[data-page=about] .designer-section{display:block;background:var(--color-stone);padding-block:var(--about-space)}
[data-page=about] .designer-section>div{max-width:1000px;margin-inline:auto}
[data-page=about] .designer-section>div:last-child{display:grid;grid-template-columns:1fr 1fr;gap:6%;margin-top:28px}
[data-page=about] .designer-section p{margin-bottom:0}
[data-page=about] .designer-section .eyebrow{margin-bottom:18px}
[data-page=about] .editorial.top-rule{background:var(--color-ivory);grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:8%;align-items:start;padding-block:var(--about-space);border:0}
[data-page=about] .editorial.top-rule>h2{padding-top:0;margin-bottom:0}
[data-page=about] .editorial.top-rule>div{max-width:56ch;background:transparent;color:var(--about-body);padding:0;border:0}
[data-page=about] .editorial.top-rule p:last-child{margin-bottom:0}
[data-page=about] .cta{padding-block:clamp(40px,4.5vw,64px);background:var(--color-stone);gap:32px;align-items:center}
[data-page=about] .cta h2{font-size:clamp(1.9rem,3vw,3rem);margin:0;line-height:1.25}
[data-page=about] .cta .button{flex-shrink:0}
@media(max-width:850px){
 [data-page=about] .page-title{padding-bottom:32px}
 [data-page=about] .about-layout,[data-page=about] .editorial.top-rule{grid-template-columns:1fr;gap:28px}
 [data-page=about] .about-photo{max-width:480px;width:100%}
 [data-page=about] .designer-section>div:last-child{grid-template-columns:1fr;gap:22px;margin-top:0}
 [data-page=about] .cta{align-items:flex-start}
}
[data-page=about] .editorial.top-rule>h2{color:var(--about-heading)}

/* Final alignment and biography refinement. */
[data-page=about] .page-title{padding-bottom:32px}
[data-page=about] .about-layout>div:last-child{align-self:start;padding-top:clamp(32px,5vw,72px)}
[data-page=about] .designer-section{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:8%;align-items:start}
[data-page=about] .designer-section>div{max-width:none;margin:0}
[data-page=about] .designer-section>div:last-child{display:block;max-width:56ch;margin:0}
[data-page=about] .designer-section>div:last-child p{margin-bottom:20px}
[data-page=about] .designer-section>div:last-child p:last-child{margin-bottom:0}
[data-page=about] .editorial.top-rule{padding-bottom:clamp(38px,4.4vw,64px)}
[data-page=about] .cta{justify-content:flex-start;gap:clamp(40px,7vw,100px)}
@media(max-width:850px){
 [data-page=about] .page-title{padding-bottom:24px}
 [data-page=about] .about-layout>div:last-child{padding-top:0}
 [data-page=about] .designer-section{grid-template-columns:1fr;gap:8px}
 [data-page=about] .cta{gap:28px}
}

/* Matching 40/60 editorial columns for designer and approach. */
[data-page=about] .designer-section,[data-page=about] .editorial.top-rule{grid-template-columns:minmax(0,2fr) minmax(0,3fr);column-gap:5%;padding-top:clamp(44px,4.8vw,68px);padding-bottom:clamp(40px,4.4vw,64px)}
[data-page=about] .designer-section>div:last-child,[data-page=about] .editorial.top-rule>div{max-width:60ch}
@media(max-width:850px){
 [data-page=about] .designer-section,[data-page=about] .editorial.top-rule{grid-template-columns:1fr;row-gap:16px}
 [data-page=about] .designer-section h2{margin-bottom:0}
}

/* Understated, responsive opening headline. */
[data-page=about] .page-title h1{font-size:clamp(42px,4.45vw,64px);line-height:1.12}
[data-page=about] .page-title{padding-bottom:24px}
@media(max-width:850px){
 [data-page=about] .page-title h1{font-size:clamp(36px,5.4vw,42px)}
 [data-page=about] .page-title{padding-bottom:18px}
}

/* About headline follows the Projects overview title scale. */
[data-page=about] .page-title h1{font-size:clamp(30px,3.95vw,59px);line-height:1.15}
@media(max-width:700px){[data-page=about] .page-title h1{font-size:clamp(29px,6.2vw,37px)}}

/* Keep the About invitation on one line where desktop space permits. */
@media(min-width:1100px){
 body[data-page=about] .cta h2{max-width:none;white-space:nowrap;font-size:clamp(28px,2.35vw,34px)}
}

/* Slightly quieter About hero; shared type scale remains unchanged elsewhere. */
body[data-page=about] #main .page-title h1{font-size:clamp(33.5px,3.63vw,52px)!important}
@media(max-width:850px){body[data-page=about] #main .page-title h1{font-size:33.5px!important}}