/* Additive About-page styles; shared typography and colors stay in /seo.css. */
.about-page .site-header nav [aria-current="page"]{text-decoration:underline;text-underline-offset:6px}
.about-hero{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);gap:clamp(35px,7vw,110px);align-items:center;padding-block:58px 100px}
.about-hero-copy{min-width:0;padding-block:20px}
.about-hero h1{font-size:clamp(58px,7vw,112px);margin:24px 0 18px;letter-spacing:-.065em;line-height:1.02}
.about-name-period{color:#718642}
.about-hero-line{font-size:clamp(31px,3.5vw,56px);line-height:1.07;letter-spacing:-.045em;margin-bottom:35px}
.about-hero-line em{font-size:1.15em}
.about-lead{font-size:clamp(18px,1.6vw,23px);line-height:1.55;letter-spacing:-.02em;max-width:600px}
.about-intro{font-size:16px;line-height:1.8;color:var(--muted);max-width:550px;margin-top:22px}
.about-page .text-link{gap:24px;font-size:13px}
.about-portrait{width:100%;max-width:550px;justify-self:end}
.about-portrait>img{width:100%;height:auto;aspect-ratio:1199/1312;object-fit:contain;background:#d9d8d1}
.about-portrait figcaption{font-size:11px;flex-wrap:wrap}
.about-chapter{display:grid;grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr);gap:clamp(35px,7vw,110px);padding-block:85px 100px;border-top:1px solid var(--line)}
.about-chapter-heading h2{font-size:clamp(35px,4vw,60px);margin-top:30px}
.about-prose{font-size:17px;line-height:1.85;max-width:720px;min-width:0}
.about-prose>p+p,.about-prose>div>p+p{margin-top:22px}
.about-prose p a{color:inherit;text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1px}
.about-prose p a:hover{text-decoration-thickness:2px}
.about-education{display:grid;grid-template-columns:90px 1fr;gap:15px;font-size:14px;line-height:1.65;border-top:1px solid var(--line);padding-top:24px;margin:35px 0 0}
.about-education dt{font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);padding-top:4px}
.about-education dd{margin:0}
.about-education dd span{font-size:12px;color:var(--muted)}
.about-experience{background:#e8eadf}
.about-experience .about-chapter{border-top:0}
.about-credit-note{font-size:14px;color:#4a5142;border-top:1px solid #bdc3b0;padding-top:24px;margin-top:28px;line-height:1.75}
.about-project-links{margin-top:30px}
.about-project-links>a{display:flex;gap:24px;justify-content:space-between;align-items:center;border-top:1px solid #bdc3b0;padding:22px 0;min-height:80px}
.about-project-links>a:last-child{border-bottom:1px solid #bdc3b0}
.about-project-links strong{display:block;font-size:18px;line-height:1.35;font-weight:500;letter-spacing:-.02em}
.about-project-links small{display:block;font-size:11px;color:#4a5142;line-height:1.6;margin-top:8px}
.about-project-links>a>span:last-child{font-size:25px}
.about-project-links>a:hover strong{text-decoration:underline;text-underline-offset:4px}
.about-creative{border-top:0}
.about-beyond{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:clamp(35px,7vw,110px);align-items:center;border-top:1px solid var(--line);padding-block:72px 90px}
.about-beyond figure>img{width:100%;height:auto;aspect-ratio:1484/1060;object-fit:contain}
.about-beyond figcaption{font-size:11px}
.about-beyond h2{font-size:clamp(35px,4vw,60px);margin:25px 0 26px}
.about-beyond>div>p:last-child{font-size:16px;line-height:1.8;color:var(--muted);max-width:420px}
.about-contact{display:flex;align-items:center;justify-content:space-between;gap:45px;padding-block:70px 85px;border-top:1px solid var(--line)}
.about-contact h2{font-size:clamp(52px,6.5vw,98px);margin:25px 0 26px;line-height:1}
.about-contact p:last-child{font-size:15px;line-height:1.75;color:var(--muted)}
.about-page .footer-top>div a{gap:14px}
.about-page .footer-bottom>a{display:inline-flex;min-height:44px;align-items:center;margin-top:-12px}
@media(max-width:1000px){
  .about-hero{gap:40px;padding-block:38px 65px}
  .about-hero h1{font-size:clamp(52px,7.5vw,78px)}
  .about-hero-line{font-size:34px;margin-bottom:25px}
  .about-chapter,.about-beyond{gap:45px}
  .about-prose{font-size:16px}
}
@media(max-width:700px){
  .about-hero{grid-template-columns:1fr;gap:32px;padding-block:30px 55px}
  .about-hero-copy{padding-block:0}
  .about-hero h1{font-size:clamp(50px,13vw,84px);margin-top:22px;margin-bottom:18px}
  .about-hero-line{font-size:clamp(30px,8vw,46px);line-height:1.08;margin-bottom:28px}
  .about-lead{font-size:19px;line-height:1.6}
  .about-intro{font-size:15px;line-height:1.8;margin-top:20px}
  .about-portrait{max-width:480px;justify-self:start}
  .about-portrait figcaption{font-size:10px;gap:8px;padding-top:12px}
  .about-chapter{grid-template-columns:1fr;gap:28px;padding-block:50px 55px}
  .about-chapter-heading h2{font-size:clamp(34px,8.8vw,50px);margin-top:20px}
  .about-prose{font-size:16px;line-height:1.8}
  .about-prose>p+p,.about-prose>div>p+p{margin-top:20px}
  .about-education{grid-template-columns:1fr;gap:9px;margin-top:28px;padding-top:22px}
  .about-credit-note{font-size:13px;line-height:1.8}
  .about-project-links strong{font-size:17px}
  .about-project-links small{font-size:11px}
  .about-beyond{grid-template-columns:1fr;gap:25px;padding-block:45px 55px}
  .about-beyond h2{font-size:clamp(34px,8.8vw,50px);margin:20px 0 24px}
  .about-beyond>div>p:last-child{font-size:15px;max-width:none}
  .about-contact{align-items:start;flex-direction:column;gap:28px;padding-block:50px 55px}
  .about-contact h2{font-size:clamp(48px,12.5vw,70px);margin:24px 0}
  .about-contact p:last-child{font-size:14px}
}
@media(max-width:360px){
  .about-page .site-header{gap:12px}
  .about-page .site-header nav{gap:12px}
  .about-page .brand-logo{width:94px}
  .about-page .site-header nav a{font-size:11px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

.about-artwork{margin:0 0 30px}.about-artwork a{display:block}.about-artwork img{display:block;width:100%;height:auto;object-fit:contain}.about-artwork figcaption{font-size:11px;line-height:1.6;color:#666b65;padding-top:12px;letter-spacing:.035em}

.about-recognition{padding-top:50px;padding-bottom:70px}.about-recognition .section-top{display:flex;justify-content:space-between;gap:40px;align-items:end;margin-bottom:30px}.about-recognition h2{font-size:clamp(36px,5vw,62px);font-weight:400;line-height:1.02;letter-spacing:-.04em;margin:0}.about-recognition h2 em{font-family:Georgia,serif;font-weight:400}.about-recognition .section-top>p{max-width:340px;font-size:14px;line-height:1.7}.recognition-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.recognition-grid article{border:1px solid #aaa7;background:#ffffff30;overflow:hidden}.recognition-grid article>img{display:block;width:100%;height:210px;object-fit:cover;object-position:center 35%}.recognition-grid article>div{padding:24px}.recognition-grid h3{font-size:25px;font-weight:400;letter-spacing:-.025em;margin:8px 0 16px}.recognition-grid p{font-size:14px;line-height:1.75}.recognition-grid a{display:inline-block;margin:12px 16px 0 0;font-size:12px;text-decoration:underline;text-underline-offset:4px}.recognition-firm,.recognition-note{font-size:11px!important;opacity:.7}.recognition-note{line-height:1.7;margin-top:20px}.about-supporting-note{font-size:14px!important;opacity:.78}@media(max-width:700px){.recognition-grid{grid-template-columns:1fr}.about-recognition .section-top{display:block}.recognition-grid article>img{height:180px}.about-recognition{padding-top:30px;padding-bottom:40px}}