:root{--paper:#ede8dc;--paper-soft:#f4efe5;--ink:#15140f;--muted:#615c51;--faint:#15140f1f;--line:#15140f59;--line-soft:#15140f2e;--accent:#a65322;--panel:#f6f1e6b8;--neon-cyan:#0ff;--neon-pink:#ff2bd6;--neon-yellow:#fff200}*{box-sizing:border-box}html,body{background:var(--paper);min-height:100%;color:var(--ink);margin:0}body{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace}button,a,input{font:inherit}a,button{color:inherit}.grain{pointer-events:none;opacity:.11;mix-blend-mode:multiply;z-index:0;background-image:radial-gradient(#00000038 1px,#0000 1px);background-size:7px 7px;position:fixed;inset:0}.plate-shell{background:var(--paper);min-height:100vh;padding:38px 42px 34px;position:relative;overflow:hidden}.plate-shell.chromatic-failure-active{background:radial-gradient(circle at 20% 14%, #00ffff12, transparent 18%), radial-gradient(circle at 82% 22%, #ff2bd612, transparent 18%), radial-gradient(circle at 50% 95%, #fff2000f, transparent 22%), var(--paper)}.plate-shell.chromatic-failure-active .grain{opacity:.16}.plate-shell.chromatic-failure-recorded .spider-diagnostic{border-bottom-color:var(--neon-cyan);box-shadow:0 14px 34px #271f141f, 0 6px 0 -4px var(--neon-pink), 0 10px 0 -8px var(--neon-yellow)}.plate-intro{z-index:8;width:330px;position:absolute;top:38px;left:42px}.small-code,.eyebrow{color:var(--muted);text-transform:uppercase;letter-spacing:.14em;margin:0 0 14px;font-size:11px;line-height:1.4}.plate-intro h1{letter-spacing:.16em;white-space:nowrap;margin:0 0 26px;font-size:clamp(30px,3.15vw,58px);font-weight:400;line-height:.9}.presents{letter-spacing:.2em;margin:0 0 14px;font-size:15px}.plate-intro h2{letter-spacing:.2em;margin:0 0 18px;font-size:18px;font-weight:400;line-height:1.2}.intro-copy{letter-spacing:.04em;max-width:280px;margin:0;font-size:13px;line-height:1.7}.plate-status{z-index:8;text-align:right;color:var(--ink);letter-spacing:.16em;font-size:12px;position:absolute;top:42px;right:42px}.plate-status p{margin:0 0 8px}.status-dot{background:var(--ink);vertical-align:middle;cursor:crosshair;appearance:none;border:0;border-radius:50%;width:8px;height:8px;margin-left:9px;padding:0;display:inline-block}.status-dot:hover{background:var(--accent);transform:scale(1.8)}.status-dot-active{animation:.18s linear infinite dotPanic}@keyframes dotPanic{0%{transform:scale(1)translate(0)}25%{transform:scale(1.7)translate(1px,-1px)}50%{transform:scale(1.2)translate(-1px,1px)}75%{transform:scale(2)translate(1px,1px)}to{transform:scale(1)translate(0)}}.apparatus-stage{z-index:3;aspect-ratio:16/9;place-items:center;width:min(1180px,74vw);display:grid;position:absolute;top:52%;left:50%;transform:translate(-50%,-50%)}.apparatus-wrap{filter:drop-shadow(0 34px 38px #271f142b);transform-origin:50%;width:88%;position:relative}.apparatus{mix-blend-mode:multiply;border-radius:0;width:100%;display:block}.hotspot-active{background:#a6532212;border-color:#a6532294;animation:1.8s ease-in-out infinite hotspotPulse}.hotspot-active span{opacity:1;background:#f4efe5e0;border-color:#a65322bf}@keyframes hotspotPulse{0%{box-shadow:0 0 #a653222e}50%{box-shadow:0 0 22px 8px #a653221f}to{box-shadow:0 0 #a6532200}}.hotspot{cursor:crosshair;z-index:6;background:0 0;border:1px dashed #0000;border-radius:48%;position:absolute}.hotspot:hover{background:#a6532212;border-color:#a65322a6}.hotspot span{border:1px solid var(--line-soft);width:26px;height:26px;color:var(--accent);opacity:.52;background:#ede8dc80;border-radius:50%;place-items:center;font-size:11px;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.hotspot:hover span{opacity:1;border-color:var(--accent)}.annotations{pointer-events:none;z-index:7;position:absolute;inset:0}.annotation{text-align:left;cursor:pointer;pointer-events:auto;background:0 0;border:0;align-items:start;gap:8px;padding:0;display:grid;position:absolute}.annotation:hover strong,.annotation.active strong{color:var(--accent)}.annotation-line{background:var(--line);height:1px;display:block;position:relative}.annotation-line:after{content:"";background:var(--ink);border-radius:50%;width:5px;height:5px;position:absolute;top:-2px}.annotation-number{border:1px solid var(--line);width:30px;height:30px;color:var(--accent);background:#ede8dc94;border-radius:50%;place-items:center;font-size:12px;display:grid}.annotation-body{display:block}.annotation-body strong{letter-spacing:.04em;margin:1px 0 12px;font-size:14px;font-weight:600;line-height:1.2;transition:color .18s;display:block}.annotation-body em{max-width:220px;color:var(--ink);letter-spacing:.035em;font-size:12px;font-style:normal;line-height:1.65;display:block}.label-audio{grid-template-columns:1fr auto auto;width:365px;top:38%;left:2%}.label-audio .annotation-line{order:3;width:135px;margin-top:13px}.label-audio .annotation-line:after{right:-3px}.label-audio .annotation-number{order:2}.label-audio .annotation-body{order:1}.label-optic{grid-template-columns:auto auto 1fr;width:355px;top:32%;right:5%}.label-optic .annotation-line{width:132px;margin-top:13px}.label-optic .annotation-line:after{left:-3px}.label-shows{grid-template-columns:auto auto 1fr;width:370px;top:52%;right:-1%}.label-shows .annotation-line{width:92px;margin-top:13px}.label-shows .annotation-line:after{left:-3px}.label-archive{grid-template-columns:1fr auto auto;width:360px;top:58%;left:0%}.label-archive .annotation-line{order:3;width:138px;margin-top:13px}.label-archive .annotation-line:after{right:-3px}.label-archive .annotation-number{order:2}.label-archive .annotation-body{order:1}.label-contact{grid-template-columns:1fr auto auto;width:350px;top:18%;left:15%}.label-contact .annotation-line{order:3;width:124px;margin-top:13px}.label-contact .annotation-line:after{right:-3px}.label-contact .annotation-number{order:2}.label-contact .annotation-body{order:1}.label-calibration{grid-template-columns:auto auto 1fr;width:430px;top:78%;left:66%}.label-calibration .annotation-line{background:var(--line);order:1;width:150px;height:1px;margin-top:13px;position:relative}.label-calibration .annotation-line:after{top:-2px;left:-3px;right:auto}.label-calibration .annotation-number{order:2;grid-column:auto}.label-calibration .annotation-body{order:3;grid-column:auto}.touch-note{z-index:8;color:var(--ink);letter-spacing:.04em;align-items:flex-start;gap:12px;font-size:9px;line-height:1.5;display:flex;position:absolute;bottom:42px;left:42px}.touch-note p{margin:0}.hand-icon{opacity:.8;font-size:35px;line-height:1;transform:translateY(-3px)}.readout-panel{z-index:10;border:1px solid var(--line-soft);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#f4efe5d6;border-radius:2px;width:min(560px,100vw - 84px);padding:18px 20px 20px;position:absolute;bottom:82px;right:42px;box-shadow:0 18px 38px #271f1414}.readout-panel h2{letter-spacing:-.06em;margin:0 0 12px;font-size:clamp(24px,2.4vw,36px);font-weight:500;line-height:1.05}.readout-panel p{max-width:760px;margin:0 0 12px;font-size:12px;line-height:1.65}.readout-panel audio{filter:grayscale();width:min(520px,100%);margin-top:4px}.readout-panel:empty{display:none}.readout-close{width:auto;height:auto;color:var(--muted);cursor:pointer;z-index:20;background:0 0;border:0;padding:4px 6px;font-size:22px;line-height:1;position:absolute;top:10px;left:auto;right:12px}.readout-close:hover{color:var(--accent)}.empty,code{color:var(--muted)}.photo-reel{grid-template-columns:auto minmax(0,420px) auto;align-items:center;gap:12px;display:grid}.photo-reel button,.calibration button{border:1px solid var(--line-soft);cursor:pointer;background:0 0;border-radius:0;padding:7px 10px}.photo-reel button:hover,.calibration button:hover{border-color:var(--ink)}.photo-reel img{object-fit:cover;border:1px solid var(--line-soft);border-radius:0;width:100%;max-height:330px}.release-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.release-card{border:1px solid var(--line-soft);background:#ffffff1c;border-radius:0;grid-template-columns:92px 1fr;gap:12px;padding:10px;text-decoration:none;display:grid}.release-card:hover{border-color:var(--ink)}.release-card img{object-fit:cover;border-radius:0;width:92px;height:92px}.release-card h3{margin:0 0 6px;font-size:14px;font-weight:500}.release-card p{margin:0 0 5px}.links{flex-wrap:wrap;gap:8px;display:flex}.links a{border:1px solid var(--line-soft);color:var(--ink);cursor:pointer;background:0 0;border-radius:0;padding:7px 10px;text-decoration:none}.links a:hover{border-color:var(--ink)}.calibration{gap:12px;display:grid}.utc{letter-spacing:-.08em;color:var(--accent);font-size:clamp(34px,5vw,62px);line-height:1}.sliders{gap:10px;max-width:520px;display:grid}.sliders label{color:var(--muted);letter-spacing:.08em;gap:6px;font-size:11px;display:grid}.sliders input{accent-color:var(--accent)}.minor-object{width:116px;height:48px;box-shadow:inset 0 5px 10px #ffffff47,0 12px 20px #0003;color:var(--paper)!important;cursor:grab!important;background:radial-gradient(circle at 20% 20%,#e4c7a9,#a75a31 55%,#382217)!important;border-radius:48% 38% 44% 52%!important}.readout{color:var(--muted)}.apparatus-unhinged{filter:drop-shadow(0 34px 38px #271f142b)drop-shadow(0 0 28px #a6532238)}.unhinged-overlay{z-index:50;border:1px solid var(--line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);pointer-events:none;background:#f4efe5e0;width:min(520px,100vw - 40px);padding:18px 20px;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 24px 70px #271f1433}.unhinged-overlay p{letter-spacing:-.06em;color:var(--accent);margin:0 0 12px;font-size:clamp(20px,4vw,34px);line-height:.95}.unhinged-overlay span{letter-spacing:.12em;text-transform:uppercase;color:var(--ink);margin-top:7px;font-size:11px;line-height:1.4;display:block}.spider-canvas{pointer-events:none;z-index:60;width:100vw;height:100vh;position:fixed;inset:0}.spider-diagnostic{pointer-events:none;z-index:70;border:1px solid var(--line-soft);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--ink);letter-spacing:.08em;text-transform:uppercase;background:#f4efe5c2;gap:4px;padding:10px 12px;font-size:10px;line-height:1.25;display:grid;position:fixed;bottom:36px;right:42px;box-shadow:0 14px 34px #271f141f}.spider-diagnostic span:first-child{color:var(--accent)}.chromatic-ticker{pointer-events:none;z-index:100;border-bottom:2px solid var(--neon-cyan);height:20vh;min-height:118px;color:var(--neon-yellow);background:linear-gradient(#000000fa,#000000e6),repeating-linear-gradient(0deg,#ffffff14 0 1px,#0000 1px 7px);align-items:center;display:flex;position:fixed;top:0;left:0;right:0;overflow:hidden;box-shadow:0 0 18px #00ffff70,0 0 30px #ff2bd647,0 18px 34px #15140f42}.chromatic-ticker:before{content:"CHROMATIC FAILURE MODE";z-index:2;color:var(--neon-cyan);letter-spacing:.22em;text-transform:uppercase;text-shadow:0 0 5px var(--neon-cyan), 0 0 14px var(--neon-cyan);font-size:clamp(10px,1.1vw,14px);line-height:1;position:absolute;top:13px;left:18px}.chromatic-ticker:after{content:"";pointer-events:none;mix-blend-mode:screen;opacity:.74;background:radial-gradient(circle at 18%,#00ffff29,#0000 20%),radial-gradient(circle at 72%,#ff2bd624,#0000 22%);position:absolute;inset:0}.chromatic-ticker-track{z-index:1;white-space:nowrap;will-change:transform;align-items:center;gap:4rem;min-width:max-content;padding-top:22px;animation:22s linear infinite tickerReel;display:inline-flex;position:relative}.chromatic-ticker-track span{color:var(--neon-yellow);letter-spacing:.08em;text-transform:uppercase;text-shadow:0 0 5px var(--neon-yellow), 0 0 10px var(--neon-pink), 0 0 20px var(--neon-cyan);font-size:clamp(24px,4.2vw,68px);font-weight:900;line-height:.96;display:inline-block}@keyframes tickerReel{0%{transform:translate(0)}to{transform:translate(-33.333%)}}.chromatic-failure-active .spider-diagnostic{color:var(--neon-yellow);text-shadow:0 0 5px #fff200b3,0 0 12px #ff2bd666;background:#000000c7;border-color:#0ff9;box-shadow:0 0 18px #00ffff4d,0 0 28px #ff2bd633}.chromatic-failure-active .spider-diagnostic span:first-child{color:var(--neon-cyan)}.spider-diagnostic-recorded{position:relative}.spider-diagnostic-recorded:after{content:"";background:linear-gradient(90deg, var(--neon-cyan), var(--neon-pink), var(--neon-yellow), var(--neon-cyan));height:2px;filter:drop-shadow(0 0 4px var(--neon-cyan)) drop-shadow(0 0 6px var(--neon-pink));position:absolute;bottom:-8px;left:10px;right:10px}.spider-diagnostic-recorded span:last-child{color:var(--ink);text-decoration-line:underline;-webkit-text-decoration-color:var(--neon-cyan);text-decoration-color:var(--neon-cyan);text-underline-offset:4px;text-shadow:0 0 4px #00ffff73,0 0 6px #ff2bd652;text-decoration-thickness:2px}.chromatic-audio-fallback{z-index:110;border:1px solid var(--neon-cyan);color:var(--neon-yellow);cursor:pointer;letter-spacing:.14em;text-transform:uppercase;background:#000000db;padding:10px 14px;font-size:11px;line-height:1.2;position:fixed;top:calc(20vh + 18px);left:50%;transform:translate(-50%);box-shadow:0 0 14px #00ffff52,0 0 20px #ff2bd63d}.chromatic-audio-fallback:hover{color:var(--neon-cyan);border-color:var(--neon-pink)}@media (min-width:1101px) and (max-width:1450px){.plate-shell{padding:28px 30px 30px}.plate-intro{width:260px;top:28px;left:30px}.plate-intro h1{letter-spacing:.14em;font-size:clamp(34px,3.1vw,48px)}.intro-copy{max-width:240px;font-size:12px;line-height:1.55}.apparatus-stage{width:min(980px,70vw);top:53%;left:58%}.apparatus-wrap{width:86%}.annotation-body strong{font-size:13px}.annotation-body em{max-width:190px;font-size:11px;line-height:1.45}.touch-note{bottom:30px;left:30px}.plate-status{top:30px;right:30px}}@media (max-width:1100px){.plate-shell{min-height:100svh;padding:22px 18px 48px;overflow:hidden auto}.plate-intro{z-index:8;width:auto;max-width:100%;position:relative;top:auto;left:auto}.plate-intro h1{letter-spacing:.12em;white-space:normal;margin-bottom:22px;font-size:clamp(34px,12vw,54px);line-height:.95}.plate-intro h2{letter-spacing:.14em;font-size:15px}.intro-copy{max-width:100%;font-size:12px;line-height:1.65}.plate-status{z-index:8;text-align:left;margin-top:18px;font-size:11px;position:relative;top:auto;right:auto}.apparatus-stage{aspect-ratio:auto;width:100%;min-height:auto;padding:28px 0 12px;display:block;position:relative;top:auto;left:auto;transform:none}.apparatus-wrap{width:min(118vw,620px);margin:0 auto;position:relative;transform:none}.apparatus{width:100%;display:block}.annotations{z-index:8;pointer-events:auto;grid-template-columns:1fr;gap:9px;margin:20px 0 0;display:grid;position:relative;inset:auto}.annotation,.label-audio,.label-optic,.label-shows,.label-archive,.label-contact,.label-calibration{border:1px solid var(--line-soft);background:#f4efe56b;grid-template-columns:auto 1fr;gap:10px;width:100%;min-width:0;max-width:none;padding:11px 12px;display:grid;position:relative;inset:auto}.annotation-line,.label-audio .annotation-line,.label-optic .annotation-line,.label-shows .annotation-line,.label-archive .annotation-line,.label-contact .annotation-line,.label-calibration .annotation-line{display:none}.annotation-number,.label-audio .annotation-number,.label-optic .annotation-number,.label-shows .annotation-number,.label-archive .annotation-number,.label-contact .annotation-number,.label-calibration .annotation-number{order:1;grid-column:auto}.annotation-body,.label-audio .annotation-body,.label-optic .annotation-body,.label-shows .annotation-body,.label-archive .annotation-body,.label-contact .annotation-body,.label-calibration .annotation-body{order:2;grid-column:auto}.annotation-body strong{margin-bottom:5px;font-size:13px}.annotation-body em{max-width:none;font-size:11px;line-height:1.5}.touch-note{display:none}.readout-panel{z-index:10;width:100%;margin-top:18px;padding:18px 16px;position:relative;bottom:auto;right:auto;transform:none}.readout-panel h2{font-size:24px;line-height:1.08}.photo-reel{grid-template-columns:1fr}.photo-reel img{max-height:360px}.release-grid{grid-template-columns:1fr}.release-card{grid-template-columns:82px 1fr}.release-card img{width:82px;height:82px}.links{grid-template-columns:1fr;display:grid}.utc{font-size:clamp(34px,14vw,58px)}.unhinged-overlay{box-sizing:border-box;width:auto;max-width:none;margin:0;position:fixed;inset:50% 16px auto;transform:translateY(-50%)}.spider-diagnostic{width:auto;font-size:9px;bottom:14px;left:16px;right:16px}.chromatic-ticker{height:19vh;min-height:96px}.chromatic-ticker:before{letter-spacing:.18em;font-size:9px;top:11px;left:14px}.chromatic-ticker-track{gap:2.5rem;padding-top:20px;animation-duration:18s}.chromatic-ticker-track span{letter-spacing:.06em;font-size:clamp(23px,7vw,48px)}.chromatic-audio-fallback{text-align:center;max-width:calc(100vw - 32px);font-size:10px;top:calc(19vh + 14px)}}@media (max-width:640px){.plate-shell{padding:20px 14px 42px}.plate-intro h1{letter-spacing:.1em;font-size:38px}.presents{font-size:12px}.apparatus-wrap{width:122vw;margin-left:-13vw}.annotation-body em{display:none}.readout-panel{font-size:12px}.readout-panel h2{font-size:22px}.chromatic-ticker{height:18vh;min-height:88px}.chromatic-ticker-track span{font-size:clamp(21px,8vw,38px)}}@media (prefers-reduced-motion:reduce){.chromatic-ticker-track{animation-duration:1ms;animation-iteration-count:1}.status-dot-active{animation:none}}