.about-hero{position:relative;overflow:hidden;padding:clamp(4rem,8vw,7rem) 0;color:var(--cream);background:var(--ink)}
.about-hero:after{content:"";position:absolute;inset:auto 0 0;height:8px;background:linear-gradient(90deg,var(--rust) 0 35%,var(--gold) 35% 50%,var(--paper) 50%)}
.about-hero-grid{display:grid;grid-template-columns:.8fr 1.2fr;align-items:center;gap:clamp(3rem,8vw,8rem)}
.about-title h1{font-size:clamp(4.3rem,8vw,8.4rem);line-height:.8}
.about-title>p:last-child{max-width:360px;margin:2rem 0 0;color:rgba(255,248,236,.7);font:clamp(1.25rem,2vw,1.6rem)/1.5 var(--serif)}
.about-portrait-frame{padding:1rem;border:1px solid rgba(255,255,255,.22)}
.about-portrait{width:100%;aspect-ratio:1;object-fit:cover}
.about-body-grid{display:grid;grid-template-columns:.72fr 1.28fr;gap:clamp(3rem,9vw,9rem);padding-block:clamp(5rem,10vw,9rem)}
.about-aside{position:sticky;top:3rem;align-self:start}
.about-aside h2{font-size:clamp(2.7rem,4.8vw,5rem);line-height:.98}
.about-rule{display:block;width:5rem;height:3px;margin-top:2rem;background:var(--rust)}
.about-prose{max-width:760px}
.about-prose>p{margin:0 0 1.7rem;color:#46504f;font:clamp(1.08rem,1.35vw,1.22rem)/1.8 var(--serif)}
.about-prose .about-lead{color:var(--ink);font-size:clamp(1.35rem,2vw,1.68rem);line-height:1.58}
.about-lead:first-letter{float:left;margin:.08em .12em 0 0;color:var(--rust);font-size:4.1em;line-height:.72}
.about-quote{margin:3.8rem 0;padding:clamp(2rem,4vw,3.3rem);color:var(--cream);background:var(--rust);box-shadow:12px 12px 0 #ded3c1}
.about-quote p{margin:0;font:italic clamp(1.55rem,2.8vw,2.3rem)/1.42 var(--serif)}
.about-quote cite{display:block;margin-top:1.4rem;color:rgba(255,255,255,.72);font:800 .66rem/1 var(--sans);letter-spacing:.15em;text-transform:uppercase}
.about-prose>.button{margin-top:1rem}
@media(max-width:820px){.about-hero-grid,.about-body-grid{grid-template-columns:1fr}.about-aside{position:static}.about-portrait-frame{max-width:600px}.about-title h1{font-size:clamp(4.3rem,18vw,7rem)}}
@media(max-width:520px){.about-portrait-frame{padding:.55rem}.about-quote{box-shadow:7px 7px 0 #ded3c1}}