/* about/base.css — the "about me" section. Shared bones; each option paints its look. */
.ab{ padding:clamp(28px,4vw,56px) 0 clamp(48px,6vw,90px) }
.ab-head{ display:flex; flex-wrap:wrap; align-items:flex-end; justify-content:space-between; gap:12px 24px; margin-bottom:clamp(18px,2.6vw,32px) }
.ab-head .pr-switch{ flex:0 1 auto; min-width:0; max-width:100% }
.ab h2{ font-family:'Fraunces',Georgia,serif; font-style:italic; font-weight:400; font-variation-settings:'SOFT' 100,'WONK' 1,'opsz' 96; font-size:clamp(2rem,4.4vw,3.6rem); letter-spacing:-.01em; line-height:1.05; margin:0 0 .4em; max-width:none }
.ab-text p{ font-size:var(--fs-md); line-height:1.65; color:var(--ink); max-width:56ch; margin:0 0 1em }
.ab-text p:last-of-type{ margin-bottom:0 }
.ab-sig{ display:block; height:44px; width:auto; margin-top:18px }
.ab-shot{ display:block; width:100%; height:100%; padding:0; border:0; background:none; cursor:zoom-in; color:inherit }
.ab-shot img{ display:block; width:100%; height:100%; object-fit:cover }
.fable-brand__name{ font-family:'Fraunces',Georgia,serif; font-weight:600; font-variation-settings:'SOFT' 30,'WONK' 1,'opsz' 24; font-size:1.2rem; letter-spacing:-.005em }