.sheet .pin>.labels.top{top:3.4vh}.hero .labels h1{font:inherit;letter-spacing:inherit}.hero{position:relative;height:100svh;min-height:640px;overflow:hidden}.hero .labels.top{top:3.4%}.triptych{position:absolute;z-index:2;left:var(--mx);right:var(--mx);top:15.7%;height:68.6%;display:grid;grid-template-columns:2fr 1.241fr 1fr;column-gap:var(--gut)}.panel{position:relative;background:var(--sky);transition:background .6s ease}.p1{background:none;display:grid;grid-template-columns:3fr 1fr 2fr;column-gap:3px}.p1 .strip{position:relative;overflow:hidden;background:var(--sky);transition:background .6s ease}.p1 .strip .fb{width:var(--pw);left:calc(var(--sx) * -1)}.p1 .strip:nth-child(2){transform:translateY(-24px);height:calc(100% + 24px)}.p1 .strip:nth-child(2) .fb{height:calc(100% - 24px)}.p2{overflow:hidden}.triptych>*{clip-path:inset(0 0 100% 0);animation:drop .7s cubic-bezier(.65,0,.2,1) forwards}.triptych>:nth-child(1){animation-delay:.14s}.triptych>:nth-child(2){animation-delay:.42s}.triptych>:nth-child(3){animation-delay:.56s}.triptych>.p1{clip-path:inset(-40px 0 100% 0);animation-name:drop-wide}@keyframes drop{to{clip-path:inset(0 0 0 0)}}@keyframes drop-wide{to{clip-path:inset(-40px 0 0 0)}}.tracklist{position:absolute;z-index:5;left:var(--mx);right:var(--mx);top:89.7%;display:grid;grid-template-columns:2fr 1.241fr 1fr;column-gap:var(--gut)}.tracklist ol{list-style:none}.tracklist .c2{text-align:left}.tracklist .c3{text-align:right}.works{padding:15.7vh 0}.works .grid{align-items:start}.plate{position:sticky;top:15.7vh;grid-column:1}.plate .frame{position:relative;aspect-ratio:4 / 3;background:var(--sky);transition:background .6s ease}.plate .band{position:absolute;left:0;right:0;background:var(--sky);isolation:isolate;overflow:hidden;transition:transform .6s var(--ease),background-color .6s ease}.plate .frame{--a: 0;--bh: .2}.plate .band i{position:absolute;left:0;right:0;height:calc(100% / var(--k));top:calc(-100% * var(--o) / var(--k));background:var(--src) center / cover no-repeat}.plate .b1{--o: 0;--k: max(var(--a), .001);top:0;height:calc(var(--a) * 100%)}.plate .b2{--o: var(--a);--k: var(--bh);top:calc(var(--a) * 100%);height:calc(var(--bh) * 100%);transform:translate(4%)}.plate .b3{--o: calc(var(--a) + var(--bh));--k: max(calc(1 - var(--a) - var(--bh)), .001);top:calc((var(--a) + var(--bh)) * 100%);bottom:0}.plate canvas{position:absolute;inset:0;width:100%;height:100%;z-index:2;pointer-events:none}.plate .card{position:absolute;z-index:3;right:12px;bottom:-5.5%;width:46%;background:var(--paper);border:1px solid var(--ink);font-size:9px;letter-spacing:.04em;transition:background .6s ease}.plate .card div{display:grid;grid-template-columns:7ch 1fr;padding:4px 6px;border-top:1px solid var(--hair)}.plate .card div:first-child{border-top:0}.plate .card dt{color:var(--dim)}.plate figcaption{margin-top:18px;display:flex;justify-content:space-between}.plate figcaption .note{font-size:12px}.plate .dimline{position:absolute;left:-17px;top:calc(var(--a) * 100%);height:calc(var(--bh) * 100%);width:7px;border-top:1px solid var(--dim);border-bottom:1px solid var(--dim)}.plate .dimline:before{content:"";position:absolute;left:3px;top:0;bottom:0;border-left:1px solid var(--dim)}.works .grid{position:relative;--ro: 8px}.rail{position:absolute;z-index:3;left:-14px;width:1px;pointer-events:none;visibility:hidden;top:calc(var(--s0, 0px) - var(--ro));height:calc(var(--s1, 0px) - var(--s0, 0px) + var(--ro) * 2)}[data-rail-on] .rail{visibility:visible}.rail:before{content:"";position:absolute;inset:0;opacity:.45;background:repeating-linear-gradient(to bottom,var(--dim) 0 12px,transparent 12px 15px,var(--dim) 15px 17px,transparent 17px 20px)}.rail i{position:absolute;left:-3px;width:7px;height:1px;background:var(--dim);opacity:.6}.rail .s0{top:var(--ro)}.rail .s1{bottom:var(--ro)}.sides{grid-column:2 / 4;text-align:right}.sides h2{font:inherit;letter-spacing:.14em;margin-bottom:4.6vh}.sides ol{list-style:none;font-size:calc(var(--t) * 1.42);letter-spacing:.13em;line-height:1.95}.sides ol+h2{margin-top:16vh}.sides .b li{color:var(--dim)}.sides .b li a:hover{color:var(--ink)}.sides li a{display:inline-block}.exhibits{position:relative;height:calc(100vh + var(--travel, 0px))}.exhibits .pin{position:sticky;top:0;height:100vh;overflow:hidden}.reel{position:absolute;left:var(--mx);top:15.7vh;height:62vh;display:flex;gap:var(--gut);will-change:transform}.ex{position:relative;height:100%;flex:none;aspect-ratio:var(--ar)}.ex .frame{position:relative;width:100%;height:100%;background:var(--sky);overflow:hidden;transition:background .6s ease}.ex canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.ex figcaption{position:absolute;top:calc(100% + 12px);left:0;right:0;display:grid;grid-template-columns:4ch 1fr;gap:1ch;white-space:nowrap}.ex figcaption .note{overflow:hidden;text-overflow:ellipsis}.progress{position:absolute;left:var(--mx);right:var(--mx);top:85.7vh;height:9px}.progress:before{content:"";position:absolute;left:0;right:0;top:4px;border-top:1px solid var(--hair)}.progress i{position:absolute;left:0;top:4px;height:1px;background:var(--ink);width:calc(var(--p, 0) * 100%)}.progress b{position:absolute;top:0;width:1px;height:9px;background:var(--ink);left:calc(var(--p, 0) * 100%)}.progress .ticks{position:absolute;left:0;right:0;top:2px;height:5px;border-right:1px solid var(--dim);background:repeating-linear-gradient(to right,var(--dim) 0 1px,transparent 1px calc(100% / var(--frames, 4)))}.signal{height:100vh;min-height:720px;overflow:hidden}.signal .labels.bottom{bottom:3.4vh}.chart-box{position:absolute;left:var(--mx);right:var(--mx);top:15.7vh;height:50vh}.chart-box i{position:absolute;width:11px;height:11px}.chart-box i:before,.chart-box i:after{content:"";position:absolute;background:var(--ink)}.chart-box i:before{left:0;right:0;top:5px;height:1px}.chart-box i:after{top:0;bottom:0;left:5px;width:1px}.chart-box .tl{left:-6px;top:-6px}.chart-box .tr{right:-6px;top:-6px}.chart-box .bl{left:-6px;bottom:-6px}.chart-box .br{right:-6px;bottom:-6px}.chart{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.chart .c-line{fill:none;stroke:var(--ink);stroke-width:1;opacity:.75}.chart .c-path{fill:none;stroke:var(--ink);stroke-width:1.4}.chart .c-dash{fill:none;stroke:var(--ink);stroke-width:1;stroke-dasharray:3 6;opacity:.45}.chart .c-dot{fill:none;stroke:var(--ink);stroke-width:1.2;stroke-dasharray:1 5;stroke-linecap:round;opacity:.6}.chart .c-dot.faint{opacity:.35}.chart .c-node circle{fill:var(--ink)}.chart .c-node.moon circle{fill:var(--paper);stroke:var(--ink);stroke-width:1.2}.chart .c-node.sun circle{stroke:var(--ink);stroke-width:1}.chart text{fill:var(--ink);font:400 10.5px var(--mono);letter-spacing:.06em;opacity:.8;paint-order:stroke;stroke:var(--paper);stroke-width:4px;stroke-linejoin:round}.chart .c-card{fill:var(--dim);font-size:9.5px;text-anchor:middle}.chart .c-leader{text-anchor:end}.chart .c-length{text-anchor:middle;fill:var(--dim)}.outro{position:absolute;left:0;right:0;top:70vh;z-index:3;align-items:start}.outro h2{margin-top:2vh;font:300 clamp(24px,2.3vw,40px)/1.06 var(--thin);letter-spacing:-.02em;text-transform:none}.outro>div{align-self:last baseline}.outro .links{grid-column:3;align-self:last baseline;list-style:none;display:grid;gap:6px;justify-items:end;align-content:start}canvas.gl{position:fixed;inset:0;width:100vw;height:100vh;z-index:2;pointer-events:none}[data-gl=ready],.p1[data-gl=ready] .strip{background:transparent!important}.fb{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:grayscale(1) contrast(1.2) brightness(1.05);mix-blend-mode:luminosity}.plate .band i{filter:grayscale(1) contrast(1.2) brightness(1.05);mix-blend-mode:luminosity}.ex.is-color .fb{filter:none;mix-blend-mode:normal}:root[data-gl=on] .fb,:root[data-gl=on] .plate .band,:root[data-gl=on] .plate .frame>canvas,:root[data-gl=on] .ex .frame>canvas{visibility:hidden}:root[data-gl=on] [data-gl=failed] .fb,:root[data-gl=on] .plate [data-gl=failed]>.band,:root[data-gl=on] .plate [data-gl=failed]>canvas,:root[data-gl=on] .ex [data-gl=failed]>canvas{visibility:visible}.plate{z-index:3}.intro{display:none}html.intro-on .intro{display:block;position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:120;overflow:hidden;background:#030a4f;color:#eef0ff;perspective:1400px}html.intro-on{overflow:hidden}.intro .sheet{position:absolute;inset:0;transform-origin:50% 85%;box-shadow:0 60px 140px #0000008c}.intro canvas{position:absolute;inset:0;width:100%;height:100%}.intro svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.intro .p{fill:none;stroke:#eef0ff;stroke-width:1;vector-effect:non-scaling-stroke}.intro .p.g{stroke:#eef0ff52}.intro .p.d{stroke:#eef0ff99}.intro .t{fill:#eef0ff;font:400 9.5px var(--mono);letter-spacing:.04em}.intro .t.k{fill:#eef0ff8c}.intro .t.i{font:italic 300 11px var(--serif);fill:#eef0ffbf}.intro .plotter{position:absolute;left:0;top:0;width:0;height:0;pointer-events:none}.intro .plotter:before,.intro .plotter:after{content:"";position:absolute;background:#fff}.intro .plotter:before{left:-12px;top:0;width:25px;height:1px}.intro .plotter:after{top:-12px;left:0;height:25px;width:1px}.intro .plotter span{position:absolute;left:12px;top:8px;font:400 9px/1 var(--mono);letter-spacing:.05em;color:#fff;white-space:nowrap}.intro .status{position:absolute;left:var(--mx);bottom:3.4%;font:400 var(--t)/1 var(--mono);letter-spacing:.04em}@media(max-width:820px){.triptych{top:12%;height:58%}.ghost{--gs: 31vw;bottom:17%}.tracklist{top:77%;grid-template-columns:1fr 1fr;row-gap:14px}.tracklist .c2{text-align:left}.tracklist .c3{grid-column:1 / -1;text-align:left}.works{padding-top:12vh}.plate{position:relative;top:0;grid-column:1;margin-bottom:10vh}.plate .card{width:58%}.plate .frame{--a: .4}.plate .dimline,.rail{display:none}.sides{grid-column:1}.sides ol{font-size:10.5px;letter-spacing:.04em}.exhibits{height:auto}.exhibits .pin{position:relative;height:auto;padding:10vh 0 8vh}.reel{position:relative;left:0;top:0;height:40vh;overflow-x:auto;overscroll-behavior-x:contain;padding:4vh var(--mx) 7vh;scroll-snap-type:x mandatory;scroll-padding-inline:var(--mx);transform:none!important;scrollbar-width:none}.reel::-webkit-scrollbar{display:none}.ex{scroll-snap-align:start;scroll-snap-stop:always}.progress{position:relative;left:auto;right:auto;top:auto;margin:0 var(--mx)}.signal{height:auto;min-height:100vh;padding:10vh 0 14vh}.chart-box{position:relative;left:auto;right:auto;top:auto;margin:0 var(--mx);height:46vh}.outro{position:relative;top:auto;margin-top:6vh;row-gap:3.5vh}.outro h2{margin-top:1.6vh;font-size:34px}.outro .links{grid-column:auto;justify-items:start;gap:14px}}@media(prefers-reduced-motion:reduce){.triptych>*{clip-path:none!important}}