.about-page{--about-space:80px}
.about-wide-photo,.about-portrait-photo{margin:0;width:100%}
.about-wide-photo img,.about-portrait-photo img{display:block;width:100%;height:auto}
.about-intro{background:var(--soft);padding-block:var(--about-space)}
.about-intro-grid{display:grid;grid-template-columns:1fr 2fr;gap:70px}
.about-intro h1{font-size:clamp(2.8rem,5vw,4.8rem);font-weight:500}
.about-lead{font-size:clamp(1.25rem,2vw,1.65rem);line-height:1.45;letter-spacing:-.035em;max-width:36ch;margin-bottom:30px}
.about-columns{display:grid;grid-template-columns:1fr 1fr;gap:36px}
.about-columns p+p,.about-story-copy p+p{margin-top:20px}
.about-wide-placeholder{width:100%;min-height:260px;aspect-ratio:3.3/1;background:var(--accent)}
.about-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:12px;padding:30px;color:var(--ink)}
.about-placeholder svg{width:44px;height:44px;fill:none;stroke:currentColor;stroke-width:1;opacity:.55}
.about-placeholder span{font-size:.75rem;letter-spacing:.12em;text-transform:uppercase}
.about-placeholder small{font-size:.8125rem;opacity:.7}
.about-story{background:var(--background);padding-block:var(--about-space)}
.about-story-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:start}
.about-portrait-placeholder{aspect-ratio:4/5;background:var(--rose)}
.about-story-copy h2{font-size:clamp(1.8rem,3vw,2.6rem);max-width:19ch;margin-bottom:28px}
.about-story-copy .text-link{margin-top:32px}
.about-page .site-footer{padding-top:var(--about-space)}
@media(max-width:1000px){.about-page{--about-space:60px}.about-intro-grid{gap:36px;grid-template-columns:1fr 2.3fr}.about-story-grid{gap:40px}}
@media(max-width:760px){.about-page{--about-space:44px}.about-intro-grid,.about-story-grid,.about-columns{grid-template-columns:1fr;gap:28px}.about-wide-placeholder{aspect-ratio:16/9;min-height:220px}.about-portrait-placeholder{aspect-ratio:4/3}.about-lead{margin-bottom:24px}}