:root{--ink:#0c0c0c;--paper:#fff;--mute:#a6a6a6;--quiet:#767676;--line:#ededed}.ph{--fade:72px;--register:7.5rem;background:var(--paper);min-height:100vh;color:var(--ink);font-family:var(--f-onest), system-ui, sans-serif;font-variation-settings:"wght" 500;padding:2rem 2rem 9rem}.ph-word{position:relative}.ph-word svg{visibility:hidden;width:100%;display:block;overflow:visible}.ph-canvas{pointer-events:none;dynamic-range-limit:standard;position:absolute}.ph-word--flat svg{visibility:visible;fill:var(--ink)}.ph-word--flat .ph-canvas{visibility:hidden}.ph-word-name,.ph-sr{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}html:has(.ph-preloader){--ph-give-up:8s}.ph-preloader{z-index:10;background:var(--paper);touch-action:pinch-zoom;animation:ph-preloader-give-up 0s linear var(--ph-give-up) forwards;transition:opacity .5s,visibility;position:fixed;inset:0}.ph-preloader[data-state=done]{opacity:0;visibility:hidden;pointer-events:none;transition:opacity .5s,visibility 0s linear .5s;animation:none}.ph-preloader[data-hold]{animation:none}@keyframes ph-preloader-give-up{to{opacity:0;visibility:hidden}}html:has(.ph-preloader[data-state=loading]){animation:ph-preloader-release 0s linear var(--ph-give-up) forwards;overflow:hidden}html:has(.ph--scroll .ph-preloader[data-state=loading]){scrollbar-gutter:stable}html:has(.ph-preloader[data-hold]){animation:none}@keyframes ph-preloader-release{to{overflow:visible}}.ph-content{display:contents}@media (prefers-reduced-motion:reduce){.ph-preloader,.ph-preloader[data-state=done]{transition:none}}.pc{z-index:11;background:var(--paper);border:1px solid var(--line);color:var(--ink);flex-direction:column;align-items:flex-end;gap:6px;padding:6px 8px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;display:flex;position:fixed;top:1rem;right:1rem}.pc-row{align-items:center;gap:8px;display:flex}.pc-buttons{gap:3px;display:flex}.pc button{font:inherit;border:1px solid var(--line);background:var(--paper);color:var(--ink);cursor:pointer;padding:4px 8px}.pc button[aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:var(--paper)}.ph-preloader-label{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.ph-preloader{place-content:center;display:grid}.ph-preloader-mark{font-variation-settings:"wght" 500;color:var(--ink);font-size:14px;line-height:1}html.ph-seen .ph-preloader{display:none}html.ph-arm [data-fade],html.ph-arm .tc-row,html.ph-arm-lead .sc-lead{visibility:hidden;animation:ph-arm-give-up 0s linear var(--ph-give-up,8s) forwards}@keyframes ph-arm-give-up{to{visibility:visible}}.ph--scroll{padding:0}.ph--scroll .ph-word{z-index:1;padding:2rem 2rem .75rem;position:fixed;top:0;left:0;right:0}.ph-screen{--edge:2rem;--gap:2rem;box-sizing:border-box;min-height:100vh;padding:calc(var(--ph-word-h,20rem) + var(--fade)) var(--edge) var(--register);grid-template-rows:1fr;display:grid}.ph-screen+.ph-screen{margin-top:calc(var(--register) * -1)}.sc{gap:1.5rem var(--gap);grid-template-columns:repeat(12,minmax(0,1fr));align-content:space-between;display:grid}.sc p{margin:0 0 .75rem;font-size:.875rem;line-height:1.55}.sc p:last-child{margin-bottom:0}.sc-intro{align-content:end}p.sc-lead{font-variation-settings:"wght" 583;grid-column:5/12;margin:0;font-size:clamp(1.5rem,3.1vw,2.9rem);line-height:1.05}@media (max-width:60rem){p.sc-lead{grid-column:1/-1}}.pn-tab{z-index:4;writing-mode:vertical-rl;background:var(--ink);color:var(--paper);font:inherit;letter-spacing:.06em;cursor:pointer;border:0;padding:14px 7px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;position:fixed;top:50%;right:0;transform:translateY(-50%)rotate(180deg)}.pn{z-index:3;background:var(--paper);border-left:1px solid var(--line);font-variant-numeric:tabular-nums;color:#424242;width:20rem;padding:1.5rem 1.25rem 2rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;position:fixed;top:0;bottom:0;right:0;overflow-y:auto}.pn hr{border:0;border-top:1px solid var(--line);margin:1rem 0}.pn-read{color:var(--mute);margin:0 0 1rem}.pn-read b,.pn-range b{color:var(--ink);font-weight:400}.pn-range{flex-direction:column;gap:.375rem;margin-bottom:.875rem;display:flex}.pn-range input{width:100%;accent-color:var(--ink)}.pn-pick{flex-direction:column;gap:.375rem;margin-bottom:.875rem;display:flex}.pn-pick>div{flex-wrap:wrap;gap:3px;display:flex}.pn-pick button{font:inherit;border:1px solid var(--line);background:var(--paper);color:#424242;cursor:pointer;padding:4px 8px}.pn-pick button:hover{border-color:var(--mute)}.pn-pick button[aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:var(--paper)}.pn-note{color:var(--mute);margin:-.375rem 0 .875rem;line-height:1.45}.pn-summary{word-break:break-word;background:#f6f6f6;margin-bottom:.75rem;padding:8px;line-height:1.5;display:block}.pn-pick a{font:inherit;border:1px solid var(--line);background:var(--paper);color:#424242;padding:4px 8px;text-decoration:none}.pn-pick a:hover{border-color:var(--mute)}.pn-pick a[aria-current=page]{background:var(--ink);border-color:var(--ink);color:var(--paper)}.ph-rulers{z-index:5;pointer-events:none;position:fixed;inset:0}.rl{letter-spacing:.04em;color:#e0004d;text-align:left;box-sizing:border-box;border-top:1px solid #e0004d;height:0;padding-left:8px;font:10px/1 ui-monospace,SFMono-Regular,Menlo,monospace;position:absolute;left:0;right:0}.rl:before{content:"";height:3px;display:block}.rl--start{top:calc(var(--ph-ink-h,20rem) + var(--fade))}.rl--end{top:var(--ph-ink-h,20rem)}.rl--ink{top:var(--ph-word-h,20rem);opacity:.55;border-top-style:dashed}