/* About page — uses the exact shared ERICZO site variables, type and navigation.
   The original ericzo-portrait.jpeg remains unchanged. */
.about-page {background:var(--pink);}
.about-hero {background:var(--pink);}
.about-hero-inner {display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,.78fr);gap:clamp(40px,5.4vw,86px);align-items:center;padding-block:clamp(60px,7vw,105px);}
.about-hero-copy .eyebrow {margin:0 0 clamp(25px,3vw,48px);}
.about-hero h1 {font-size:clamp(86px,9.8vw,155px);margin:0;letter-spacing:-.018em;color:var(--ink);}
.about-portrait {margin:0;min-width:0;justify-self:end;width:min(100%,475px);background:transparent;}
.about-portrait img {display:block;width:100%;height:auto;object-fit:contain;object-position:center;}
.about-biography {background:var(--paper);}
.about-biography-inner {display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);gap:clamp(36px,7vw,110px);padding-block:clamp(66px,7vw,110px);}
.about-section-heading .eyebrow {margin:0 0 18px;}
.about-section-heading h2 {font-size:clamp(64px,6vw,94px);margin:0;}
.about-bio-copy {max-width:780px;}
.about-bio-copy p {font-size:clamp(18px,1.6vw,23px);line-height:1.62;margin:0 0 26px;}
.about-bio-copy p:last-child {margin-bottom:0;}
.about-work {background:var(--ink);color:var(--white);}
.about-work-inner {display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(36px,6vw,90px);align-items:center;padding-block:clamp(64px,7vw,112px);}
.about-work .eyebrow {margin:0 0 20px;color:#d5c7cf;}
.about-work h2 {color:var(--pink);font-size:clamp(58px,6.5vw,105px);margin:0;}
.about-work-content p:first-child {font-size:clamp(22px,2.3vw,34px);font-weight:700;line-height:1.43;margin:0 0 23px;}
.about-work-content p:last-child {font-size:16px;color:#e6dce2;margin:0;}
.about-listen {background:var(--pink);padding-block:clamp(64px,7vw,104px);}
.about-listen .eyebrow {margin:0 0 18px;}
.about-listen h2 {font-size:clamp(70px,8vw,125px);margin:0 0 clamp(30px,3.5vw,55px);}
.about-platforms {display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:11px;}
.about-platforms a {display:flex;justify-content:space-between;align-items:center;gap:8px;border-top:1px solid var(--ink);border-bottom:1px solid var(--ink);padding:18px 7px 18px 0;font-weight:700;font-size:clamp(13px,1.2vw,17px);}
.about-platforms a span {font-size:21px;}
.about-platforms a:hover {opacity:.66;}
.about-next {background:var(--ink);color:var(--pink);}
.about-next-inner {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;padding-block:clamp(48px,5vw,80px);}
.about-action {display:flex;align-items:center;justify-content:space-between;gap:20px;border:1px solid var(--pink);padding:21px 23px;font-size:clamp(18px,2vw,26px);font-weight:700;min-width:0;}
.about-action span {font-size:26px;}
.about-action:hover {background:var(--pink);color:var(--ink);}
@media(max-width:930px){
 .about-hero-inner {grid-template-columns:minmax(0,1fr) minmax(0,.8fr);gap:22px;}
 .about-hero h1 {font-size:clamp(66px,10vw,95px);}
 .about-biography-inner {grid-template-columns:minmax(0,.65fr) minmax(0,1.35fr);gap:30px;}
 .about-work-inner {gap:25px;}
 .about-platforms {grid-template-columns:repeat(3,minmax(0,1fr));}
}
@media(max-width:700px){
 .about-hero-inner {grid-template-columns:1fr;gap:32px;padding-block:47px 55px;}
 .about-hero h1 {font-size:clamp(71px,14.5vw,110px);}
 .about-portrait {justify-self:stretch;width:min(100%,470px);}
 .about-biography-inner {grid-template-columns:1fr;gap:27px;}
 .about-biography .about-section-heading h2 {font-size:68px;}
 .about-bio-copy p {font-size:18px;}
 .about-work-inner {grid-template-columns:1fr;gap:27px;}
 .about-work h2 {font-size:72px;}
 .about-platforms {grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media(max-width:520px){
 .about-hero h1 {font-size:clamp(66px,16.5vw,85px);}
 .about-hero-inner {padding-block:36px 50px;}
 .about-portrait {width:100%;}
 .about-biography-inner {padding-block:58px;}
 .about-next-inner {grid-template-columns:1fr;gap:12px;padding-block:45px;}
 .about-platforms {grid-template-columns:1fr;gap:0;}
 .about-platforms a {padding-block:16px;border-bottom:0;}
 .about-platforms a:last-child {border-bottom:1px solid var(--ink);}
}