.about{width:min(900px,calc(100% - 42px))}
.about-hero{display:grid;grid-template-columns:minmax(430px,1.22fr) minmax(250px,.78fr);gap:clamp(38px,6vw,82px);align-items:center;margin-bottom:110px}
.about-title{min-width:0}
.about-title .kicker{margin-bottom:22px}
.about h1{max-width:900px;margin:0;font-size:clamp(66px,8.5vw,118px)}
.about-portrait{position:relative;width:100%;margin:0;overflow:hidden;background:transparent}
.about-portrait:after{content:none}
.about-portrait img{display:block;width:100%;height:auto;opacity:.72;filter:contrast(1.04) saturate(.86);-webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 70%,transparent 100%);mask-image:linear-gradient(to bottom,#000 0%,#000 70%,transparent 100%)}
.about-copy{max-width:760px;margin-left:0;text-align:left}
.about-copy p{margin:0 0 31px;padding:0;border:0;color:var(--muted);font-size:clamp(17px,2vw,23px);line-height:1.72;letter-spacing:-.015em}
.about-copy .lead{color:#ddd8e0;font-size:clamp(22px,3vw,34px);font-weight:600;line-height:1.48;letter-spacing:-.035em}
.about-copy .manifesto{margin:76px 0 31px;padding:0;color:#fff;font-size:clamp(30px,5vw,56px);font-weight:800;line-height:1.08;letter-spacing:-.055em}
.about-copy .manifesto strong{color:#fff}
.about-copy .signature{padding:0;color:var(--red);font:500 11px "DM Mono",monospace;letter-spacing:.18em;text-transform:uppercase}
@media(max-width:820px){
  .about-hero{grid-template-columns:1fr;gap:42px;margin-bottom:80px}
  .about-portrait{width:min(520px,100%)}
}
@media(max-width:600px){
  .about-hero{gap:38px;margin-bottom:70px}
  .about h1{font-size:clamp(60px,20vw,92px)}
  .about-copy p{margin-bottom:25px;padding:0;font-size:17px}
  .about-copy .lead{font-size:24px}
  .about-copy .manifesto{margin:54px 0 25px;padding:0;font-size:36px}
}