:root{--paper:#fff;--ink:#111;--mute:#8b8b87;--gut:clamp(12px, 1.6vw, 24px);--sans:"Inter Tight", "Helvetica Neue", Helvetica, Arial, sans-serif;--mono:"IBM Plex Mono", ui-monospace, Menlo, monospace;--grid:#0000000b}[data-theme=dark]{--paper:#121212;--ink:#e4e4df;--mute:#6a6a66;--grid:#ffffff0a}*{box-sizing:border-box;margin:0;padding:0}html{background:var(--paper);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased;transition:background .3s,color .3s}body{min-height:100vh;color:var(--ink)}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer;text-transform:inherit;letter-spacing:inherit;background:0 0;border:0}img,svg,picture{display:block}img{max-width:100%}.mono{font-family:var(--mono);letter-spacing:.02em;text-transform:uppercase;font-feature-settings:"zero";font-size:11px;line-height:1.5}.g12{column-gap:var(--gut);grid-template-columns:repeat(12,minmax(0,1fr));display:grid}.opt{color:var(--mute);transition:color .2s}.opt.on,.opt:hover{color:var(--ink)}.lnk{margin:0 -2px;padding:0 2px}.lnk:hover,.lnk.on{background:var(--ink);color:var(--paper)}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.grain{pointer-events:none;z-index:-1;opacity:.16;mix-blend-mode:overlay;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='220' height='220'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/><feColorMatrix type='saturate' values='0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");position:fixed;inset:0}.top{z-index:50;background:var(--paper);padding:14px var(--gut) 12px;border-bottom:1px solid var(--ink);align-items:start;transition:background .3s;position:sticky;top:0}.top-logo{flex-direction:column;grid-column:1/4;gap:3px;width:max-content;display:flex}.top-logo svg{width:118px;height:auto}.top-logo .code-txt{font-size:9px}.top-nav{flex-wrap:wrap;grid-column:4/9;gap:28px;display:flex}.top-ctrl{grid-column:9/13;justify-content:flex-end;gap:32px;display:flex}.code-txt{font-family:var(--mono);font-feature-settings:"zero";justify-content:space-between;line-height:1;display:flex}.hero{padding:clamp(48px, 11vh, 140px) var(--gut) clamp(40px, 7vh, 90px);align-items:center;min-height:calc(82vh - 60px)}.hero-meta{grid-column:1/4;align-self:start}.hero-code{grid-column:4/10}.hero-code svg{width:100%;height:auto}.hero-code .code-txt{margin-top:14px;font-size:clamp(13px,1.7vw,26px)}.hero-note{grid-column:10/13;place-self:end;max-width:30ch;font-size:13px;line-height:1.35}.code-link{display:block}.bar-in{transform-box:fill-box;transform-origin:50% 100%;animation:.9s cubic-bezier(.2,.7,0,1) both barup}@keyframes barup{0%{transform:scaleY(0)}}.cats{border-top:1px solid var(--ink)}.cat{padding:14px var(--gut) 0;border-bottom:1px solid var(--ink);position:relative;overflow:hidden}.cat-no{grid-column:1/7}.cat-meta{text-align:right;grid-column:7/13}.cat-meta .ar,.ca-top .ar{transition:transform .3s;display:inline-block}.cat:hover .cat-meta .ar,.cat-all:hover .ar{transform:translate(6px)}.cat-word{z-index:2;white-space:nowrap;letter-spacing:-.045em;text-transform:uppercase;grid-column:1/13;min-width:0;margin-top:clamp(24px,5vw,72px);padding-bottom:.015em;font-size:clamp(56px,10vw,200px);font-weight:400;line-height:.8;display:block;position:relative}.cat-word>span{display:inline-block}.cat-prev{z-index:1;aspect-ratio:4/5;opacity:0;pointer-events:none;height:86%;transition:opacity .25s;display:grid;position:absolute;top:55%;left:50%;transform:translate(-50%,-50%)}.cat-prev>img{object-fit:cover;grid-area:1/1;width:100%;height:100%;transition:opacity .15s}.cat-prev>img:not(:first-child){opacity:0}@media (hover:hover){.cat:hover .cat-prev{opacity:1}}.cat-all{padding:14px var(--gut) 18px;border-bottom:1px solid var(--ink);display:block}.ca-top{justify-content:space-between;gap:16px;display:flex}.cat-all:hover .ca-top>span:first-child{background:var(--ink);color:var(--paper)}.ca-strip{gap:10px;height:72px;margin-top:14px;display:flex}.ca-g{gap:2px;min-width:0;display:flex}.ca-g img{object-fit:cover;flex:1;min-width:0;height:100%}.spread{white-space:nowrap;text-transform:uppercase;padding:clamp(32px, 6vw, 90px) var(--gut) 0;justify-content:space-between;font-size:clamp(56px,12vw,260px);font-weight:400;line-height:.8;display:flex}.sec-sub{padding:clamp(28px, 4vw, 56px) var(--gut) 0;align-items:start}.s-a{grid-column:1/4}.s-b{grid-column:4/8;max-width:36ch;font-size:15px;line-height:1.3}.s-c{grid-column:8/11}.s-d{text-align:right;grid-column:11/13}[data-view=grid] .plist,[data-view=list] .pgrid{display:none}.plist{border-top:1px solid var(--ink);margin-top:clamp(40px,6vw,90px)}.prow{padding:14px var(--gut) 12px;border-bottom:1px solid var(--ink);align-items:baseline;transition:background .15s,color .15s}.prow .no{grid-column:1/2}.prow .t{letter-spacing:-.025em;grid-column:2/7;font-size:clamp(22px,2.6vw,38px);line-height:1}.prow .loc{grid-column:7/9}.prow .yr{grid-column:9/10}.prow .fr{grid-column:10/12}.prow .ar{text-align:right;grid-column:12/13}.prow.phead{color:var(--mute);padding-top:8px;padding-bottom:6px}.prow.phead .t{font-family:var(--mono);letter-spacing:.02em;font-size:11px}a.prow:hover{background:var(--ink);color:var(--paper)}.pgrid{gap:56px var(--gut);padding:clamp(40px, 6vw, 90px) var(--gut) clamp(60px, 8vw, 120px);grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;display:grid}.card:nth-child(3n+2){margin-top:14vh}.card:nth-child(3n+3){margin-top:5vh}.card img{aspect-ratio:4/5;object-fit:cover;width:100%}.card-cap{justify-content:space-between;gap:12px;margin-top:8px;display:flex}.card:hover .card-cap span:first-child{background:var(--ink);color:var(--paper)}#cursor-prev{z-index:60;pointer-events:none;opacity:0;width:220px;transition:opacity .15s;position:fixed;top:0;left:0}#cursor-prev.on{opacity:1}#cursor-prev img{aspect-ratio:4/5;object-fit:cover;width:100%}.p-head{padding:clamp(28px, 5vw, 72px) var(--gut) 0;align-items:start}.p-meta{grid-column:1/4}.p-meta dl{grid-template-columns:auto 1fr;gap:2px 16px;margin-top:32px;display:grid}.p-meta dt{color:var(--mute)}.p-main{grid-column:4/12;min-width:0}.p-title{letter-spacing:-.05em;text-transform:uppercase;font-size:clamp(52px,10vw,170px);font-weight:400;line-height:.82}.p-lead{letter-spacing:-.02em;max-width:26ch;margin-top:clamp(28px,4vw,56px);font-size:clamp(22px,2.4vw,36px);line-height:1.08}.p-cols{columns:2;column-gap:var(--gut);max-width:620px;margin-top:28px;font-size:12px;line-height:1.4}.p-cols p+p{margin-top:1.4em}.p-vert{grid-column:12/13;place-self:stretch end;align-items:flex-end;display:flex}.p-vert span{writing-mode:vertical-rl;letter-spacing:-.02em;white-space:nowrap;font-size:clamp(20px,2vw,30px);line-height:1.05;transform:rotate(180deg)}.p-vert b{font-weight:600}.gallery{padding:clamp(60px, 9vw, 140px) var(--gut);align-items:start;row-gap:clamp(48px,8vw,130px)}.fig{cursor:zoom-in}.fig img{width:100%;height:auto}.fig figcaption{justify-content:space-between;margin-top:8px;display:flex}.p-nav{padding:16px var(--gut);border-top:1px solid var(--ink);align-items:center;gap:20px;display:flex}.p-nav .line{background:var(--ink);flex:1;height:1px}.p-nav a:hover{background:var(--ink);color:var(--paper)}#lb{z-index:200;background:var(--paper);padding:14px var(--gut);grid-template-rows:auto 1fr auto;display:grid;position:fixed;inset:0}#lb[hidden]{display:none}.lb-bar{justify-content:space-between;gap:20px;display:flex}.lb-stage{cursor:pointer;place-items:center;min-height:0;padding:16px 0;display:grid}.lb-stage img{object-fit:contain;width:auto;max-width:100%;height:auto;max-height:calc(100svh - 120px)}.lb-nav{align-items:center;gap:20px;display:flex}.lb-nav .line{background:var(--ink);flex:1;height:1px}.foot{padding:14px var(--gut) 18px;border-top:1px solid var(--ink)}.foot>:first-child{grid-column:1/4}.foot>:nth-child(2){grid-column:4/6}.foot>:nth-child(3){grid-column:6/8}.foot>:nth-child(4){grid-column:8/11}.foot>:nth-child(5){text-align:right;grid-column:11/13}main{animation:.5s both in}@keyframes in{0%{opacity:0;transform:translateY(6px)}}.all-top{padding:14px var(--gut);border-bottom:1px solid var(--ink)}.at-a{grid-column:1/4}.at-b{grid-column:4/7}.at-c{text-align:right;grid-column:7/13}.halves{grid-template-columns:repeat(2,minmax(0,1fr));display:grid;overflow-x:clip}.half{min-width:0;padding:16px var(--gut) 0}.half+.half{border-left:1px solid var(--ink)}.half-h{display:block}.half-h .mono{justify-content:space-between;display:flex}.hw{white-space:nowrap;letter-spacing:-.045em;text-transform:uppercase;margin-top:12px;padding-bottom:.02em;font-size:clamp(36px,5vw,84px);line-height:.8;display:block}.hw>span{transition:background .15s,color .15s;display:inline-block}.half-h:hover .hw>span{background:var(--ink);color:var(--paper)}[data-forest=graph] .halves,[data-forest=birches] .field,[data-forest=barcode] .field{display:none}.forest{border-bottom:1px solid var(--ink);height:calc(100svh - 240px);min-height:440px;margin-top:8px;position:relative}.forest [data-t]{transition:opacity .25s}.forest.on [data-t]:not(.hl){opacity:.12}.th,.g-fr{cursor:zoom-in;z-index:1;border:0;padding:0;transition:transform .25s cubic-bezier(.2,.7,0,1),opacity .25s;position:absolute}.th img,.g-fr img{object-fit:cover;width:100%;height:100%}.tl{font:500 7px/1 var(--mono);letter-spacing:.04em;color:#fff;mix-blend-mode:difference;opacity:0;font-style:normal;transition:opacity .2s;position:absolute;top:2px;left:2px}.th:hover .tl,.g-fr:hover .tl,.bar:hover .tl{opacity:1}.grow .th{animation:.45s cubic-bezier(.2,.7,0,1) backwards pop}@keyframes pop{0%{opacity:0;transform:scale(0)}}.field{border-bottom:1px solid var(--ink);background-image:linear-gradient(var(--grid) 1px, transparent 1px), linear-gradient(90deg, var(--grid) 1px, transparent 1px);background-size:48px 48px;height:calc(100svh - 112px);min-height:560px;position:relative;overflow:hidden}.gsvg{position:absolute;inset:0}.ge{fill:none;stroke:var(--ink);stroke-width:1px;transition:opacity .25s,stroke-width .2s}.ge.fr{stroke:var(--mute)}.ge.hl{stroke:var(--ink);stroke-width:1.8px}.grow .ge{stroke-dasharray:1;stroke-dashoffset:1px;animation:.8s ease-out forwards draw}@keyframes draw{to{stroke-dashoffset:0}}.gn{transition:opacity .25s;position:absolute}.grow .gn{animation:.4s ease-out backwards fadein}@keyframes fadein{0%{opacity:0}}.field.on .gx:not(.hl){opacity:.1}.g-sq{background:var(--ink);z-index:3;transform:translate(-50%,-50%)}.g-sec{background:var(--paper);white-space:nowrap;letter-spacing:-.04em;text-transform:uppercase;z-index:3;padding:2px 8px 4px;line-height:.9;transform:translate(-50%,-50%)}.g-sec .mono{letter-spacing:.02em;vertical-align:top}.g-sec.hl,.g-sec:hover{background:var(--ink);color:var(--paper)}.g-proj{background:var(--paper);border:1px solid var(--ink);white-space:nowrap;z-index:2;padding:1px 6px;line-height:16px}.g-proj.hl{background:var(--ink);color:var(--paper)}.g-fr:hover{z-index:6;transform:scale(4)}.btree{text-transform:uppercase;color:var(--mute);font-family:IBM Plex Mono,monospace;line-height:1.1;transition:opacity .25s,color .25s;position:absolute;transform:translate(-50%)}.bt-in{text-align:center;position:relative}.br{white-space:pre;width:fit-content;margin:0 auto}.br.mk{background:var(--ink);color:var(--paper)}.bb{text-align:center;opacity:.75;width:1ch;position:absolute}.th3{width:3ch;height:3ch;box-shadow:0 0 0 1px var(--ink)}.th3:hover{z-index:5;transform:scale(4.5)}.btree.l0{opacity:.42}.btree.fill{opacity:.26}.btree.fill.l0{opacity:.14}.forest.on .btree.fill{opacity:.05}.btree.l0[data-t]{opacity:.72}.btree.hl[data-t]{opacity:1;color:var(--ink)}.b-lbl2{white-space:nowrap;background:var(--paper);margin-top:6px;padding:0 3px;position:absolute;top:100%;left:50%;transform:translate(-50%)}.btree.hl .b-lbl2,.bgp.hl .b-lbl{background:var(--ink);color:var(--paper)}.grow .btree{animation:.9s cubic-bezier(.2,.7,0,1) backwards rise2}@keyframes rise2{0%{opacity:0;transform:translate(-50%,24px)}}.bc{gap:12px;display:flex;position:absolute;inset:0}.bgp{flex-direction:column;flex:var(--n) 1 0;min-width:0;transition:flex-grow .5s cubic-bezier(.2,.7,0,1),opacity .25s;display:flex}.bgp:hover{flex-grow:calc(var(--n) * 4)}.bars{flex:1;gap:2px;min-height:0;display:flex}.bar{flex:var(--w) 1 0;cursor:zoom-in;background-position:50%;background-size:cover;border:0;min-width:0;padding:0;transition:flex-grow .5s cubic-bezier(.2,.7,0,1);position:relative}.bar:hover{flex-grow:14}.bar .tl{font-size:10px;top:4px;left:4px}.grow .bar{transform-origin:50% 100%;animation:.7s cubic-bezier(.2,.7,0,1) backwards barin}@keyframes barin{0%{transform:scaleY(0)}}.b-lbl{white-space:nowrap;text-overflow:ellipsis;align-self:flex-start;max-width:100%;margin:8px 0 6px;overflow:hidden}.nf{text-align:center;min-height:60vh;padding:var(--gut);place-content:center;gap:24px;display:grid}.nf h1{letter-spacing:-.05em;font-size:clamp(48px,10vw,140px);font-weight:400;line-height:.85}@media (prefers-reduced-motion:reduce){main,.bar-in,.grow .th,.grow .ge,.grow .gn,.grow .btree,.grow .bar{animation:none!important}.grow .ge{stroke-dashoffset:0}}@media (width<=760px){.top{grid-template-columns:1fr auto;row-gap:12px}.top-logo{grid-area:1/1}.top-ctrl{flex-direction:column;grid-area:1/2;align-items:flex-end;gap:2px}.top-nav{grid-area:2/1/auto/-1;gap:18px}.hero{row-gap:48px;min-height:auto;padding-top:56px}.hero-meta,.hero-code,.hero-note{grid-column:1/-1;justify-self:start}.ca-strip{height:48px}.s-a,.s-b,.s-c{grid-column:1/-1;margin-bottom:16px}.s-d{text-align:left;grid-column:1/-1}.prow .no{grid-column:1/3}.prow .t{grid-column:3/11}.prow .yr{text-align:right;grid-column:11/13}.prow .loc,.prow .fr,.prow .ar{display:none}.pgrid{grid-template-columns:1fr}.card:nth-child(n){margin-top:0}.p-meta,.p-main{grid-column:1/-1}.p-main{margin-top:40px}.p-cols{columns:1}.p-vert{display:none}.fig{grid-column:1/-1!important;margin-top:0!important}.at-a,.at-b,.at-c{text-align:left;grid-column:1/-1}.halves{grid-template-columns:1fr}.half+.half{border-left:0;border-top:1px solid var(--ink);margin-top:24px}.forest{height:62svh;min-height:360px}.field{height:130svh;min-height:820px}.foot{row-gap:6px}.foot>:nth-child(n){text-align:left;grid-column:1/-1}}