:root{--ink:#000;--ink-dim:#00000094;--ink-faint:#00000024;--bone:#fff;--paper:#fff;--fill:#f3f3f3;--red:#e3000f;--font-title:"Helvetica Neue", Helvetica, Arial, sans-serif;--font-mono:"Helvetica Neue", Helvetica, Arial, sans-serif;--gutter:clamp(16px, 4vw, 56px);--ease:cubic-bezier(.22, .8, .2, 1);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*,:before,:after{box-sizing:border-box}html,body{background:var(--bone);color:var(--ink);font-family:var(--font-mono);-webkit-font-smoothing:antialiased;margin:0;font-size:14px;line-height:1.4}img{max-width:100%;height:auto;display:block}a{color:inherit}button{font:inherit;color:inherit}::selection{background:var(--ink);color:var(--bone)}:focus-visible{outline:2px solid var(--ink);outline-offset:3px}.lost{text-align:center;place-content:center;gap:12px;min-height:100vh;display:grid}.foot{padding:clamp(56px, 10vw, 140px) var(--gutter) 40px;border-top:1px solid var(--ink-faint);gap:24px;display:grid}.foot__lead{font-family:var(--font-title);letter-spacing:-.05em;margin:0;font-size:clamp(36px,8vw,120px);font-weight:700;line-height:.9}.foot__links{flex-wrap:wrap;gap:8px 28px;margin:0;padding:0;font-size:clamp(15px,2vw,22px);list-style:none;display:flex}.foot__links a{text-underline-offset:4px;text-decoration-thickness:1px}.foot__links a:hover{background:var(--ink);color:var(--bone);text-decoration:none}.foot__todo{color:var(--ink-dim);margin:0;font-size:12px}.foot__fine{color:var(--ink-dim);letter-spacing:.08em;text-transform:uppercase;margin:24px 0 0;font-size:11px}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-delay:0s!important}}.dither-container{width:100%;height:100%;position:relative;overflow:hidden}.dither-canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.noise{pointer-events:none;position:absolute;inset:0;overflow:hidden}.noise--fixed{position:fixed}.noise__grain{image-rendering:pixelated;background-repeat:repeat;position:absolute;inset:0}.noise__dust{width:100%;height:100%;position:absolute;inset:0}.noise__lines{background-image:repeating-linear-gradient(#0000008c 0 1px,#0000 1px 3px);position:absolute;inset:0}.mesa{background-color:var(--bone);padding:var(--gutter);position:relative;overflow:hidden}.mesa__bg{z-index:0;position:absolute;inset:0;-webkit-mask-image:radial-gradient(58% 30% at 28% 14%,#0000 52%,#000 100%);mask-image:radial-gradient(58% 30% at 28% 14%,#0000 52%,#000 100%)}.mesa__board{aspect-ratio:1.45;-webkit-user-select:none;user-select:none;width:100%;max-width:1600px;min-height:720px;margin:0 auto;position:relative}.crop{border:0 solid var(--ink);pointer-events:none;width:18px;height:18px;position:absolute}.crop--tl{border-width:1px 0 0 1px;top:-8px;left:-8px}.crop--tr{border-width:1px 1px 0 0;top:-8px;right:-8px}.crop--bl{border-width:0 0 1px 1px;bottom:-8px;left:-8px}.crop--br{border-width:0 1px 1px 0;bottom:-8px;right:-8px}.mesa__head{z-index:1;pointer-events:none;justify-content:space-between;align-items:flex-start;display:flex;position:absolute;inset:0 0 auto}.mesa__name{font-family:var(--font-title);letter-spacing:-.055em;flex-direction:column;margin:0;font-size:clamp(64px,13.4vw,214px);font-weight:700;line-height:.8;display:flex}.mesa__word{display:block}.mesa__name .mesa__word:last-of-type{margin-left:.52em}.mesa__role{background:var(--bone);flex-direction:column;align-items:flex-end;gap:2px;margin:6px 0 0;padding:6px 8px;font-size:12px;font-weight:700;line-height:1.3;display:flex}.mesa__nav{pointer-events:auto;gap:16px;display:flex}.mesa__nav a,.mesa__nav span{color:var(--ink);border-bottom:1.5px solid var(--ink);text-decoration:none}.mesa__nav a:hover,.mesa__nav a:focus-visible{color:var(--red);border-color:var(--red)}.mesa__nav .is-off{color:var(--ink-dim);border-bottom-style:dashed;border-color:var(--ink-dim);cursor:default}.mesa__toggle{z-index:90;background:var(--ink);color:var(--bone);box-shadow:0 0 0 2px var(--bone);cursor:pointer;border:0;padding:9px 14px;font-size:12px;font-weight:700;transition:background .2s;position:absolute;top:22%;right:0}.mesa__toggle:hover{background:var(--red)}.piece{left:calc(var(--x) * 1%);top:calc(var(--y) * 1%);width:calc(var(--w) * 1%);z-index:2;transform:translate(var(--dx,0px), var(--dy,0px)) rotate(calc(var(--r) * 1deg));transition:left .8s var(--ease), top .8s var(--ease), width .8s var(--ease), transform .8s var(--ease), opacity .3s, filter .3s;animation:drop .9s var(--ease) both;animation-delay:calc(var(--i) * 80ms + .15s);touch-action:manipulation;text-decoration:none;position:absolute}.piece.is-dragging{transition:opacity .3s,filter .3s}.piece.is-dragging .piece__print{background:var(--fill);border:1.5px solid var(--ink);transition:transform .4s var(--ease);display:block}.piece__print img{width:100%;aspect-ratio:var(--ar);object-fit:cover}.piece:hover .piece__print,.piece:focus-visible .piece__print{transform:translateY(-4px)}.piece__num{z-index:3;background:var(--ink);width:34px;height:34px;color:var(--bone);box-shadow:0 0 0 2px var(--bone);border-radius:50%;place-items:center;font-size:11px;font-weight:700;transition:background .2s;display:grid;position:absolute;top:-12px;right:-12px}.piece:hover .piece__num,.piece:hover .piece__tag{background:var(--red)}.piece__tag{z-index:3;background:var(--ink);max-width:92%;color:var(--bone);box-shadow:0 0 0 2px var(--bone);padding:5px 9px;font-size:11px;font-weight:700;line-height:1.25;transition:background .2s;position:absolute;bottom:-14px;left:-8px}.piece__tag i{opacity:.7;margin-left:4px;font-style:normal;font-weight:400}.is-tidy .piece{left:calc(var(--gx) * 1%);top:calc(var(--gy) * 1%);width:17%;transform:translate(0)rotate(0)}.is-tidy .note{width:22%;top:74%;left:72%;transform:rotate(0)}.note{z-index:3;background:var(--paper);border:1.5px solid var(--ink);width:17%;min-width:190px;transition:left .8s var(--ease), top .8s var(--ease), width .8s var(--ease), transform .8s var(--ease);animation:drop .9s var(--ease) .8s both;padding:16px 16px 14px;position:absolute;top:68%;left:3%;transform:rotate(-1.5deg)}.note__title{font-family:var(--font-title);letter-spacing:-.04em;margin:0 0 8px;font-size:28px;font-weight:700;line-height:1}.note__list{margin:0;padding:0;list-style:none}.note__list li{align-items:center;height:26px;display:flex}.note__list button{cursor:pointer;text-align:left;text-underline-offset:4px;background:0 0;border:0;padding:0;font-size:12px;-webkit-text-decoration:underline #0000;text-decoration:underline #0000;transition:text-decoration-color .2s,color .2s}.note__list button:before{content:"→ ";opacity:0;transition:opacity .2s}.note__list button:hover,.note__list button:focus-visible{-webkit-text-decoration-color:var(--red);text-decoration-color:var(--red);color:var(--red)}.note__list button:hover:before,.note__list button:focus-visible:before{opacity:1}@media (width<=759px){.mesa{padding-top:28px;padding-bottom:56px}.mesa__board{aspect-ratio:auto;grid-template-columns:1fr 1fr;align-items:start;gap:34px 20px;min-height:0;display:grid}.mesa__head{flex-direction:column;grid-column:1/-1;gap:12px;margin-bottom:10px;position:static}.mesa__name{font-size:clamp(54px,19.5vw,120px)}.mesa__role{align-items:flex-start;padding-left:0}.mesa__bg{-webkit-mask-image:radial-gradient(95% 20% at 40% 11%,#0000 55%,#000 100%);mask-image:radial-gradient(95% 20% at 40% 11%,#0000 55%,#000 100%)}.mesa__toggle,.crop{display:none}.piece{width:auto;transform:rotate(calc(var(--r) * .6deg));position:relative;top:auto;left:auto}.piece:nth-of-type(3){grid-column:1/-1}.piece__tag{padding:4px 7px;font-size:10px}.note{grid-column:1/-1;width:auto;margin-top:14px;position:relative;top:auto;left:auto}}.proj{background-color:var(--bone);min-height:100vh}.proj__bar{z-index:50;padding:14px var(--gutter);background:var(--paper);border-bottom:1.5px solid var(--ink);text-transform:uppercase;justify-content:space-between;align-items:center;gap:16px;font-size:12px;font-weight:700;display:flex;position:sticky;top:0}.proj__back{text-decoration:none}.proj__back:hover{text-underline-offset:4px;text-decoration:underline}.proj__arrows{gap:6px;display:flex}.proj__arrows a{border:1px solid var(--ink);place-items:center;width:34px;height:30px;text-decoration:none;transition:background .2s,color .2s;display:grid}.proj__arrows a:hover{background:var(--ink);color:var(--bone)}.proj__head{padding:clamp(36px, 7vw, 100px) var(--gutter) clamp(28px, 5vw, 64px);flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:24px 48px;display:flex}.proj__title{max-width:14ch;font-family:var(--font-title);letter-spacing:-.055em;margin:0;font-size:clamp(48px,10.5vw,170px);font-weight:700;line-height:.84}.proj__meta{gap:40px;margin:0;display:flex}.proj__meta dt{letter-spacing:.12em;text-transform:uppercase;color:var(--ink-dim);font-size:10px}.proj__meta dd{margin:2px 0 0;font-size:13px}.proj__grid{max-width:1500px;padding:0 var(--gutter);grid-template-columns:1fr 1fr;gap:clamp(12px,2vw,28px);margin:0 auto;display:grid}.proj__grid figure{background:var(--fill);border:1.5px solid var(--ink);margin:0}.proj__grid figure.is-wide{grid-column:1/-1}.proj__grid img,.proj__strip img{width:100%;height:auto}.proj__strip{width:min(880px, 100% - var(--gutter) * 2);background:var(--fill);border:1.5px solid var(--ink);margin:0 auto;line-height:0}.proj__link{width:fit-content;margin:clamp(32px, 5vw, 64px) var(--gutter) 0;background:var(--ink);color:var(--bone);padding:12px 18px;font-size:12px;font-weight:700;text-decoration:none;transition:background .2s;display:block}.proj__link:hover{background:var(--red)}.proj__next{padding:clamp(28px, 5vw, 64px) var(--gutter);border-top:1.5px solid var(--ink);margin-top:clamp(56px,10vw,140px);text-decoration:none;transition:background .3s,color .3s;display:block}.proj__next span{opacity:.7;font-size:11px;font-weight:700;display:block}.proj__next strong{font-family:var(--font-title);letter-spacing:-.05em;font-size:clamp(36px,8vw,128px);font-weight:700;line-height:.95;display:block}.proj__next:hover{background:var(--ink);color:var(--bone)}@media (width<=759px){.proj__grid{grid-template-columns:1fr}}