.ph{--ink:#0c0c0c;--paper:#fff;--mute:#a6a6a6;--quiet:#767676;--line:#ededed;--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;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 .4s,visibility;position:fixed;inset:0}.ph-preloader[data-state=done]{opacity:0;visibility:hidden;pointer-events:none;transition:opacity .4s,visibility 0s linear .4s;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;bottom: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--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}
.tc-row,.tc-list{grid-column:1/12}.tc{align-content:end}.tc-list{margin:0;padding:0;list-style:none}.tc-row{gap:0 var(--gap);grid-template-columns:repeat(11,minmax(0,1fr));align-items:baseline;min-height:56px;display:grid}.tc-num{text-align:right;font-variant-numeric:tabular-nums;color:var(--mute);grid-column:4;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px;transition:color .18s}.tc-row>button{font:inherit;font-variation-settings:"wght" 500;color:var(--ink);text-align:left;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;background:0 0;border:0;grid-column:5/-1;justify-self:start;padding:0;font-size:2.25rem;line-height:1.15}.tc-row:focus-within .tc-num{color:var(--ink)}@media (hover:hover){.tc-row:hover .tc-num{color:var(--ink)}}.tc-out{vertical-align:.35em;color:var(--mute);margin-left:.3em;font-size:60%}.tc-body{grid-column:5/-1;padding:.875rem 0 1.75rem;overflow:hidden}.tc-tags{color:var(--quiet);flex-wrap:wrap;gap:10px 20px;margin:0 0 1.25rem;padding:0;font-size:14px;list-style:none;display:flex}.tc-body p{max-width:66ch;margin:0 0 1.45em;font-size:1.1875rem;line-height:1.45}.tc-body p:last-of-type{margin-bottom:0}.tc-live{color:var(--ink);text-underline-offset:3px;margin-top:1.5rem;padding-block:9px;font-size:1.1875rem;display:inline-block}.ct{grid-template-rows:1fr auto;row-gap:1.75rem}.ct-about{grid-area:1/5/auto/12;align-self:start}.ct-about p{max-width:66ch;margin:0 0 1.45em;font-size:1.1875rem;line-height:1.45}.ct-about p:last-child{margin-bottom:0}.ct-links{grid-area:2/5/auto/12;align-self:end;margin:0;padding:0;list-style:none}.ct-links li{font-variation-settings:"wght" 583;font-size:clamp(1.5rem,3.1vw,2.9rem);line-height:1.05}.ct-links a{color:var(--ink);text-decoration:none;display:inline-block}.ct-links a:hover{text-underline-offset:6px;text-decoration:underline}@media (max-width:60rem){.ph-screen{--gap:1rem;min-height:0;padding-top:calc(var(--ph-word-h,11rem) * 2)}.sc{grid-template-columns:repeat(4,minmax(0,1fr))}p.sc-lead,.tc-list,.tc-row,.ct-about,.ct-links{grid-column:1/-1}p.sc-lead,.tc-row>button,.ct-links li{line-height:1.2}.tc-row{height:auto;padding:0 0 16px;display:block}.tc-num{display:none}.tc-row>button{padding-block:12px;font-size:1.5rem}.tc-body p,.ct-about p,.tc-live{max-width:none;font-size:1.125rem;line-height:1.45}.ct{row-gap:3rem}.ct-links a{padding-block:8px}}