:root{--sans:"Helvetica Neue", Helvetica, Arial, system-ui, -apple-system, sans-serif;--s-1:4px;--s-2:8px;--s-3:12px;--s-4:16px;--s-6:24px;--s-8:32px;--s-12:48px;--s-16:64px;--t-meta:10.5px;--t-sm:13px;--t-row:15px;--t-body:16.5px;--t-title:22px;--gutter:var(--s-8);--measure:38rem;--rhythm:1.78;--tracking:.16em;--bg:#f4f3f1;--fg:#0e0e0e;--muted:#a3a09b;--line:#e6e4e0;--grain:0;--vt-duration:.4s}:root[data-theme=dark]{--bg:#0a0708;--fg:#ece8e6;--muted:#5f5354;--line:#1d1314;--grain:0}*,:before,:after{box-sizing:border-box}html,body{margin:0;padding:0}html,body,#app{min-height:100%}body{background:var(--bg);color:var(--fg);font-family:var(--sans);font-size:var(--t-body);line-height:var(--rhythm);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility}.wash{z-index:1;pointer-events:none;opacity:0;transition:opacity var(--vt-duration) ease;background:radial-gradient(125% 85% at 72% -5%,#c2001180,#7800091a 45%,#0000 72%);position:fixed;inset:0}:root[data-theme=dark] .wash{opacity:0}.grain{z-index:2;pointer-events:none;opacity:var(--grain);transition:opacity var(--vt-duration) ease;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.82' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:fixed;inset:0}.frame{z-index:3;min-height:100vh;padding:var(--gutter);flex-direction:column;display:flex;position:relative}.meta{font-size:var(--t-meta);letter-spacing:var(--tracking);text-transform:uppercase;color:var(--muted);justify-content:space-between;display:flex}.meta a{color:inherit;text-decoration:none}.meta a:hover,.meta a:focus-visible{color:var(--fg);outline:none}.center{max-width:var(--measure);padding:var(--s-12) 0;flex-direction:column;flex:1;justify-content:center;display:flex}.name{margin:0 0 var(--s-8);font-size:var(--t-meta);letter-spacing:.2em;text-transform:uppercase;color:var(--muted);view-transition-name:name;font-weight:600}.manifesto{margin:0 0 var(--s-6);max-width:42ch;font-size:var(--t-body);line-height:var(--rhythm)}:root[data-theme=dark] .manifesto{color:#c8baba}.toggle{cursor:pointer;color:inherit;opacity:.75;border-bottom:1px dotted;transition:opacity .3s}.toggle:hover,.toggle:focus-visible{opacity:1;outline:none}.nav{max-width:var(--measure)}.row{padding:var(--s-3) 0;border-bottom:1px solid var(--line);color:inherit;justify-content:space-between;align-items:baseline;text-decoration:none;display:flex}.row .t{font-size:var(--t-row)}.row:hover .t,.row:focus-visible .t{color:var(--fg)}:root[data-theme=dark] .row:hover .t,:root[data-theme=dark] .row:focus-visible .t{color:#fff}.row .d{font-size:var(--t-sm);color:var(--muted);font-variant-numeric:tabular-nums}article{max-width:var(--measure);margin:0 auto}article h1{margin:0 0 var(--s-6);font-size:var(--t-title);letter-spacing:-.01em;font-weight:600}article p{margin:0 0 var(--s-6);font-size:var(--t-body);line-height:var(--rhythm)}article a{color:inherit;text-underline-offset:2px}.runnable{margin:var(--s-8) 0}.runnable-ph{padding:var(--s-4);font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:var(--t-sm);background:#7f7f7f14;margin:0;line-height:1.6;overflow:auto}:root:active-view-transition-type(theme)::view-transition-old(root){animation-duration:var(--vt-duration)}:root:active-view-transition-type(theme)::view-transition-new(root){animation-duration:var(--vt-duration)}:root:active-view-transition-type(detail)::view-transition-old(root){animation:none}:root:active-view-transition-type(detail)::view-transition-new(root){animation:none}@media (prefers-reduced-motion:reduce){.wash,.grain{transition:none}::view-transition-old(root){animation:none}::view-transition-new(root){animation:none}}.page{z-index:3;grid-template-columns:minmax(0,34rem) 1fr;min-height:100vh;display:grid;position:relative}.col-left{padding:var(--gutter);flex-direction:column;min-height:100vh;display:flex}button.row{border:0;border-bottom:1px solid var(--line);width:100%;font:inherit;color:inherit;text-align:left;cursor:pointer;background:0 0}.drawer-head .d{font-size:var(--t-body);color:var(--muted)}.drawer-body{grid-template-rows:0fr;transition:grid-template-rows .35s cubic-bezier(.2,.7,.2,1);display:grid}.drawer-body.open{grid-template-rows:1fr}.drawer-body-inner{opacity:0;transition:opacity .25s;overflow:hidden}.drawer-body.open .drawer-body-inner{opacity:1}.drawer-list{margin:0;padding:0;list-style:none}.drawer-list .item{padding-left:var(--s-4)}.drawer-list .item .t{font-size:var(--t-sm);color:var(--muted)}.item.active .t{color:var(--fg);font-weight:600}:root[data-theme=dark] .item.active .t{color:#fff}.about-row.active .t{font-weight:600}.detail{max-height:100vh;padding:var(--gutter);view-transition-name:detail;align-self:start;position:sticky;top:0;overflow:auto}.detail article{margin:0}.detail-back{margin:0 0 var(--s-6);font:inherit;font-size:var(--t-meta);letter-spacing:var(--tracking);text-transform:uppercase;color:var(--muted);cursor:pointer;background:0 0;border:0;padding:0;display:none}.detail-back:hover,.detail-back:focus-visible{color:var(--fg)}:root:active-view-transition-type(detail)::view-transition-new(detail){animation:.3s cubic-bezier(.2,.7,.2,1) detail-enter}:root:active-view-transition-type(detail)::view-transition-old(detail){animation:.22s both detail-exit}@keyframes detail-enter{0%{opacity:0;transform:translate(12px)}to{opacity:1;transform:none}}@keyframes detail-exit{0%{opacity:1}to{opacity:0}}.curation-image{aspect-ratio:16/10;margin-bottom:var(--s-6);color:var(--muted);font-size:var(--t-sm);letter-spacing:.12em;text-transform:uppercase;background:#7f7f7f14;justify-content:center;align-items:center;display:flex}.curation-image img{object-fit:cover;width:100%;height:100%}.link-out{margin-top:var(--s-2);color:inherit;text-underline-offset:2px;display:inline-block}@media (width<=720px){.page{display:block}.col-left{min-height:auto}.detail{z-index:30;height:100%;max-height:none;padding:var(--gutter);background:var(--bg);border-left:0;position:fixed;inset:0}.detail-back{display:inline-block}}@media (prefers-reduced-motion:reduce){.drawer-body,.drawer-body-inner{transition:none}::view-transition-old(detail){animation:none}::view-transition-new(detail){animation:none}}