/* About (B5, DIRECTION_2): the conviction as type at three scales, the camera pulling back.
   Tokens and the six type roles only. */

/* ---------- Our conviction: the pinned type zoom ---------- */
.ab-conv{padding-bottom:0}
.ab-zoom{position:relative;height:300vh;margin-top:clamp(24px,3vw,48px)}
.ab-stage{position:sticky;top:0;height:100vh;height:100svh;overflow:hidden;display:flex;align-items:center}
.ab-frame{position:relative}
.ab-cam{position:relative;transform-origin:0 0;max-width:1180px}
.ab-l{display:block}
.ab-la{font:400 var(--s-lede)/1.4 var(--f);letter-spacing:-.008em;color:var(--fg2)}
.ab-lb{margin-top:.28em;font:580 var(--s-h2)/1.04 var(--f);letter-spacing:-.032em;color:var(--fg2)}
.ab-lc{margin-top:.16em;font:600 var(--s-h1)/1 var(--f);letter-spacing:-.038em;color:var(--fg2)}
.ab-ld{margin-top:1.6em;font:400 var(--s-lede)/1.45 var(--f);letter-spacing:-.008em;color:var(--fg2);max-width:30em}
.ab-p2{margin-top:.8em;font:400 var(--s-lede)/1.45 var(--f);letter-spacing:-.008em;color:var(--fg2);max-width:30em}
.ab-k{color:#fff;background:linear-gradient(var(--verm),var(--verm)) 0 100% / 0% .07em no-repeat;transition:background-size .6s var(--ease),color .5s}
.ab-k.on{background-size:100% .07em}
.ab-lb .ab-k,.ab-lc .ab-k{color:var(--fg)}
@media (prefers-reduced-motion:reduce){
  .ab-zoom{height:auto;margin-top:clamp(40px,5vw,72px)}
  .ab-stage{position:static;height:auto;overflow:visible}
  .ab-k{transition:none}
}

/* r17 (client: "this one was fine" / "this one is fine" of the 10:32 PM page): inside main this page is as at 22:32.
   Undone here only, inside main: the later site-wide heading weights, the short rule and full colour on section labels,
   and the section-head layout (heading over 7 columns, aligned to the foot). Nav, footer and the closing email field stay as now. */
main{--w-giant:700;--w-h1:600;--w-h2:580;--w-h3:560}
main .eyebrow{color:var(--fg2)}
main .paper .eyebrow{color:var(--ink2)}
main .eyebrow::before{content:none}
@media (min-width:761px){
  main .head{align-items:end}
  main .head-main{grid-column:1 / 8}
  main .head-side{grid-column:9 / 13}
}
/* the people caption at its 22:32 width (desktop; the phone keeps its full-width caption, as at 22:32) */
@media (min-width:761px){ main .poster--right .pc-top{width:31%} }