:root{--u:3px;--focus-ring:var(--ink);--on-wall-soft:color-mix(in oklab, var(--wall-ink) 74%, var(--wall));--on-paper-soft:color-mix(in oklab, var(--ink) 70%, var(--paper));--accent-current:var(--accent-hold);--case-w:round(down, 64vw, 3px);--case-h:round(down, calc(var(--case-w) * 9 / 16), 3px);--case-top:calc(var(--u) * 28);--engine-z:5;scrollbar-color:var(--ink) var(--paper);background:var(--wall);color:var(--wall-ink);font:400 17px/1.5 var(--font-display);font-synthesis:none;-webkit-font-smoothing:antialiased;caret-color:var(--wall)}*,:before,:after{box-sizing:border-box}body{margin:0;overflow-x:clip}::selection{background:var(--ink);color:var(--paper)}:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.skip{z-index:100;background:var(--paper);color:var(--ink);font:400 var(--pixel-size) / 1 var(--font-pixel);text-transform:uppercase;padding:6px 12px;position:absolute;top:-60px;left:12px}.skip:focus{top:12px}.win{--focus-ring:var(--ink);background:var(--paper);color:var(--ink);border:var(--hair) solid var(--ink);font-size:14px;line-height:1.4}.win__title{justify-content:space-between;align-items:center;gap:calc(var(--u) * 4);height:var(--win-title-h);padding:0 calc(var(--u) * 2);background:var(--ink);color:var(--paper);font:400 var(--pixel-size) / 1 var(--font-pixel);letter-spacing:0;white-space:nowrap;cursor:grab;-webkit-user-select:none;user-select:none;touch-action:none;margin:0;display:flex}@media (pointer:coarse){.win__title{touch-action:pan-y}}.win.is-active .win__title,.win:focus-within .win__title{background:repeating-linear-gradient(to bottom, var(--ink) 0 2px, color-mix(in oklab, var(--paper) 42%, var(--ink)) 2px 3px) 0 3px / 100% calc(100% - 6px) no-repeat, var(--ink)}.win__title>span,.win__title>.win__shade{padding:0 calc(var(--u) * 1);background-color:var(--ink)}.win__title>.win__shade{outline:calc(var(--u) * 1) solid var(--ink);padding:0}.win.is-dragging .win__title{cursor:grabbing}.win__aside{color:color-mix(in oklab, var(--paper) 78%, var(--ink))}.win__body{padding:calc(var(--u) * 3)}.win__body[hidden]{display:none}.win__shade{border:var(--hair) solid var(--paper);background:linear-gradient(var(--paper), var(--paper)) center / 5px 1px no-repeat, transparent;cursor:pointer;--focus-ring:var(--paper);width:11px;height:11px;margin-right:-3px;padding:0}.win__shade[aria-expanded=false]{background:linear-gradient(var(--paper), var(--paper)) center / 5px 1px no-repeat, linear-gradient(var(--paper), var(--paper)) center / 1px 5px no-repeat}.win-echo{pointer-events:none}.tag{background:var(--paper);color:var(--ink);font:400 var(--pixel-size) / 1 var(--font-pixel);text-transform:uppercase;vertical-align:1px;margin:0;padding:2px 5px 1px;display:inline-block}.tag--ink{background:var(--ink);color:var(--paper)}.btn{border:var(--hair) solid var(--ink);background:var(--paper);color:var(--ink);font:400 var(--pixel-size) / 1 var(--font-pixel);text-transform:uppercase;cursor:pointer;padding:5px 15px 4px}.btn:hover{background:var(--ink);color:var(--paper)}.btn:active{translate:0 1px}.field{gap:calc(var(--u) * 1);border:0;margin:0;padding:0;display:grid}.field+.field{margin-top:calc(var(--u) * 3);padding-top:calc(var(--u) * 3);border-top:var(--hair) solid color-mix(in oklab, var(--ink) 25%, var(--paper))}.field legend{margin-bottom:calc(var(--u) * 1);font:400 var(--pixel-size) / 1 var(--font-pixel);text-transform:uppercase;color:var(--on-paper-soft);padding:0}.field label{align-items:center;gap:calc(var(--u) * 2);cursor:pointer;display:flex}.field input{appearance:none;border:var(--hair) solid var(--ink);background:var(--paper);cursor:pointer;flex:none;width:11px;height:11px;margin:0}.field input:checked{background:linear-gradient(var(--ink), var(--ink)) center / 5px 5px no-repeat, var(--paper)}.field input[type=checkbox]:checked{background:linear-gradient(var(--ink), var(--ink)) center / 7px 7px no-repeat, var(--paper)}.field label:hover input:not(:checked){background:linear-gradient(color-mix(in oklab, var(--ink) 30%, var(--paper)), color-mix(in oklab, var(--ink) 30%, var(--paper))) center / 5px 5px no-repeat, var(--paper)}.desk{min-height:max(100svh, calc(var(--case-top) + var(--case-h) + 300px));background:var(--wall);color:var(--wall-ink);--focus-ring:var(--paper);position:relative}.case{margin:0;position:relative}.desk>.case{left:round(down, calc((100% - var(--case-w)) / 2), 3px);top:var(--case-top);width:var(--case-w);height:var(--case-h);position:absolute}.case__glass{outline:var(--hair) solid var(--ink);background:var(--scene-bg);cursor:grab;position:absolute;inset:0}.case__glass:active{cursor:grabbing}.case__crop{pointer-events:none;--c:var(--wall-ink);background:linear-gradient(var(--c), var(--c)) var(--x) var(--y) / 12px 1px no-repeat, linear-gradient(var(--c), var(--c)) var(--x) var(--y) / 1px 12px no-repeat;width:12px;height:12px;position:absolute}.case__crop--tl{--x:100%;--y:100%;top:-18px;left:-18px}.case__crop--tr{--x:0;--y:100%;top:-18px;right:-18px}.case__crop--bl{--x:100%;--y:0;bottom:-18px;left:-18px}.case__crop--br{--x:0;--y:0;bottom:-18px;right:-18px}.case__tag{z-index:10;position:absolute;top:9px;left:9px}@media (width>=761px){.case__tag{left:max(9px,263px - 18vw)}}.boot{z-index:40;width:264px;position:absolute;top:50%;left:50%;translate:-50% -50%}.boot__message{margin:0 0 9px}.boot__bar{border:var(--hair) solid var(--ink);height:12px;padding:2px}.boot__fill{height:100%;width:round(down, calc(var(--progress,0) * 100%), 3px);background:var(--ink);display:block}.boot__pct{font:400 var(--pixel-size) / 1 var(--font-pixel);text-transform:uppercase;color:var(--on-paper-soft);margin:6px 0 0}.boot.is-error .boot__message{color:var(--wall);font-weight:600}.boot.is-error .boot__bar,.boot.is-error .boot__pct{display:none}.rail{left:round(down, calc((100% - var(--case-w)) / 2), 3px);top:calc(var(--case-top) + var(--case-h) + 24px);width:min(var(--case-w), calc(100% - 24px - 222px - 12px - round(down, calc((100% - var(--case-w)) / 2), 3px)));position:absolute}.rail__body{align-items:center;gap:calc(var(--u) * 4);padding:calc(var(--u) * 2) calc(var(--u) * 3);grid-template-columns:33px auto 1fr auto;display:grid}.rail__play{background:var(--ink);width:33px;height:33px;color:var(--paper);cursor:pointer;--focus-ring:var(--ink);border:0;padding:0}.rail__play svg{fill:currentColor;shape-rendering:crispedges;width:12px;height:12px;margin:auto;display:block}.rail__play[aria-pressed=true]{background:var(--accent-current);color:var(--ink)}.rail__tc{font:400 var(--pixel-size-2x) / 1 var(--font-pixel);font-variant-numeric:tabular-nums}.rail__state{min-width:15ch;font:400 var(--pixel-size) / 1 var(--font-pixel);text-align:right}.rail__track{cursor:ew-resize;touch-action:none;--focus-ring:var(--ink);height:33px;position:relative}.rail__ruler{border-bottom:var(--hair) solid var(--ink);position:absolute;inset:0}.rail__ruler i{background:var(--ink);width:1px;height:6px;position:absolute;bottom:0}.rail__ruler i.is-major{height:12px}.rail__ruler b{font:400 var(--pixel-size) / 1 var(--font-pixel);color:var(--on-paper-soft);position:absolute;top:0;translate:-50%}.rail__ruler b:first-of-type{translate:0}.rail__head{top:12px;bottom:-3px;left:round(down, calc(var(--playhead,0) * 100%), 1px);background:var(--accent-current);outline:var(--hair) solid var(--ink);width:3px;margin-left:-1px;position:absolute}.rail__track.is-scrubbing .rail__head{top:0}.desk__title{left:round(down, calc((100% - var(--case-w)) / 2), 3px);top:calc(var(--case-top) + var(--case-h) + 108px);max-width:var(--case-w);font-size:clamp(48px,6.6vw,96px);font-weight:700;line-height:var(--display-leading);letter-spacing:-.04em;color:var(--wall-ink);text-wrap:balance;margin:0;position:absolute}.desk>.win,.drawers{position:absolute}.plan{top:24px;left:24px}.plan .win__body{padding:calc(var(--u) * 2)}.plan__map{width:216px;height:144px;image-rendering:pixelated;background:var(--paper);display:block}.plan__key{gap:calc(var(--u) * 4);font:400 var(--pixel-size) / 1 var(--font-pixel);text-transform:uppercase;margin:6px 0 0;display:flex}.plan__key span{align-items:center;gap:6px;display:inline-flex}.key{width:6px;height:6px}.key--cat{background:var(--accent-current);outline:var(--hair) solid var(--ink)}.key--camera{background:var(--ink)}.drawers{gap:12px;width:222px;display:grid;top:243px;left:24px}.drawers .win{position:relative}.clock{width:222px;top:24px;right:24px}.clock__tc{font:400 var(--pixel-size-2x) / 1 var(--font-pixel);font-variant-numeric:tabular-nums;margin:0;font-size:33px}.clock__frame,.clock__wall{font:400 var(--pixel-size) / 1.2 var(--font-pixel);color:var(--on-paper-soft);margin:6px 0 0}.source{width:222px;top:165px;right:24px}.source .win__body{padding:calc(var(--u) * 1)}.source__frame{aspect-ratio:16/9;background-color:var(--ink);background-repeat:no-repeat;width:212px}.label{right:24px;top:calc(var(--case-top) + var(--case-h) + 24px);width:222px}.label__title{letter-spacing:-.02em;margin:0 0 3px;font-size:22px;font-weight:700;line-height:1.05}.label__line{margin:0 0 6px;font-size:13px;line-height:1.35}.label__maker{margin:0 0 6px;font-size:13px;font-style:italic;line-height:1.35}.label__credit{color:var(--on-paper-soft);margin:6px 0 0;font-size:12px;line-height:1.35}.label__credit a,.foot__text a{color:inherit;text-underline-offset:2px}.label__no{border-top:var(--hair) solid var(--ink);font:400 var(--pixel-size) / 1 var(--font-pixel);text-align:right;margin:6px 0 0;padding-top:6px}.label__dims{border-top:var(--hair) solid var(--ink);gap:3px;margin:6px 0 0;padding-top:6px;display:grid}.label__dims div{justify-content:space-between;gap:12px;display:flex}.label__dims dt,.label__dims dd{font:400 var(--pixel-size) / 1.2 var(--font-pixel);margin:0}.label__dims dt{text-transform:uppercase;color:var(--on-paper-soft)}.notice{width:222px;top:333px;left:24px}.notice__body{grid-template-columns:22px 1fr;align-items:start;gap:9px 12px;display:grid}.notice__body p{margin:0;font-size:13px;line-height:1.4}.notice__icon{width:22px;height:22px;fill:var(--ink);shape-rendering:crispedges}.notice__icon .notice__mark{fill:var(--paper)}.notice .btn{grid-column:2;justify-self:end}.room{padding:calc(var(--u) * 40) 24px calc(var(--u) * 44);position:relative}.room--wall{background:var(--wall);color:var(--wall-ink);--focus-ring:var(--paper)}.room--paper{background:var(--paper);color:var(--ink);--focus-ring:var(--ink)}.room--paper ::selection{background:var(--wall);color:var(--paper)}.room>*{max-width:1200px;margin-left:auto;margin-right:auto}.room__head{margin-bottom:calc(var(--u) * 16);grid-template-columns:108px 1fr;align-items:baseline;gap:24px;display:grid}.room__no{border:var(--hair) solid currentColor;font:400 var(--pixel-size) / 1 var(--font-pixel);text-transform:uppercase;white-space:nowrap;justify-self:start;margin:0;padding:5px 9px 4px}.room__title{letter-spacing:-.04em;text-wrap:balance;margin:0;font-size:clamp(36px,5vw,72px);font-weight:700;line-height:.95}.room__body{gap:calc(var(--u) * 16);grid-template-columns:minmax(0,528px) minmax(0,1fr);align-items:start;display:grid}.room__text{max-width:62ch;font-size:19px;line-height:1.5}.room__text p{margin:0 0 1em}.room--wall .room__text{color:var(--wall-ink)}.intro{padding-top:calc(var(--u) * 48)}.intro__title{letter-spacing:-.04em;text-wrap:balance;max-width:1200px;margin:0 auto 36px;font-size:clamp(40px,6.4vw,96px);font-weight:700;line-height:.92}.intro__text{max-width:58ch;margin-left:max(0px,50% - 600px);font-size:21px;line-height:1.45}.case--life{width:round(down,min(528px,100vw - 48px),3px);height:round(down,min(528px,100vw - 48px)/1.77778,3px)}.case__caption{max-width:60ch;color:var(--on-wall-soft);font-size:14px;line-height:1.45;position:absolute;top:calc(100% + 24px);left:0;right:0}.pipeline{grid-template-columns:repeat(3,minmax(0,1fr));gap:36px;margin:0 auto;padding:0;list-style:none;display:grid}.case--figure{aspect-ratio:16/9;margin-bottom:18px}.pipeline__video{background-color:var(--ink);cursor:default;background-repeat:no-repeat}.pipeline__title{letter-spacing:-.02em;margin:0 0 6px;font-size:22px;line-height:1.1}.pipeline__step p{max-width:40ch;color:var(--on-paper-soft);margin:0}.notice-line{border-top:var(--hair) solid var(--ink);max-width:58ch;margin-top:54px;margin-left:max(0px,50% - 600px);padding-top:18px;font-size:15px;line-height:1.5}.notice-line .tag{margin-right:9px}.scrolltime{height:360svh;padding:0}.scrolltime__stage{grid-template-rows:auto 1fr auto;gap:18px;max-width:none;height:100svh;padding:36px 24px 30px;display:grid;position:sticky;top:0}.scrolltime .room__head{width:100%;max-width:1200px;margin:0 auto}.scrolltime__hint{max-width:50ch;color:var(--on-wall-soft);grid-column:2;margin:12px 0 0}.case--wide{--wide-w:min(round(down, 88vw, 3px), round(down, calc((100svh - 260px) * 16 / 9), 3px));width:var(--wide-w);height:round(down, calc(var(--wide-w) * 9 / 16), 3px);place-self:center}.scrolltime__read{font:400 var(--pixel-size-2x) / 1 var(--font-pixel);font-variant-numeric:tabular-nums;justify-content:center;gap:24px;margin:0;display:flex}.scrolltime__read output:last-child{color:var(--accent-current)}.catalogue{grid-template-columns:minmax(0,360px) minmax(0,1fr);gap:48px;display:grid}.catalogue__lede{margin:0;font-size:19px;line-height:1.5}.catalogue__entry{border-top:var(--hair) solid var(--ink);margin:0}.catalogue__entry div{border-bottom:var(--hair) solid var(--ink);grid-template-columns:216px 1fr;gap:24px;padding:12px 0 11px;display:grid}.catalogue__entry dt{font:400 var(--pixel-size) / 1.9 var(--font-pixel);text-transform:uppercase;color:var(--on-paper-soft)}.catalogue__entry dd{letter-spacing:-.01em;font-variant-numeric:tabular-nums;margin:0;font-size:24px;line-height:1.2}.scenes{border-top:var(--hair) solid var(--wall-ink);gap:0;margin:0 auto;padding:0;list-style:none;display:grid}.scene{border:0;border-bottom:var(--hair) solid var(--wall-ink);width:100%;color:var(--wall-ink);font:inherit;text-align:left;cursor:pointer;background:0 0;grid-template-columns:144px 1fr auto;align-items:baseline;gap:24px;padding:18px 0 17px;display:grid}.scene__no,.scene__state{font:400 var(--pixel-size) / 1 var(--font-pixel);text-transform:uppercase}.scene__name{letter-spacing:-.03em;font-size:clamp(24px,3vw,40px);font-weight:700;line-height:1}.scene.is-active .scene__state{background:var(--wall-ink);color:var(--wall);padding:3px 6px 2px}.scene[aria-disabled=true]{cursor:not-allowed;color:var(--on-wall-soft)}.scene[aria-disabled=true] .scene__name{font-weight:400}.scenes__status{max-width:58ch;min-height:1.5em;color:var(--on-wall-soft);margin-top:18px;margin-left:max(0px,50% - 600px);font-size:15px;line-height:1.5}.faq{border-top:var(--hair) solid var(--ink);max-width:900px}.faq details{border-bottom:var(--hair) solid var(--ink)}.faq summary{letter-spacing:-.02em;cursor:pointer;justify-content:space-between;gap:24px;padding:18px 0 17px;font-size:clamp(20px,2.2vw,28px);font-weight:600;list-style:none;display:flex}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"";background:linear-gradient(currentColor,currentColor) 50%/11px 1px no-repeat,linear-gradient(currentColor,currentColor) 50%/1px 11px no-repeat;flex:none;width:11px;height:11px;margin-top:.5em}.faq details[open] summary:after{background:linear-gradient(currentColor,currentColor) 50%/11px 1px no-repeat}.faq p{max-width:62ch;margin:0 0 24px;font-size:18px;line-height:1.55}.foot{background:var(--ink);color:var(--paper);--focus-ring:var(--paper);grid-template-columns:288px 1fr;align-items:center;gap:48px;padding:72px max(24px,50% - 600px) 96px;display:grid}.foot__mark{width:288px;height:288px}.foot__text p{max-width:60ch;color:color-mix(in oklab, var(--paper) 74%, var(--ink));margin:0 0 6px;font-size:14px;line-height:1.5}.foot__text .foot__name{font:700 clamp(48px, 7vw, 96px) / .9 var(--font-display);letter-spacing:-.04em;color:var(--paper);margin-bottom:18px}@media (width<=760px){:root{--case-w:round(down, calc(100vw - 24px), 3px);--case-top:60px}.win__title{touch-action:auto;cursor:default}body{font-size:16px}.desk{flex-direction:column;gap:12px;min-height:0;padding:12px 12px 36px;display:flex}.desk>.case{order:1;align-self:center;margin:18px 0 12px;position:relative;top:auto;left:auto}.desk>.win,.drawers{--win-drag:0;width:auto;position:relative;top:auto;left:auto;right:auto}.desk .win{--win-drag:0}.rail{order:2;width:100%;position:relative;top:auto;left:auto}.rail__body{grid-template-columns:33px 1fr auto;grid-template-areas:"play tc state""track track track";row-gap:6px}.rail__play{grid-area:play}.rail__tc{grid-area:tc}.rail__state{grid-area:state;min-width:0}.rail__track{grid-area:track}.desk__title{order:3;margin:12px 0 6px;font-size:48px;position:relative;top:auto;left:auto}.label{order:4}.clock{order:5}.source{order:6}.drawers{order:7;width:auto}.plan{order:8}.notice{order:9}.source__frame{width:100%}.case__crop{background:linear-gradient(var(--c), var(--c)) var(--x) var(--y) / 8px 1px no-repeat, linear-gradient(var(--c), var(--c)) var(--x) var(--y) / 1px 8px no-repeat;width:8px;height:8px}.case__crop--tl{top:-11px;left:-11px}.case__crop--tr{top:-11px;right:-11px}.case__crop--bl{bottom:-11px;left:-11px}.case__crop--br{bottom:-11px;right:-11px}.plan__map{aspect-ratio:3/2;width:100%;height:auto}.room{padding:72px 20px 84px}.room__head{grid-template-columns:auto minmax(0,1fr);gap:12px}.room__no{padding:4px 6px 3px}.scrolltime__hint{grid-column:1/-1}.scrolltime{padding:0}.scrolltime__stage{grid-template-rows:auto auto auto;align-content:center;padding:24px 20px}.case--wide{--wide-w:min(round(down, calc(100vw - 40px), 3px), round(down, calc((100svh - 220px) * 3 / 4), 3px));height:round(down, calc(var(--wide-w) * 4 / 3), 3px)}.room__body,.pipeline,.catalogue,.foot{grid-template-columns:minmax(0,1fr)}.case__caption{margin-top:12px;position:static}.catalogue__entry div,.scene{grid-template-columns:minmax(0,1fr);gap:6px}.scene__state{justify-self:start}.foot{padding:48px 20px 72px}.foot__mark{width:216px;height:216px}}@media (prefers-reduced-motion:reduce){.btn:active{translate:none}}