@font-face{font-family:Space Grotesk;src:url(../SpaceGrotesk.woff2)format("woff2");font-weight:300 700;font-display:swap}:root{--paper:#f3f2ee;--ink:#1c1c1a;--muted:#6b6a64;--tone:#e8e6df;--accent:#e2561b;--accent-text:#b8410f;--on-accent:#1c1c1a;--text:var(--ink);--line:#1c1c1a1f;--field:#ffffffb3;--hover:#1c1c1a0d;--accent-soft:#e2561b24;--surface-solid:#fff;--measure:var(--accent);--measure-soft:var(--accent-soft);--measure-text:var(--accent-text);--shadow:none;--edges:#1a1a18;--ground:#3a3020;--font-display:"Space Grotesk", system-ui, sans-serif;--font-text:system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-code:ui-monospace, "SF Mono", Menlo, Consolas, monospace;--step-small:.875rem;--step-body:1.0625rem;--step-lead:clamp(1.0625rem, .95rem + .45vw, 1.375rem);--step-display:clamp(2rem, 1rem + 3.9vw, 4.5rem);--margin:clamp(1rem, 2.2vw, 2rem);--gutter:clamp(.75rem, 1.4vw, 1.5rem);--bar:4rem;--radius:4px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=dark]{--paper:#121211;--ink:#ecebe6;--muted:#9b9a93;--tone:#1f1f1d;--accent:#f26b30;--accent-text:#ff8a55;--line:#ecebe61f;--field:#ffffff0d;--hover:#ecebe614;--accent-soft:#f26b3029;--surface-solid:#262624;--edges:#000;--ground:#000;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--paper:#121211;--ink:#ecebe6;--muted:#9b9a93;--tone:#1f1f1d;--accent:#f26b30;--accent-text:#ff8a55;--line:#ecebe61f;--field:#ffffff0d;--hover:#ecebe614;--accent-soft:#f26b3029;--surface-solid:#262624;--edges:#000;--ground:#000;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}*,:before,:after{box-sizing:border-box}html{background:var(--paper);color:var(--ink);-webkit-text-size-adjust:100%;scroll-padding-top:var(--bar)}body{font:var(--step-body) / 1.5 var(--font-text);font-kerning:normal;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;margin:0}h1,h2,p,ul,dl,dd,figure{margin:0}a{color:inherit}a:focus-visible,button:focus-visible{outline:2px solid var(--accent);outline-offset:3px}::selection{background:var(--accent);color:var(--on-accent)}.sprite{position:absolute}.bar{z-index:3;height:var(--bar);padding:0 var(--margin);background:var(--paper);justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.home{align-items:center;gap:.5rem;text-decoration:none;display:flex}.home .glyph{width:2.25rem;height:2.25rem}.home .word{width:6.5rem;fill:var(--ink)}.wall{fill:var(--accent)}.slab .top{fill:var(--paper)}.slab .front{fill:#b9b7af}:root .glyph .slab .top{fill:var(--ink)}.action{border-radius:var(--radius);background:var(--accent);min-height:2.75rem;color:var(--on-accent);font:600 var(--step-body) / 1 var(--font-text);align-items:center;padding:0 1.125rem;text-decoration:none;transition:transform .15s,background-color .15s;display:inline-flex}.action:hover{background:color-mix(in srgb, var(--accent) 88%, var(--ink))}.action:active{transform:translateY(1px)scale(.98)}.scrolly{position:relative}.stage{z-index:0;height:100lvh;margin-bottom:-100lvh;position:sticky;top:0;overflow:clip}.stage canvas{opacity:0;width:100%;height:100%;transition:opacity .6s;display:block;position:absolute;inset:0}.stage.live canvas{opacity:1}.stage.turnable canvas{cursor:grab}.stage.turnable canvas:active{cursor:grabbing}.poster{top:var(--bar);width:62%;height:calc(100svh - var(--bar));transition:opacity .6s;position:absolute;right:0}.poster img{object-fit:contain;width:100%;height:100%;display:block}.poster.gone,.stage.live .poster{opacity:0}.index li.gone,.still.gone{display:none!important}.beat{z-index:1;min-height:calc(var(--len) * 100svh);pointer-events:none;position:relative}.copy{column-gap:var(--gutter);height:100svh;padding:var(--bar) var(--margin) 0;pointer-events:none;grid-template-columns:repeat(12,minmax(0,1fr));align-content:center;display:grid;position:sticky;top:0}.card{pointer-events:auto;grid-column:1/span 5;margin-inline:-1.5rem;padding:1.25rem 1.5rem;transition:background-color .4s}.beat[data-at=start] .copy{padding-top:calc(var(--bar) + 6vh);align-content:start}.beat[data-at=end] .copy{align-content:end;padding-bottom:7vh}html.ground .card{background:color-mix(in srgb, var(--paper) 90%, transparent)}h1,h2{font:500 var(--step-display) / 1 var(--font-display);letter-spacing:-.03em;text-wrap:balance;max-width:13ch;margin-left:-.04em}.lead{font-size:var(--step-lead);text-wrap:pretty;max-width:34ch;margin-top:1.25rem;line-height:1.4}.credit{font-size:var(--step-small);color:var(--muted);max-width:44ch;margin-top:1.5rem;line-height:1.45}.credit a{color:inherit;text-underline-offset:.15em}[data-ui]{font:400 var(--step-small) / 1.45 var(--font-text)}.address{background:var(--tone);border-radius:8px;max-width:36rem;margin-top:1.5rem;padding:.625rem .75rem}.address code{font:400 .8125rem / 1.5 var(--font-code);word-break:break-all;color:var(--muted)}.address code b{color:var(--ink);font-weight:400}.address code b.new{color:var(--accent-text)}.rows{max-width:36rem;margin-top:1.5rem;padding:0;list-style:none}.rows li{justify-content:space-between;align-items:baseline;gap:1rem;min-height:2.25rem;padding:.4rem 0;display:flex}.rows .given{color:var(--ink);font-size:var(--step-small);text-overflow:ellipsis;white-space:nowrap;flex:0 auto;min-width:0;overflow:hidden}.rows code{font:400 .8125rem / 1.45 var(--font-code);color:var(--muted);white-space:nowrap;text-overflow:ellipsis;text-align:right;flex:0 50%;overflow:hidden}.parts-ui{background:var(--tone);height:17.5rem;color:var(--ink);border-radius:8px;flex-direction:column;max-width:24rem;margin-top:1.25rem;padding-top:.5rem;display:flex;overflow:hidden}.tree-static{padding:0 .75rem;list-style:none}.tree-static li{align-items:center;min-height:1.875rem;display:flex}.handoff{flex-wrap:wrap;align-items:center;gap:.75rem 1.25rem;margin-top:1.5rem;display:flex}.hint{color:var(--muted);font-size:var(--step-small);display:none}@media (pointer:coarse){.stage.turnable~.yours .hint,.hint.shown{display:inline}}.napplet .copy{grid-template-rows:auto auto auto;align-content:center;row-gap:0}.napplet .card{grid-area:1/1/auto/span 6;padding-bottom:0}.napplet .shot{pointer-events:auto;grid-area:2/1/span 2/span 7;margin-top:2.5rem}.napplet .frame{aspect-ratio:4/3;grid-area:2/8/auto/span 5;margin-top:2.5rem}.napplet .facts{pointer-events:auto;grid-area:3/8/auto/span 5;align-self:start;margin-top:1.25rem}.shot img{border-radius:10px;width:100%;height:auto;display:block}.shot figcaption{font-size:var(--step-small);color:var(--muted);max-width:52ch;margin-top:.625rem}.facts{grid-template-columns:1fr 1fr;gap:1rem 1.5rem;max-width:30rem;display:grid}.facts dt{font-size:var(--step-small);color:var(--muted)}.facts dd{font-size:var(--step-body)}.yours h2{font-size:clamp(2.5rem,1rem + 6vw,7rem);line-height:.92}.still-only,html:not(.js) .live-only,html.still-mode .live-only{display:none}html:not(.js) .still-only,html.still-mode .still-only{display:block}.still{display:none}.still img{object-fit:contain;width:100%;height:100%;display:block}html:not(.js) .stage,html.still-mode .stage{display:none}html:not(.js) .beat,html.still-mode .beat{display:grid}html:not(.js) .beat>*,html.still-mode .beat>*{grid-area:1/1}html:not(.js) .beat>.still,html.still-mode .beat>.still{top:var(--bar);width:62%;height:calc(100svh - var(--bar));place-self:start end;display:block;position:sticky}html:not(.js) .copy,html.still-mode .copy{z-index:1}html:not(.js) .frame .still,html.still-mode .frame .still{background:var(--tone);border-radius:10px;width:100%;height:100%;display:block;overflow:hidden}html.shot .stage canvas{transition:none}html.shot .bar,html.shot .beat,html.shot .endcard,html.shot .poster,html.og .bar,html.og .credit{visibility:hidden}.endcard{z-index:1;background:var(--paper);padding:clamp(5rem, 12vh, 10rem) var(--margin) .75rem;position:relative}.views h2{max-width:14ch}.index{gap:var(--gutter);grid-template-columns:repeat(4,minmax(0,1fr));margin:clamp(2.5rem,6vh,4rem) 0 0;padding:0;list-style:none;display:grid}.index a{color:var(--ink);text-decoration:none;display:block}.index picture,.index img{aspect-ratio:1;background:var(--tone);border-radius:4px;width:100%;height:auto;display:block}.index img{transition:transform .4s cubic-bezier(.22,1,.36,1)}.index a:hover img{transform:scale(1.03)}.index picture{overflow:hidden}.index span{font-size:var(--step-small);margin-top:.5rem;display:block}.index a:hover span{color:var(--accent-text)}.tiles{margin-top:clamp(4rem,10vh,8rem);margin-inline:calc(var(--margin) * -1 + 8px);grid-template-columns:repeat(12,minmax(0,1fr));gap:8px;display:grid}.tile{background:var(--tone);border-radius:4px;flex-direction:column;justify-content:space-between;gap:1.5rem;min-height:13.75rem;padding:1.5rem;display:flex}.tile.statement{grid-column:1/span 6}.tile.statement p:first-child{font:500 var(--step-lead) / 1.3 var(--font-display);letter-spacing:-.01em;max-width:26ch}.legal{font-size:var(--step-small);color:var(--muted);max-width:60ch}.tile.model{grid-column:7/span 6}.tile.model p:first-child{max-width:44ch}.links{flex-wrap:wrap;gap:1.25rem;display:flex}.links a{text-underline-offset:.2em}.tile.name{background:var(--ink);grid-column:1/span 8;justify-content:center;align-items:center;min-height:20rem}.tile.name svg{width:72%;fill:var(--paper)}.tile.go{background:var(--accent);min-height:20rem;color:var(--on-accent);font:500 var(--step-lead) / 1.2 var(--font-display);letter-spacing:-.01em;grid-column:9/span 4;text-decoration:none;transition:background-color .15s}.tile.go:hover{background:color-mix(in srgb, var(--accent) 88%, var(--ink))}.tile.go svg{fill:none;stroke:currentColor;stroke-width:4px;align-self:flex-end;width:3.5rem;height:3.5rem;transition:transform .2s}.tile.go:hover svg{transform:translate(4px,-4px)}@media (min-width:901px) and (max-width:1199px){.card{grid-column:1/span 6}}@media (max-width:900px){:root{--bar:3.5rem}.home .word{width:5.5rem}.action{min-height:2.75rem;padding:0 .875rem}.copy,.beat[data-at] .copy{padding:0 0 env(safe-area-inset-bottom);flex-direction:column;justify-content:flex-end;display:flex}.card{padding:1rem var(--margin) 1.25rem;background:color-mix(in srgb, var(--paper) 92%, transparent);margin:0}.lead{margin-top:.625rem}.credit{margin-top:.75rem}.parts-ui{height:9.5rem;margin-top:.75rem}.address,.rows,.handoff{margin-top:.875rem}.rows .given{font-size:var(--step-small)}.napplet .copy{height:auto;padding:calc(var(--bar) + 1rem) var(--margin) 2rem;flex-direction:column;justify-content:flex-start;display:flex;position:relative}.napplet .card{margin:0 calc(var(--margin) * -1)}.napplet .shot,.napplet .frame,.napplet .facts{margin-top:1.25rem}.napplet .frame{aspect-ratio:3/2;width:100%}.poster,html:not(.js) .beat>.still,html.still-mode .beat>.still{width:100%;height:55svh}.tiles{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.index{grid-template-columns:repeat(2,minmax(0,1fr))}.tile{min-height:0;padding:1.25rem}.tile.name{order:-2;grid-column:1/-1;min-height:10rem}.tile.go{order:-1;grid-column:1/-1;min-height:10rem}.tile.statement,.tile.model{grid-column:1/-1}}:root{--ease-out:cubic-bezier(.22, 1, .36, 1);--t-reveal:.76s}html.motion .card>*,html.motion .napplet .shot,html.motion .napplet .facts,html.motion .views>*,html.motion .index li,html.motion .tile{opacity:0;transition:opacity var(--t-reveal) var(--ease-out), translate var(--t-reveal) var(--ease-out);transition-delay:calc(var(--i,0) * 80ms);translate:0 24px}html.motion .in>*,html.motion .napplet .in,html.motion .index.in li,html.motion .tiles.in .tile{opacity:1;translate:none}.card>:nth-child(2),.index li:nth-child(2),.tile:nth-child(2){--i:1}.card>:nth-child(3),.index li:nth-child(3),.tile:nth-child(3){--i:2}.card>:nth-child(n+4),.index li:nth-child(4),.tile:nth-child(4){--i:3}.index li:nth-child(5){--i:1.5}.index li:nth-child(6){--i:2.5}.index li:nth-child(7){--i:3.5}.index li:nth-child(8){--i:4.5}.address code b{transition:color 1.2s}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}