.about a:focus-visible{outline:2px solid var(--clay);outline-offset:4px}.about figure{position:relative;margin:0;overflow:hidden;background:var(--sand)}.about figure picture{display:block;height:100%}.about figure img{width:100%;height:100%;object-fit:cover}.about .ai{top:12px;right:12px;z-index:2}.about .ab-label,.about .ab-no,.about .ab-count,.about .notes-kicker{font:500 10px/1.5 var(--mono);letter-spacing:.1em;text-transform:uppercase}.about .ab-label{display:block;color:var(--clay);margin:0 0 24px}.about h1,.about .ab-desk,.about .ab-pull{font-family:var(--serif);font-weight:500}.about h1 em{display:block;font-weight:500;font-variation-settings:"opsz" 11;color:var(--green)}.about .ab-opening{margin:0 var(--g);display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:5vw;align-items:start;padding:48px 0 64px}.about .ab-intro{border-top:1px solid var(--ink);padding-top:22px}.about .ab-intro h1{font-size:clamp(44px,4.6vw,70px);line-height:1.03;letter-spacing:-.035em;margin:0}.about .ab-lede{max-width:520px;margin:30px 0 0;font-size:17px;line-height:1.7}.about .ab-hero{aspect-ratio:4/3}.about .notes{display:grid;grid-template-columns:230px minmax(0,46rem);gap:60px;margin:0 var(--g);padding:56px 0 96px;border-top:1px solid var(--ink)}.about .notes-rail{position:sticky;top:84px;align-self:start}.about .notes-kicker{color:var(--clay);margin:0 0 18px}.about .notes-toc{position:relative;padding-left:18px}.about .notes-toc ol{list-style:none;padding:0;margin:0}.about .notes-toc a{display:grid;grid-template-columns:28px 1fr;padding:8px 0;min-height:44px;font-size:14px;color:var(--green);text-decoration:none}.about .notes-toc a span{font:10px var(--mono);color:var(--clay)}.about .notes-toc a[aria-current]{color:var(--clay)}.about .notes-track{position:absolute;left:0;top:8px;bottom:8px;width:1px;background:var(--rule)}.about .notes-fill{position:absolute;inset:0;background:var(--clay);transform-origin:top;transform:scaleY(var(--read, 1))}.about .notes-part{scroll-margin-top:90px}.about .notes-part+.notes-part{margin-top:56px}.about .notes-body>.notes-part>h2:first-child{margin-top:0}.about .notes-body{max-width:none;margin:0}.about .ab-desks{list-style:none;margin:30px 0 6px;padding:0;border-top:1px solid var(--ink)}.about .ab-desks a{display:grid;grid-template-columns:88px 26px minmax(0,150px) minmax(0,1fr) 28px;align-items:center;gap:16px;padding:10px 0;border-bottom:1px solid var(--rule);text-decoration:none;color:var(--ink)}.about .ab-desks figure{width:88px;aspect-ratio:3/2}.about .ab-desks .ai{top:4px;right:4px}.about .ab-no{color:var(--clay)}.about .ab-desk{font-size:24px;line-height:1.1}.about .ab-blurb{font-size:14px;line-height:1.5;color:var(--green)}.about .ab-count{text-align:right;color:var(--green)}.about .ab-pull{margin:34px 0 0;padding:26px 0 0;border-top:1px solid var(--ink);font-size:clamp(24px,2.3vw,31px);line-height:1.3;font-style:italic;font-variation-settings:"opsz" 11;color:var(--green)}.about .ab-sample{float:right;width:300px;aspect-ratio:3/2;margin:6px 0 16px 28px}.about .ab-pictures:after{content:"";display:block;clear:both}.about .ab-disc{font-size:14px;color:var(--green);border-top:1px solid var(--rule);padding-top:16px}@media(hover:hover)and (prefers-reduced-motion:no-preference){.about .ab-desks figure img{transition:transform .8s cubic-bezier(.22,.7,.22,1)}.about .ab-desks a:hover figure img{transform:scale(1.1)}.about .ab-desk{transition:color .3s}}@media(hover:hover){.about .ab-desks a:hover .ab-desk{color:var(--clay)}}@media(max-width:1050px){.about .notes{grid-template-columns:180px minmax(0,1fr);gap:32px}.about .ab-desks a{grid-template-columns:72px 22px minmax(0,1fr) 24px}.about .ab-desks figure{width:72px}.about .ab-blurb{grid-column:3 / 4;grid-row:2}.about .ab-desks figure{grid-row:1 / 3}.about .ab-count{grid-column:4;grid-row:1}}@media(max-width:760px){.about .ab-opening{grid-template-columns:1fr;gap:28px;padding:30px 0 40px}.about .ab-intro{text-align:center;border-top:0;padding-top:0}.about .ab-intro h1{font-size:46px}.about .ab-lede{margin:22px auto 0;font-size:16px}.about .notes{grid-template-columns:1fr;gap:30px;padding:40px 0 56px}.about .notes-rail{position:static}.about .ab-desks a{gap:4px 14px}.about .ab-desk{font-size:21px}.about .ab-sample{float:none;width:100%;margin:0 0 18px}}@media(prefers-reduced-motion:reduce){.about *,.about *:before,.about *:after{transition:none!important}.about .notes-fill{transform:none}}
