:root{--gold-txt:#6F6222}
/* ═══════════════════════════════════════════════════════════════
   TAUTLE · ABOUT - editorial folio, v10
   Layered on site.css tokens. Scoped to .ab-*
   ═══════════════════════════════════════════════════════════════ */

.ab-body{background:var(--ivory);overflow-x:hidden}

.ab-wrap{
  width:100%;
  max-width:1320px;
  margin:0 auto;
  padding:0 clamp(20px,5vw,84px);
}

/* paper grain, applied per-section */
.ab-grain{position:relative;isolation:isolate}
.ab-grain::before{
  content:"";
  position:absolute;inset:0;
  z-index:0;
  pointer-events:none;
  opacity:.40;
  mix-blend-mode:multiply;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.82' numOctaves='4' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='180' height='180' filter='url(%23n)' opacity='.26'/%3E%3C/svg%3E");
}
.ab-grain > *{position:relative;z-index:1}

/* ─── typographic primitives ──────────────────────────────────── */
.ab-kick{
  display:flex;align-items:baseline;gap:.85em;
  font-family:var(--sans);
  font-size:.655rem;
  font-weight:500;
  letter-spacing:.26em;
  text-transform:uppercase;
  color:var(--slate);
  margin:0;
}
.ab-kick .n{
  font-family:var(--serif);
  font-style:italic;
  font-size:.95rem;
  letter-spacing:.02em;
  color:var(--gold-txt);
  line-height:1;
}
.ab-kick::after{
  content:"";flex:0 0 auto;width:clamp(24px,4vw,52px);height:1px;
  background:var(--gold);opacity:.5;transform:translateY(-3px);
}
.ab-kick.on-dark{color:rgba(247,245,240,.64)}
.ab-kick.on-dark .n{color:var(--gold-lt)}
.ab-kick.on-dark::after{background:var(--gold-lt);opacity:.55}

.ab-fig{
  font-family:var(--sans);
  font-size:.62rem;
  letter-spacing:.18em;
  text-transform:uppercase;
  color:var(--steel);
  line-height:1.75;
  margin:0;
}
.ab-fig b{display:block;color:var(--ink);font-weight:500;letter-spacing:.14em}
.ab-fig.on-dark{color:rgba(247,245,240,.52)}
.ab-fig.on-dark b{color:var(--gold-lt)}

/* ═════════════════════════════════════════════════════════════
   01 · INTRODUCTION
   ═════════════════════════════════════════════════════════════ */
.ab-hero{
  position:relative;
  padding-top:calc(var(--navh) + clamp(16px,2.2vw,32px));
  padding-bottom:clamp(26px,3.4vw,48px);
  overflow:hidden;
}

.ab-mast{
  display:flex;justify-content:space-between;align-items:baseline;gap:24px;
  border-top:1px solid var(--ink);
  padding-top:12px;
  font-family:var(--sans);
  font-size:.6rem;font-weight:500;
  letter-spacing:.24em;text-transform:uppercase;
  color:var(--ink);
}
.ab-mast span:last-child{color:var(--steel)}

.ab-hero-wrap{margin-top:clamp(30px,4.4vw,58px)}

.ab-hero-grid{
  display:grid;
  grid-template-columns:minmax(0,1.06fr) minmax(0,.82fr);
  gap:clamp(22px,2.8vw,52px);
  align-items:start;
}
.ab-hero-copy{position:relative;z-index:2;min-width:0}

.ab-h1{
  position:relative;
  z-index:3;
  margin:clamp(14px,1.8vw,22px) 0 0;
  font-family:var(--serif);
  font-weight:400;
  font-size:clamp(2.5rem,5.35vw,5.15rem);
  line-height:.985;
  letter-spacing:-.028em;
  color:var(--ink);
}
.ab-h1 .ln{display:block}
.ab-h1 em{
  font-style:italic;font-weight:400;color:var(--ink);
  position:relative;
}
.ab-h1 em::after{
  content:"";position:absolute;left:.01em;right:.04em;bottom:.075em;
  height:1px;background:var(--gold);opacity:.9;
}

.ab-hero-sub{position:relative;z-index:3}

.ab-lede{
  margin:clamp(24px,3vw,40px) 0 0;
  max-width:40ch;
  font-family:var(--serif);
  font-size:clamp(1.01rem,1.35vw,1.22rem);
  line-height:1.68;
  color:var(--ink-soft);
}
.ab-lede::first-letter{color:var(--gold)}

.ab-hero-meta{
  margin:clamp(20px,2.6vw,32px) 0 0;
  display:flex;align-items:center;gap:13px;
  font-family:var(--sans);font-size:.6rem;font-weight:500;
  letter-spacing:.22em;text-transform:uppercase;color:var(--gold-txt);
}
.ab-hero-meta i{display:block;width:clamp(20px,3vw,42px);height:1px;background:var(--gold);opacity:.6}

/* the plate: collage in the opposing field */
.ab-hero-art{
  position:relative;
  z-index:1;
  margin:calc(-1 * clamp(4px,2.2vw,38px)) calc(-1 * clamp(20px,5vw,84px)) 0 0;
  padding-left:clamp(14px,2vw,30px);
  pointer-events:none;
}
.ab-hero-art::before{
  content:"";position:absolute;left:0;top:0;bottom:clamp(24px,4vw,54px);width:1px;
  background:linear-gradient(to bottom,transparent,var(--gold) 12%,var(--gold) 82%,transparent);
  opacity:.45;
}
.ab-hero-art img{
  display:block;width:100%;height:auto;
  mix-blend-mode:multiply;
  filter:contrast(1.02) saturate(.96);
}
.ab-hero-art figcaption{
  display:flex;align-items:center;gap:10px;
  justify-content:flex-end;
  margin-top:clamp(10px,1.4vw,16px);
  padding-right:clamp(20px,5vw,84px);
  font-family:var(--sans);font-size:.575rem;letter-spacing:.2em;
  text-transform:uppercase;color:var(--steel);
}
.ab-hero-art figcaption i{display:block;width:24px;height:1px;background:var(--gold);opacity:.8}


.ab-hero-foot{
  margin-top:clamp(34px,5vw,62px);
  display:flex;justify-content:space-between;gap:24px;flex-wrap:wrap;
  border-top:1px solid var(--rule);
  padding-top:13px;
  font-family:var(--sans);font-size:.6rem;font-weight:500;
  letter-spacing:.2em;text-transform:uppercase;color:var(--steel);
}
.ab-hero-foot em{font-style:normal;color:var(--gold);padding:0 .5em}

/* ═════════════════════════════════════════════════════════════
   02 · FOUNDER
   ═════════════════════════════════════════════════════════════ */
.ab-founder{
  background:var(--cream);
  border-top:1px solid var(--rule);
  border-bottom:1px solid var(--rule);
  padding:clamp(54px,7vw,102px) 0 clamp(54px,7vw,100px);
}
.ab-founder-in{
  display:grid;
  grid-template-columns:repeat(12,1fr);
  gap:clamp(18px,2.4vw,34px);
  align-items:start;
}

.ab-porcol{
  grid-column:1 / span 5;
  position:relative;
  padding-top:clamp(6px,1.4vw,22px);
}
.ab-fbody{grid-column:7 / span 6;padding-top:clamp(0px,2vw,26px)}

.ab-portrait{
  position:relative;
  margin:0;
  width:min(100%,412px);
}
.ab-portrait .plate{
  position:relative;
  z-index:2;
  background:var(--paper);
  padding:clamp(11px,1.25vw,17px);
  box-shadow:0 28px 64px -38px rgba(26,26,24,.55);
}
.ab-portrait .plate::after{
  content:"";position:absolute;z-index:0;
  top:clamp(12px,1.8vw,20px);
  left:clamp(12px,1.8vw,20px);
  right:calc(-1 * clamp(9px,1.5vw,17px));
  bottom:calc(-1 * clamp(9px,1.5vw,17px));
  border:1px solid var(--gold);
  opacity:.5;
  pointer-events:none;
}
.ab-portrait .plate img{
  position:relative;z-index:1;
  display:block;width:100%;height:auto;
  filter:saturate(.97) contrast(1.02);
}
.ab-portrait figcaption{
  display:flex;align-items:center;gap:11px;
  margin-top:clamp(15px,1.9vw,23px);
  font-family:var(--sans);font-size:.6rem;font-weight:500;
  letter-spacing:.2em;text-transform:uppercase;color:var(--slate);
}
.ab-portrait figcaption b{color:var(--ink);font-weight:600}
.ab-portrait figcaption i{width:22px;height:1px;background:var(--gold)}

/* pinned plate, overlapping the portrait's lower-left */
.ab-side-plate{
  position:absolute;
  z-index:4;
  top:calc(-1 * clamp(18px,3vw,46px));
  right:calc(-1 * clamp(16px,3vw,52px));
  width:min(32%,154px);
  margin:0;
  pointer-events:none;
}
.ab-side-plate img{
  display:block;width:100%;height:auto;
  mix-blend-mode:multiply;
  filter:contrast(1.03) saturate(.94);
}
.ab-side-plate figcaption{
  margin-top:7px;text-align:right;
  font-family:var(--sans);font-size:.53rem;letter-spacing:.24em;
  text-transform:uppercase;color:var(--slate);
}

.ab-fname{
  margin:clamp(16px,2vw,24px) 0 0;
  font-family:var(--serif);
  font-weight:400;
  font-size:clamp(2.05rem,4vw,3.65rem);
  line-height:1;
  letter-spacing:-.022em;
  color:var(--ink);
}
.ab-frole{
  margin:15px 0 0;
  font-family:var(--sans);
  font-size:.665rem;font-weight:600;
  letter-spacing:.24em;text-transform:uppercase;
  color:var(--gold-txt);
}
.ab-frule{height:1px;background:var(--ink);opacity:.16;margin:clamp(22px,3vw,34px) 0}

.ab-fbody p{
  margin:0 0 1.15em;
  font-size:clamp(.955rem,1.08vw,1.02rem);
  line-height:1.8;
  color:var(--ink-soft);
  max-width:50ch;
}
.ab-fbody p:last-of-type{margin-bottom:0}

/* standfirst: the opening sentence, set in serif at reading size */
.ab-stand{
  font-family:var(--serif);
  font-size:clamp(1.13rem,1.6vw,1.34rem) !important;
  line-height:1.6 !important;
  letter-spacing:-.004em;
  color:var(--ink) !important;
  max-width:40ch !important;
  margin-bottom:1.15em !important;
}

/* editorial pull quote, marked by a restrained institutional red rule */
.ab-pull{
  margin:clamp(26px,3.2vw,40px) 0 0;
  padding:clamp(2px,.4vw,6px) 0 clamp(2px,.4vw,6px) clamp(18px,2.2vw,28px);
  border-left:2px solid var(--red);
  max-width:42ch;
}
.ab-pull p{
  margin:0;
  font-family:var(--serif);
  font-style:italic;
  font-weight:400;
  font-size:clamp(1.08rem,1.5vw,1.3rem);
  line-height:1.56;
  color:var(--ink);
}

/* brand signature, held apart as its own mark */
p.ab-sig{
  position:relative;
  margin:clamp(30px,3.6vw,46px) 0 0 !important;
  padding-top:clamp(18px,2.2vw,26px);
  display:flex;
  flex-direction:column;
  gap:.1em;
  font-family:var(--serif);
  font-size:clamp(1.34rem,2vw,1.72rem);
  line-height:1.24;
  letter-spacing:.002em;
  color:var(--ink);
}
.ab-sig::before{
  content:"";position:absolute;top:0;left:0;
  width:clamp(46px,6vw,82px);height:1px;
  background:var(--ink);opacity:.55;
}
.ab-sig::after{
  content:"";position:absolute;top:-2px;left:calc(clamp(46px,6vw,82px) + 9px);
  width:5px;height:5px;background:var(--red);
}
.ab-sig span:last-child{font-style:italic;color:var(--gold-txt)}

/* ═════════════════════════════════════════════════════════════
   03 · METHOD - measured ascent
   ═════════════════════════════════════════════════════════════ */
.ab-method{
  position:relative;
  background:var(--ink);
  color:var(--ivory);
  padding:clamp(58px,7.5vw,112px) 0 clamp(44px,5vw,76px);
  overflow:hidden;
}
.ab-method::before{
  content:"";position:absolute;inset:0;pointer-events:none;
  background-image:linear-gradient(to right,rgba(247,245,240,.05) 1px,transparent 1px);
  background-size:calc(100% / 12) 100%;
  mask-image:linear-gradient(to bottom,transparent,#000 18%,#000 82%,transparent);
}
.ab-method > *{position:relative;z-index:1}

.ab-mhead{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:clamp(24px,4vw,60px);
  align-items:end;
}
.ab-mhead h2{
  margin:clamp(14px,1.8vw,22px) 0 0;
  font-family:var(--serif);
  font-weight:400;
  font-size:clamp(2.1rem,4.7vw,4.1rem);
  line-height:1.01;
  letter-spacing:-.022em;
  color:var(--ivory);
}
.ab-mhead h2 em{font-style:italic;color:var(--gold-lt)}

/* the elevation: five risers of increasing height */
.ab-diagram{
  height:clamp(92px,10.6vw,152px);
  margin-top:clamp(34px,4.4vw,62px);
}
.ab-diagram svg{display:block;width:100%;height:100%;overflow:visible}

/* stages */
.ab-stages{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:0;
  margin:0;padding:0;list-style:none;
}
.ab-stage{
  position:relative;
  padding:clamp(20px,2.4vw,30px) clamp(12px,1.5vw,24px) 0 0;
}
.ab-stage + .ab-stage{
  border-left:1px solid rgba(247,245,240,.13);
  padding-left:clamp(14px,1.9vw,26px);
}
.ab-stage .sn{
  display:block;
  font-family:var(--serif);
  font-style:italic;
  font-size:clamp(1.35rem,2.1vw,1.85rem);
  line-height:1;
  color:rgba(247,245,240,.3);
  margin-bottom:clamp(10px,1.3vw,15px);
}
.ab-stage h3{
  margin:0 0 .5em;
  font-family:var(--serif);
  font-weight:400;
  font-size:clamp(1.14rem,1.55vw,1.45rem);
  line-height:1.15;
  color:var(--ivory);
}
.ab-stage p{
  margin:0;
  font-size:clamp(.83rem,.92vw,.885rem);
  line-height:1.68;
  color:rgba(247,245,240,.64);
  max-width:27ch;
}

/* measured foot line */
.ab-mfoot{
  display:flex;align-items:center;gap:clamp(12px,2vw,22px);
  margin-top:clamp(30px,4vw,50px);
  font-family:var(--sans);font-size:.6rem;font-weight:500;
  letter-spacing:.24em;text-transform:uppercase;
  color:rgba(247,245,240,.55);
}
.ab-mfoot i{flex:1;height:1px;background:rgba(247,245,240,.18);position:relative}
.ab-mfoot i::before,.ab-mfoot i::after{
  content:"";position:absolute;top:-3px;width:1px;height:7px;background:rgba(247,245,240,.3);
}
.ab-mfoot i::before{left:0}
.ab-mfoot i::after{right:0}
.ab-mfoot b{color:var(--gold-lt);font-weight:500}

/* ═════════════════════════════════════════════════════════════
   04 · BELIEF
   ═════════════════════════════════════════════════════════════ */
.ab-belief{
  position:relative;
  padding:clamp(58px,7.8vw,116px) 0 clamp(54px,7vw,102px);
  overflow:hidden;
}
.ab-belief-in{
  display:grid;
  grid-template-columns:repeat(12,1fr);
  gap:clamp(18px,2.4vw,34px);
  align-items:start;
}
.ab-belief-head{grid-column:1 / span 8;position:relative;z-index:2}
.ab-belief-head h2{
  margin:clamp(16px,2vw,26px) 0 0;
  font-family:var(--serif);
  font-weight:400;
  font-size:clamp(2.1rem,4.9vw,4.5rem);
  line-height:.995;
  letter-spacing:-.026em;
  color:var(--ink);
}
.ab-belief-head h2 em{font-style:italic;color:var(--ink)}
.ab-belief-head h2 .ln{display:block}

.ab-belief-art{
  grid-column:9 / span 4;
  grid-row:1;
  justify-self:end;
  width:min(100%,306px);
  margin:calc(-1 * clamp(4px,1.2vw,14px)) 0 0;
  position:relative;z-index:1;
  pointer-events:none;
}
.ab-belief-art img{
  display:block;width:100%;height:auto;
  mix-blend-mode:multiply;
  filter:contrast(1.03) saturate(.95);
}
.ab-belief-art figcaption{
  margin-top:clamp(8px,1.2vw,14px);
  font-family:var(--sans);font-size:.55rem;letter-spacing:.22em;
  text-transform:uppercase;color:var(--steel);
  text-align:right;
}

.ab-tag{
  grid-column:1 / span 3;
  grid-row:2;
  margin:clamp(6px,1.4vw,18px) 0 0;
  padding-top:15px;
  border-top:1px solid var(--gold);
  align-self:start;
}
.ab-tag span{
  display:block;
  font-family:var(--serif);
  font-style:italic;
  font-size:clamp(1.26rem,1.85vw,1.62rem);
  line-height:1.26;
  color:var(--ink);
}
.ab-belief-copy{grid-column:5 / span 6;grid-row:2}
.ab-belief-copy p{
  margin:0 0 1.2em;
  font-size:clamp(.955rem,1.08vw,1.02rem);
  line-height:1.82;
  color:var(--ink-soft);
  max-width:46ch;
}
.ab-belief-copy p:last-child{margin-bottom:0}

/* ═════════════════════════════════════════════════════════════
   05 · BEGIN
   ═════════════════════════════════════════════════════════════ */
.ab-cta{
  position:relative;
  background:var(--ink);
  color:var(--ivory);
  overflow:hidden;
}
.ab-cta-in{
  display:grid;
  grid-template-columns:repeat(12,1fr);
  gap:clamp(18px,2.4vw,34px);
  align-items:center;
  min-height:clamp(320px,38vw,452px);
  padding-top:clamp(50px,5.6vw,82px);
  padding-bottom:clamp(50px,5.6vw,82px);
}
.ab-cta-copy{grid-column:1 / span 7;position:relative;z-index:2}
.ab-cta-copy h2{
  margin:clamp(16px,2vw,26px) 0 clamp(18px,2.2vw,26px);
  font-family:var(--serif);
  font-weight:400;
  font-size:clamp(2rem,4.4vw,3.85rem);
  line-height:1.035;
  letter-spacing:-.022em;
  color:var(--ivory);
  max-width:17ch;
}
.ab-cta-copy p{
  margin:0 0 clamp(24px,3vw,36px);
  font-size:clamp(.93rem,1.02vw,.995rem);
  line-height:1.72;
  color:rgba(247,245,240,.66);
  max-width:40ch;
}
.ab-btn{
  display:inline-flex;align-items:center;gap:.85em;
  padding:16px 28px;
  border:1px solid rgba(247,245,240,.4);
  font-family:var(--sans);font-size:.665rem;font-weight:600;
  letter-spacing:.2em;text-transform:uppercase;
  color:var(--ivory);text-decoration:none;
  transition:background .4s var(--ease),border-color .4s var(--ease),color .4s var(--ease);
}
.ab-btn .ar{transition:transform .4s var(--ease)}
.ab-btn:hover,.ab-btn:focus-visible{background:var(--ivory);color:var(--ink);border-color:var(--ivory)}
.ab-btn:hover .ar{transform:translateX(4px)}

.ab-cta-art{
  grid-column:9 / span 4;
  position:relative;
  margin:0;
  align-self:end;
  padding-top:clamp(18px,2.6vw,34px);
}
.ab-cta-art img{
  display:block;width:100%;height:auto;
  filter:saturate(.92) contrast(1.03);
}
.ab-cta-art figcaption{
  position:absolute;left:0;top:0;
  font-family:var(--sans);font-size:.55rem;letter-spacing:.22em;
  text-transform:uppercase;color:rgba(247,245,240,.5);
}

/* ═════════════════════════════════════════════════════════════
   MOTION (subtle, never hides content)
   ═════════════════════════════════════════════════════════════ */
@media (prefers-reduced-motion:no-preference){
  .ab-h1,.ab-lede,.ab-hero-meta,.ab-hero-foot{animation:ab-rise 1.05s var(--ease) both}
  .ab-h1{animation-delay:.05s}
  .ab-lede{animation-delay:.24s}
  .ab-hero-meta{animation-delay:.32s}
  .ab-hero-foot{animation-delay:.4s}
  .ab-hero-art img{animation:ab-fade 1.5s var(--ease) .12s both}
  .ab-diagram .ab-bar{animation:ab-grow 1.1s var(--ease) both;transform-origin:bottom}
  .ab-diagram .ab-bar:nth-child(1){animation-delay:.1s}
  .ab-diagram .ab-bar:nth-child(2){animation-delay:.18s}
  .ab-diagram .ab-bar:nth-child(3){animation-delay:.26s}
  .ab-diagram .ab-bar:nth-child(4){animation-delay:.34s}
  .ab-diagram .ab-bar:nth-child(5){animation-delay:.42s}
  @keyframes ab-rise{from{opacity:0;transform:translateY(15px)}to{opacity:1;transform:none}}
  @keyframes ab-fade{from{opacity:0;transform:translateY(10px) scale(.995)}to{opacity:1;transform:none}}
  @keyframes ab-grow{from{transform:scaleY(0)}to{transform:none}}
}

/* ═════════════════════════════════════════════════════════════
   RESPONSIVE
   ═════════════════════════════════════════════════════════════ */
@media (max-width:1120px){
  .ab-hero-grid{grid-template-columns:minmax(0,1.08fr) minmax(0,.78fr)}
  .ab-h1{font-size:clamp(2.4rem,5.2vw,4.35rem)}
  .ab-plate-no{display:none}
}

@media (max-width:940px){
  .ab-hero-grid{grid-template-columns:1fr;gap:clamp(20px,4vw,30px)}
  .ab-h1{font-size:clamp(2.45rem,7vw,3.9rem)}
  .ab-hero-art{
    width:min(78%,420px);
    margin:clamp(14px,4vw,26px) calc(-1 * clamp(20px,5vw,84px)) 0 auto;
    padding-left:0;
  }
  .ab-hero-art::before{display:none}
  .ab-hero-art figcaption{justify-content:flex-start;padding-right:clamp(20px,5vw,84px)}

  .ab-founder{padding-top:clamp(42px,6.5vw,64px)}
  .ab-founder-in{grid-template-columns:1fr;gap:clamp(30px,5vw,44px)}
  .ab-porcol{grid-column:1;margin-left:0;width:min(100%,520px)}
  .ab-fbody{grid-column:1;padding-top:0}
  .ab-portrait{width:100%}
  .ab-side-plate{right:clamp(-14px,-1.4vw,-4px);top:clamp(-12px,-1.6vw,-6px);width:min(30%,140px)}

  .ab-belief-in{grid-template-columns:1fr}
  .ab-belief-head,
  .ab-belief-art,
  .ab-tag,
  .ab-belief-copy{grid-column:1;grid-row:auto}
  .ab-belief-art{
    width:min(56%,300px);margin:clamp(18px,4vw,30px) 0 0 auto;
  }
  .ab-belief-art figcaption{text-align:right}
  .ab-tag{margin-top:clamp(22px,4vw,32px);max-width:300px}
  .ab-belief-copy{margin-top:clamp(20px,3.6vw,30px)}

  .ab-cta-in{grid-template-columns:1fr;gap:clamp(26px,5vw,40px);min-height:0}
  .ab-cta-copy{grid-column:1}
  .ab-cta-art{grid-column:1;width:min(62%,300px);margin-left:auto;align-self:start}
}

/* method → vertical rail */
@media (max-width:860px){
  .ab-mhead{grid-template-columns:1fr;align-items:start}
  .ab-mhead .ab-fig{margin-top:16px}
  .ab-diagram{display:none}

  .ab-stages{
    grid-template-columns:1fr;
    margin-top:clamp(30px,5vw,42px);
    position:relative;
  }
  .ab-stages::before{
    content:"";position:absolute;left:5px;top:10px;bottom:10px;width:1px;
    background:rgba(247,245,240,.22);
  }
  .ab-stage{
    padding:clamp(18px,4vw,24px) 0 clamp(18px,4vw,24px) clamp(30px,7vw,42px);
  }
  .ab-stage + .ab-stage{
    border-left:0;border-top:1px solid rgba(247,245,240,.12);
    padding-left:clamp(30px,7vw,42px);
  }
  .ab-stage::before{
    content:"";position:absolute;left:1px;top:clamp(24px,5.6vw,31px);
    width:9px;height:9px;border-radius:50%;
    background:var(--ink);border:1px solid var(--gold-lt);
  }
  .ab-stage .sn{
    font-family:var(--sans);font-style:normal;font-weight:500;
    font-size:.66rem;letter-spacing:.2em;color:var(--gold-lt);
    margin-bottom:10px;line-height:1;
  }
  .ab-stage h3{font-size:clamp(1.2rem,4.2vw,1.45rem);margin-bottom:.4em}
  .ab-stage p{font-size:.9rem;max-width:40ch}
  .ab-mfoot{
    margin-top:clamp(24px,5vw,34px);
    padding-top:14px;
    border-top:1px solid rgba(247,245,240,.2);
    justify-content:space-between;gap:10px;flex-wrap:wrap;font-size:.56rem;
  }
  .ab-mfoot i{display:none}
}

@media (max-width:620px){
  .ab-h1{font-size:clamp(2.28rem,9.6vw,3rem);line-height:1.02;letter-spacing:-.022em}
  .ab-hero-art{width:min(88%,330px);margin-top:clamp(18px,4.5vw,26px)}
  .ab-lede{font-size:.985rem;max-width:100%}
  .ab-fname{font-size:clamp(1.95rem,8.6vw,2.45rem)}
  .ab-portrait{width:100%}
  .ab-side-plate{display:none}
  .ab-frole{font-size:.6rem;letter-spacing:.15em}
  .ab-belief-art{width:min(64%,240px)}
  .ab-cta-art{width:min(66%,250px)}
  .ab-cta-art figcaption{display:none}
  .ab-mfoot{flex-wrap:wrap;gap:10px;font-size:.55rem}
}