/* About page — portrait + pull-quote */
.portrait{ position:relative; aspect-ratio:4/5; border:1px solid var(--line); overflow:hidden;
  background:repeating-linear-gradient(135deg, rgba(255,255,255,0.02) 0 2px, transparent 2px 10px), var(--surface); }
.portrait .tl{ position:absolute; top:14px; left:16px; font-family:var(--mono); font-size:10.5px; letter-spacing:0.14em; text-transform:uppercase; color:var(--ink-4); }
.portrait .bl{ position:absolute; bottom:14px; left:16px; font-family:var(--mono); font-size:10.5px; letter-spacing:0.14em; text-transform:uppercase; color:var(--ink-3); }
.about-hero{ display:grid; grid-template-columns:1.4fr 1fr; gap:clamp(30px,5vw,70px); align-items:end; }
@media(max-width:760px){ .about-hero{ grid-template-columns:1fr; } .portrait{ max-width:340px; } }
.pullq{ font-family:var(--serif); font-weight:300; font-size:clamp(26px,4vw,50px); line-height:1.16; letter-spacing:-0.01em; color:var(--ink); max-width:24ch; }
.pullq em{ font-style:italic; color:var(--accent-2); }