:root{
  --ghost:#F6F5FA; --ink:#212121; --alice:#D8DFE9; --yale:#0D3B66; --card:#FFFFFF;
  --place:#A3AFC4; --ink-64:rgba(33,33,33,.64); --ink-44:rgba(33,33,33,.44);
  --hair:rgba(33,33,33,.12); --r:30px; --r-sm:18px; --pill:999px;
  --d:Jost,system-ui,sans-serif; --f:Urbanist,system-ui,sans-serif;
  --e-out:cubic-bezier(.23,1,.32,1);
  --sh-1:0 1px 2px rgba(33,33,33,.05),0 8px 24px rgba(33,33,33,.06);
}
*{box-sizing:border-box}
html{overflow-x:clip;background:var(--ghost)}
body{margin:0;background:transparent;color:var(--ink);font:400 16px/1.55 var(--f);
  -webkit-font-smoothing:antialiased}
/* same pinned sheet as the home page, same drift */
.pagesheet{position:fixed;inset:-25% 0;z-index:-1;pointer-events:none;
  background:url("../img/paper-tall.jpg") center/cover no-repeat;will-change:transform}
@media (prefers-reduced-motion:reduce){.pagesheet{transform:none!important}}
.wrap{max-width:900px;margin:0 auto;padding:0 clamp(18px,3vw,32px)}
a{color:inherit}
.nav{position:sticky;top:0;z-index:50;padding:14px 0 6px}
.navin{background:var(--card);border-radius:var(--pill);box-shadow:var(--sh-1);
  display:flex;align-items:center;justify-content:space-between;
  padding:13px clamp(16px,2vw,26px)}
.mark{font:800 21px/1 var(--f);letter-spacing:-.045em;text-decoration:none}
.back{font:600 14px/1 var(--f);text-decoration:none;color:var(--ink-64);
  transition:color .3s var(--e-out)}
.back:hover{color:var(--yale)}
.head{padding:clamp(44px,6vw,86px) 0 clamp(20px,2.4vw,30px)}
.eyebrow{font:600 11px/1 var(--f);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-44)}
.eyebrow .on{display:inline-block;width:6px;height:6px;border-radius:var(--pill);
  background:var(--yale);margin-right:7px;vertical-align:1px}
h1{margin:14px 0 0;font:700 clamp(34px,6vw,68px)/1.02 var(--d);letter-spacing:-.042em;text-wrap:balance}
.lede{margin:16px 0 0;font-size:clamp(17px,1.9vw,20px);color:var(--ink-64);max-width:56ch}
.figure{margin:clamp(26px,3.4vw,44px) 0 0;border-radius:var(--r);overflow:hidden;
  box-shadow:var(--sh-1);aspect-ratio:3/2;background:var(--yale);
  display:grid;place-items:center;padding:clamp(36px,5vw,74px)}
.figure img{width:100%;height:100%;object-fit:contain;display:block}
.figure .mask{width:100%;height:100%;background:var(--ghost);
  -webkit-mask:var(--logo) center/contain no-repeat; mask:var(--logo) center/contain no-repeat}
.chips{display:flex;flex-wrap:wrap;gap:7px;margin:clamp(24px,3vw,36px) 0 0}
.chips b{font:600 14px/1 var(--f);background:var(--card);border-radius:var(--pill);
  padding:9px 15px;box-shadow:var(--sh-1);font-variant-numeric:tabular-nums;white-space:nowrap}
.chips b.num{background:var(--yale);color:var(--ghost);box-shadow:none}
.body{margin:clamp(30px,4vw,52px) 0 0;display:grid;gap:clamp(20px,2.6vw,34px);
  grid-template-columns:1fr 1fr}
@media(max-width:720px){.body{grid-template-columns:1fr}}
.body section{background:var(--card);border-radius:var(--r);padding:clamp(22px,2.6vw,32px);
  box-shadow:var(--sh-1)}
.body h2{margin:0 0 10px;font:600 13px/1 var(--f);letter-spacing:.1em;
  text-transform:uppercase;color:var(--ink-44)}
.body p{margin:0;font-size:15.5px;line-height:1.6;color:var(--ink-64)}
.body p + p{margin-top:11px}
.body b{color:var(--ink);font-weight:600}
.out{margin:clamp(30px,4vw,52px) 0 0;display:flex;gap:11px;flex-wrap:wrap;align-items:center}
.btn{display:inline-block;background:var(--ink);color:var(--ghost);text-decoration:none;
  font:600 14.5px/1 var(--f);padding:15px 24px;border-radius:var(--pill);
  transition:transform .3s var(--e-out),box-shadow .3s var(--e-out)}
.btn:hover{transform:translateY(-1.5px);box-shadow:0 10px 22px rgba(33,33,33,.18)}
.btn.ghost{background:var(--card);color:var(--ink);box-shadow:var(--sh-1)}
.nolink{font-size:14.5px;color:var(--ink-44);max-width:46ch;line-height:1.5}
.foot{padding:clamp(44px,6vw,80px) 0 clamp(30px,4vw,50px);
  font:600 11px/1 var(--f);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-44)}
:focus-visible{outline:2px solid var(--ink);outline-offset:3px}