@font-face{font-family:FieldSerif;src:url(/fonts/serif.woff2) format("woff2");font-weight:100 900;font-display:swap}@font-face{font-family:FieldSans;src:url(/fonts/sans.woff2) format("woff2");font-weight:200 800;font-display:swap}:root{--paper:#faf9f6;--ink:#16181b;--muted:#61646b;--blue:#2455ec;--rule:#d8d8d4;--radius:76px;color:var(--ink);background:var(--paper);font-family:FieldSans,Arial,sans-serif;font-synthesis:none;color-scheme:light}*{box-sizing:border-box}body{margin:0}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit}.site{max-width:1512px;min-height:100svh;padding:0 5.4vw;margin:auto;display:flex;flex-direction:column}header{height:112px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--rule)}.identity{text-decoration:none;font-size:30px;letter-spacing:-1.8px;font-weight:600}.identity-dot{color:var(--blue)}.status{font-size:11px;letter-spacing:.15em;display:flex;align-items:center;gap:10px;color:#595d64}.status i{height:5px;width:5px;border-radius:50%;background:var(--blue);box-shadow:0 0 10px #2455ec25}main{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:7%;flex:1;padding:68px 0 72px}.intro{padding-left:2px}.eyebrow{color:var(--blue);text-transform:uppercase;font-size:11px;letter-spacing:.2em;margin:0 0 25px;font-weight:600}h1{font-family:FieldSerif,Georgia,serif;font-size:clamp(72px,7.4vw,113px);font-weight:400;letter-spacing:-.062em;line-height:.99;margin:0}h1 em{font-style:italic;color:#646a72}.description{margin:30px 0 0;font-size:16px;line-height:1.7;color:var(--muted)}.threshold{display:flex;align-items:center;width:112px;gap:8px;margin-top:35px}.threshold span{height:1px;background:#b7b9bd;flex:1}.threshold i{width:4px;height:4px;background:var(--blue);border-radius:50%}.installation{padding-top:20px;position:relative}.instrument{width:100%;max-width:570px;margin:auto;aspect-ratio:1.3;border:1px solid #d4d4d0;border-radius:5px;background:linear-gradient(118deg,#f1f1ee,#fff 43%,#e6e7e3);box-shadow:0 2px 2px #fff inset,0 -1px 1px #bfc0be inset,0 40px 45px -40px #282d3860,0 4px 12px #181c2507;display:flex;flex-direction:column;padding:25px 25px 20px;position:relative}.instrument:before,.instrument:after{content:"";position:absolute;top:53px;bottom:43px;width:1px;background:linear-gradient(transparent,#c3c6cb,transparent)}.instrument:before{left:12px}.instrument:after{right:12px}.instrument-top,.instrument-bottom{display:flex;align-items:center;justify-content:space-between;color:#696e76;font-size:9px;letter-spacing:.12em}.instrument-top{height:25px}.indicator{width:5px;height:5px;border-radius:50%;background:var(--blue);box-shadow:0 0 10px #2455ec40}.mechanism{flex:1;position:relative;display:flex;align-items:center;margin:15px 0;perspective:1100px}.rotors{display:flex;gap:7px;width:100%;height:220px;padding:8px 12px;background:linear-gradient(#ccd0d2,#f9faf7 35%,#e5e6e2 65%,#bfc2c4);border:1px solid #bdc1c3;border-radius:3px;box-shadow:inset 0 12px 17px -10px #171f2f44,inset 0 -9px 12px -9px #171f2f50;overflow:hidden}.rotor-window{flex:1;position:relative;overflow:hidden;background:linear-gradient(90deg,#dadcd9,#f7f8f4 20%,#eceee8 75%,#cfd3d0);border-left:1px solid #fff9;border-right:1px solid #b7bfbe80;border-radius:2px;perspective:500px}.rotor-window:after{content:"";position:absolute;inset:0;background:linear-gradient(#444e6255,transparent 28%,transparent 64%,#2c394853);pointer-events:none}.cylinder{transform-style:preserve-3d;position:absolute;top:50%;left:0;right:0;height:40px;margin-top:-20px}.ready .cylinder{transition:transform .72s cubic-bezier(.18,.78,.12,1)}.face{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-family:Georgia,serif;font-size:34px;line-height:1;color:#34444f;backface-visibility:hidden;user-select:none}.reading-line{position:absolute;top:50%;height:1px;left:7px;right:7px;background:#2455ec35;box-shadow:0 0 6px #2455ec30;pointer-events:none}.pin{position:absolute;top:calc(50% - 3px);width:5px;height:5px;background:var(--blue);border-radius:50%}.pin-left{left:-2px}.pin-right{right:-2px}.instrument-bottom{height:18px}.micro-bars{font-size:9px;letter-spacing:2px;color:#979ea2}.instrument-caption{display:flex;align-items:center;justify-content:space-between;margin:25px auto 0;max-width:570px;font-size:12px;color:var(--muted)}#motion{display:flex;align-items:center;gap:7px;color:#61646b;background:none;border:0;padding:10px 0 10px 16px;font:inherit;cursor:pointer;min-height:40px}#motion svg{height:12px;width:12px;stroke:currentColor;stroke-width:1.5;fill:none}footer{border-top:1px solid var(--rule);min-height:82px;display:flex;align-items:center;justify-content:space-between;gap:25px;color:var(--muted);font-size:12px}.closing{display:flex;align-items:center;gap:26px;color:var(--ink)}.closing span{font-size:19px;color:var(--blue)}:focus-visible{outline:2px solid var(--blue);outline-offset:6px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.noscript{text-align:center;padding:20px;font-size:14px}[data-motion=paused] .cylinder{transition:none!important}[data-complete=true] .indicator{box-shadow:0 0 16px #2455ecaa}.installation{perspective:1200px}.instrument{--tilt-x:0deg;--tilt-y:0deg;--light-x:32%;--light-y:20%;transform:rotateX(var(--tilt-x)) rotateY(var(--tilt-y));transition:transform .5s cubic-bezier(.2,.8,.2,1),box-shadow .4s;cursor:pointer;background:radial-gradient(ellipse at var(--light-x) var(--light-y),#ffffffd9,transparent 70%),linear-gradient(118deg,#eceeeb,#f8f9f5 43%,#e0e3df);outline-offset:9px}.instrument:hover{box-shadow:0 2px 2px #fff inset,0 -1px 1px #bfc0be inset,0 45px 50px -38px #282d3870,0 4px 12px #181c2507}.instrument.disturbed{box-shadow:0 2px 2px #fff inset,0 0 0 1px #2455ec20,0 40px 48px -35px #2455ec35}.instrument.disturbed .reading-line{background:#2455ec8a;box-shadow:0 0 14px #2455ec55}.instrument.disturbed .indicator{box-shadow:0 0 15px #2455ecaa}.instrument.disturbed .cylinder{transition-duration:1.5s;transition-timing-function:cubic-bezier(.16,.78,.12,1)}.rotor-window:nth-child(2) .cylinder{transition-delay:35ms}.rotor-window:nth-child(3) .cylinder{transition-delay:70ms}.rotor-window:nth-child(4) .cylinder{transition-delay:105ms}.rotor-window:nth-child(5) .cylinder{transition-delay:.14s}.rotor-window:nth-child(6) .cylinder{transition-delay:175ms}[data-motion=paused] .instrument{transform:none;transition:none}@media(min-width:1650px){.site{padding:0 70px}main{padding-block:100px}}@media(max-width:1050px){main{gap:5%;padding-block:65px}h1{font-size:83px}.instrument{padding:20px 16px 14px;aspect-ratio:1.18}.rotors{height:205px;padding:8px;gap:4px}.face{font-size:29px}.instrument-top{font-size:8px}.micro-bars{font-size:8px;letter-spacing:0}.installation{padding-top:40px}}@media(max-width:760px){.site{padding:0 7vw}header{height:87px}main{grid-template-columns:1fr;gap:38px;padding:45px 0}.intro{position:relative}h1{font-size:clamp(67px,12.8vw,94px)}h1 br:nth-of-type(2){display:none}h1 em:before{content:" "}.eyebrow{font-size:10px;margin-bottom:23px}.description{font-size:15px;margin-top:23px}.threshold{display:none}.installation{padding-top:0}.instrument{max-width:500px;aspect-ratio:1.65;padding:15px 18px 12px}.rotors{height:170px;padding:6px 9px;gap:6px}.mechanism{margin:9px 0}.instrument-caption{margin-top:12px}.face{font-size:32px}.instrument-top{height:17px;font-size:9px}.instrument-bottom{height:15px}.micro-bars{font-size:9px}.instrument:before,.instrument:after{top:35px;bottom:30px}footer{min-height:92px;font-size:11px;gap:15px}.closing{gap:12px}.status{font-size:9px}.identity{font-size:28px}}@media(max-width:380px){.rotors{gap:3px;padding-inline:7px}.face{font-size:27px}.instrument{padding-inline:12px}.instrument-caption{font-size:11px}footer{font-size:10px}.status{letter-spacing:.08em}}@media(prefers-reduced-motion:reduce){.cylinder,.instrument{transition:none!important}.instrument{transform:none!important}}body{overflow-x:clip}.installation{isolation:isolate}.field{position:absolute;z-index:-1;pointer-events:none;inset:-18% -20% 0;display:grid;place-items:center;opacity:.45;transition:opacity 2.8s}.field:before{content:"";position:absolute;inset:-35%;background:radial-gradient(ellipse,#5473a216,transparent 65%);opacity:0;transition:opacity 3s}.field i{position:absolute;width:83%;aspect-ratio:1;border:1px solid #8a9daf1b;border-radius:50%;transform:rotateX(58deg) rotate(-22deg)}.field i:nth-child(2){width:103%;transform:rotateX(58deg) rotate(17deg)}.field i:nth-child(3){width:126%;border-style:dotted;transform:rotateX(58deg) rotate(-22deg)}.field i:nth-child(4){width:146%;border-color:#8a9daf0b;transform:rotateX(58deg) rotate(17deg)}.field-orbit{position:absolute;width:112%;aspect-ratio:1;border-radius:50%;border:1px solid transparent;border-top-color:#537aaf28;transform:rotateX(65deg) rotate(0)}[data-sound=on] .field{opacity:1}[data-sound=on] .field:before{opacity:1}[data-sound=on][data-motion=running] .field-orbit{animation:orbit 37s linear infinite}.sound-panel{position:relative;display:flex;align-items:center;justify-content:space-between;gap:16px;margin:13px auto 0;padding:17px 0;border-top:1px solid #d8d8d47a;max-width:570px;font-size:11px;color:var(--muted)}.sound-copy{display:flex;align-items:center;gap:9px}.sound-dot{height:4px;width:4px;flex-shrink:0;border-radius:50%;background:#92979e;transition:box-shadow 1s,background 1s}[data-sound=on] .sound-dot{background:var(--blue);box-shadow:0 0 12px #2455ec88}.sound-controls{display:flex;align-items:center;gap:14px}#sound{display:flex;align-items:center;gap:7px;min-height:44px;padding:0;border:0;background:transparent;color:var(--ink);font:inherit;white-space:nowrap;cursor:pointer}#sound svg{width:15px;height:15px;stroke:currentColor;stroke-width:1.1;fill:none}#sound[aria-pressed=true]{color:var(--blue)}.level{display:flex;align-items:center;width:50px;min-height:44px}.level input{width:50px;height:3px;accent-color:var(--blue);cursor:pointer;margin:0}.tiny-signal{display:flex;height:15px;align-items:center;gap:2px}.tiny-signal b{width:1px;height:2px;background:#6e89a1;transform-origin:center;transition:height 1s}.tiny-signal b:nth-child(2n){height:3px}[data-sound=on] .tiny-signal b{height:7px}[data-sound=on][data-motion=running] .tiny-signal b{animation:signal 2.9s ease-in-out infinite alternate}.tiny-signal b:nth-child(2){animation-delay:-1.8s!important}.tiny-signal b:nth-child(3){animation-delay:-.7s!important}.tiny-signal b:nth-child(4){animation-delay:-2.4s!important}.tiny-signal b:nth-child(5){animation-delay:-1.4s!important}.tiny-signal b:nth-child(6){animation-delay:-.2s!important}.tiny-signal b:nth-child(7){animation-delay:-2s!important}@keyframes signal{0%{transform:scaleY(.3)}to{transform:scaleY(1.6)}}@keyframes orbit{to{transform:rotateX(65deg) rotate(360deg)}}@media(max-width:760px){.field{inset:-20% -12% 10%}.sound-panel{margin-top:4px;padding-top:10px;gap:10px;font-size:10px}.sound-controls{gap:10px}.level,.level input{width:42px}}@media(max-width:380px){.sound-copy{max-width:115px;line-height:1.6}}@media(prefers-reduced-motion:reduce){.field-orbit,.tiny-signal b{animation:none!important}.field,.field:before{transition:none}}main{grid-template-columns:.78fr 1.22fr;gap:3.5%}h1{font-size:clamp(68px,6.8vw,104px)}.installation{min-width:0;padding-top:5px}.instrument{display:block;max-width:none;aspect-ratio:auto;padding:0;border:0;border-radius:0;background:none;box-shadow:none!important;transform:none!important;transition:none;overflow:visible}.instrument:before,.instrument:after{display:none}.instrument-top{position:relative;max-width:78%;margin:0 auto 8px;height:24px;color:#737a80;font-size:9px;pointer-events:none}.indicator{height:4px;width:4px}#machine-stage{position:relative;aspect-ratio:1.43;width:100%;touch-action:pan-y}.mechanical-canvas{width:100%;height:100%;display:block;outline:none}.machine-fallback{position:absolute;inset:0;display:grid;place-items:center;margin:0;font-family:FieldSerif,Georgia,serif;font-size:25px;color:#68717a;text-align:center}.machine-fallback[hidden]{display:none}.instrument-caption,.sound-panel{max-width:82%;position:relative;margin-inline:auto}.instrument-caption{margin-top:0}.sound-panel{padding-top:9px;margin-top:10px}.field{inset:-2% -10% 10%;opacity:.42}.field i{border-color:#8499b31b}.field:before{opacity:.4}.instrument:focus-visible{outline:1px solid #2455ec;outline-offset:4px;border-radius:10px}.instrument.disturbed .indicator{box-shadow:0 0 18px #2455ec}.site{max-width:1580px;padding-inline:4.5vw}@media(max-width:1050px){main{gap:2%;grid-template-columns:.74fr 1.26fr}h1{font-size:clamp(66px,7.2vw,84px)}.sound-panel,.instrument-caption{max-width:88%}.sound-copy{max-width:132px;line-height:1.6}.sound-controls{gap:9px}.instrument-top{max-width:86%}.installation{padding-top:10px}}@media(max-width:760px){.site{padding-inline:7vw}main{grid-template-columns:1fr;gap:32px;padding-block:42px}.installation{width:calc(100% + 8vw);margin-left:-4vw;padding-top:0}h1{font-size:clamp(67px,12.8vw,94px)}#machine-stage{aspect-ratio:1.38}.instrument-top{max-width:78%}.instrument-caption,.sound-panel{max-width:85%}.field{inset:-3% 0 10%}.sound-copy{max-width:none}.sound-panel{padding-top:9px;padding-bottom:6px}.description{margin-top:22px}}@media(prefers-reduced-motion:reduce){.field-orbit{animation:none!important}}.field{overflow:clip}