.about{--about-bg:#e7e4dc;--about-ink:#212320;--about-muted:#60635b;background:var(--about-bg);color:var(--about-ink);padding:clamp(70px,7vw,115px) var(--gutter) clamp(75px,8vw,125px)}
.about-eyebrow{font-size:14px;line-height:1.5;letter-spacing:.15em;margin:0 0 38px}
.about-composition{position:relative;min-height:clamp(620px,75vh,820px);isolation:isolate}
.about-title{position:relative;z-index:2;width:68%;max-width:22ch;margin:0 0 0 30%;font-size:clamp(36px,4.5vw,68px);line-height:1.12;font-weight:400;letter-spacing:-.05em;text-wrap:balance}
.about-portrait{position:absolute;left:0;top:clamp(140px,13vw,190px);width:43%;height:clamp(420px,54vh,610px);margin:0;overflow:hidden;background:#0b0d10}
.about-portrait img{display:block;width:100%;height:100%;object-fit:cover;object-position:80% center}
.about-copy{position:relative;z-index:2;margin:42px 0 0 55%;width:38%;max-width:430px}
.about-text{margin:0;font-size:clamp(17px,1.4vw,21px);line-height:1.65;letter-spacing:-.025em}
.about-provisional{font-size:14px;line-height:1.65;color:var(--about-muted);margin:24px 0 0}
.about-link{display:inline-block;font-size:14px;line-height:1.5;border-bottom:1px solid #777a71;padding-bottom:6px;margin-top:30px;cursor:default}
@supports(animation-timeline:view()){
 @media(prefers-reduced-motion:no-preference) and (min-width:701px){
  .about-portrait{animation:about-drift linear both;animation-timeline:view();animation-range:entry 0% cover 65%}
  .about-title{animation:about-phrase linear both;animation-timeline:view();animation-range:entry 0% entry 90%}
 }
}
@keyframes about-drift{from{transform:translateY(12px)}to{transform:translateY(-8px)}}
@keyframes about-phrase{from{clip-path:inset(0 0 14% 0)}to{clip-path:inset(0)}}
@media(max-width:700px){
 .about{padding-top:60px;padding-bottom:75px}
 .about-eyebrow{font-size:13px;margin-bottom:28px}
 .about-composition{min-height:0}
 .about-title{width:100%;max-width:20ch;margin-left:0;font-size:clamp(34px,8.7vw,48px)}
 .about-portrait{position:relative;top:auto;width:88%;height:clamp(320px,82vw,450px);margin:30px 0 0}
 .about-copy{width:100%;max-width:30em;margin:30px 0 0}
 .about-text{font-size:18px}
 .about-provisional{margin-top:20px}
 .about-link{margin-top:26px}
}
@media(prefers-reduced-motion:reduce){.about-portrait,.about-title{animation:none!important;transform:none!important;clip-path:none!important}}