*{box-sizing:border-box}html{background:var(--page);color:var(--ink)}body{font-family:var(--font-body);font-size:var(--body-size);-webkit-font-smoothing:antialiased;margin:0;line-height:1.6}.essay{max-width:var(--column);margin:0 auto;padding:48px 20px 120px}.essay h1{letter-spacing:-.01em;margin:.4em 0 .6em;font-size:2.1em;font-weight:600;line-height:1.15}.essay h2{margin:2em 0 .5em;font-size:1.3em}.essay p{margin:0 0 1.1em}.essay .kicker{font-family:var(--font-ui);font-size:var(--small-size);color:var(--ink-soft);letter-spacing:.06em;text-transform:uppercase}.sticky-head{z-index:5;background:var(--page);border-bottom:1px solid var(--rule);font-family:var(--font-ui);font-size:var(--small-size);color:var(--ink-soft);padding:10px 20px;position:sticky;top:0}.ref{border-bottom:2px solid var(--accent);cursor:help}.ref:hover,.ref.on{background:color-mix(in oklab, var(--accent) 12%, transparent)}.hfig{max-width:var(--figure-max);font-family:var(--font-ui);margin:36px auto 40px}.hfig-stage{flex-direction:column;gap:6px;display:flex;position:relative}.hfig-canvas{touch-action:manipulation;width:100%;display:block}.hfig-square{aspect-ratio:1;max-width:560px;margin:0 auto}.hfig-bar{font-size:var(--small-size);color:var(--ink-soft);align-items:center;gap:8px;margin-top:8px;display:flex}.hfig-spacer{flex:1}.hfig-btn{font:inherit;color:var(--ink);border:1px solid var(--rule);cursor:pointer;background:0 0;border-radius:999px;padding:3px 12px}.hfig-btn:hover{border-color:var(--ink-faint)}.hfig-honesty{cursor:help;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.hfig-caption{color:var(--ink-soft);font-size:15px;line-height:1.5;font-family:var(--font-body);margin:10px 0 0}.hfig-error{border:1px dashed var(--ink-faint);color:var(--ink-soft);padding:24px;font-size:15px}body.still{padding:0}body.still .hfig{max-width:none;margin:0;padding:16px 20px}.lab{font-family:var(--font-ui);padding:24px}.lab-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px;display:grid}.lab-grid figure{margin:0}.lab-grid img{border:1px solid var(--rule);width:100%}.lab-grid figcaption{color:var(--ink-soft);font-size:12px}@media (width<=480px){:root{--body-size:17px}.essay{padding-top:28px}}
