:root{--ink:#3b405c;--ink2:#5d6280;--mute:#8b90a8;--rule:rgba(59,64,92,.14);--paper:#f4f0e8;--card:#faf7f1;
  --rose:#f3c4c4;--peach:#f8d9c2;--butter:#f0ecc8;--mint:#d6ecd8;--sky:#dbe8f5;--lilac:#dcd8f0;--sage:#8fae9e;--teal:#4d9a88}
*{box-sizing:border-box}
body{margin:0;background:var(--paper);color:var(--ink);font-family:"Newsreader",Georgia,serif;font-size:18px;line-height:1.55;-webkit-font-smoothing:antialiased}
.grain{position:fixed;inset:0;pointer-events:none;opacity:.3;mix-blend-mode:multiply;z-index:5;
  background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='220' height='220'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 .3 0 0 0 0 .3 0 0 0 0 .4 0 0 0 .06 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>")}
.wrap{max-width:560px;margin:0 auto;padding:calc(18px + env(safe-area-inset-top,0px)) 20px calc(48px + env(safe-area-inset-bottom,0px))}
.back{display:inline-flex;align-items:center;gap:8px;font-family:"IBM Plex Mono",monospace;font-size:12px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--ink2);text-decoration:none;margin-bottom:26px}
.back:focus-visible{outline:2px solid var(--ink);outline-offset:4px;border-radius:6px}
h1{font-family:"Fraunces",Georgia,serif;font-weight:300;font-size:clamp(38px,9vw,52px);line-height:1.05;letter-spacing:-.02em;margin:0 0 14px;text-wrap:balance}
.lede{font-size:20px;color:var(--ink2);max-width:34ch;margin:0 0 36px}
section{border-radius:22px;padding:22px 20px 24px;margin-bottom:16px;transition:background .6s}
section h2{font-family:"Fraunces",Georgia,serif;font-weight:400;font-size:27px;line-height:1.15;margin:16px 0 8px;text-wrap:balance}
section .k{font-family:"IBM Plex Mono",monospace;font-size:12px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--ink2)}
section p{margin:0 0 12px;max-width:44ch}
section p:last-child{margin-bottom:0}
.fig{width:100%;aspect-ratio:16/8;border-radius:16px;background:rgba(255,255,255,.55);display:block}
.s1{background:var(--sky)}.s2{background:var(--mint)}.s3{background:var(--butter)}.s4{background:var(--lilac)}.s5{background:var(--peach)}.s6{background:var(--rose)}.s7{background:var(--card)}
.num{font-family:"Fraunces",Georgia,serif;font-size:15px;color:var(--ink2);margin-right:8px}
.foot{margin-top:28px;font-size:15px;color:var(--mute);line-height:1.6}
.foot a{color:var(--ink2)}
@media (prefers-reduced-motion:reduce){.fig{opacity:.9}}