@font-face{font-family:Manrope;src:url('/fonts/manrope-variable.ttf') format('truetype');font-weight:200 800;font-display:swap}
@font-face{font-family:Plex;src:url('/fonts/ibm-plex-mono.ttf') format('truetype');font-weight:400;font-display:swap}
:root{--paper:#f2f1eb;--ink:#20231f;--muted:#85877e;--line:#d7d8d0;--blue:#2049ed;--mono:Plex,monospace;--sans:Manrope,Arial,sans-serif;--gutter:clamp(24px,4.3vw,78px)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:35px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased}body.modal-open{overflow:hidden}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent;touch-action:manipulation}button{cursor:pointer;color:inherit;background:none;border:0}a{color:inherit;text-decoration:none}button:disabled{cursor:default}h1,h2,p,dl,dd{margin:0}h1,h2{font-weight:500;letter-spacing:-.055em}a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid var(--blue);outline-offset:6px}::selection{background:var(--blue);color:white}img{max-width:100%}[hidden]{display:none!important}.skip{position:fixed;top:12px;left:16px;background:var(--ink);color:var(--paper);padding:15px 22px;z-index:100;transform:translateY(-160%)}.skip:focus{transform:none}.eyebrow{font:8px/1.6 var(--mono);letter-spacing:.08em}.dot{width:5px;height:5px;border-radius:50%;background:currentColor;display:inline-block;flex-shrink:0}.masthead,main,.footer{max-width:1760px;margin-inline:auto;padding-inline:var(--gutter)}
.masthead{height:100px;display:flex;align-items:center;justify-content:space-between;gap:36px}.wordmark{font:25px var(--mono);letter-spacing:-.085em}.wordmark>span{color:#979a91}.masthead nav{display:flex;gap:30px;margin-left:auto;font-size:11px;margin-right:5vw;align-items:center}.masthead nav a,.masthead nav button{padding:8px 0;font-size:11px}.network-link{font:9px var(--mono);display:flex;gap:9px;align-items:center;white-space:nowrap}.network-link .dot{color:var(--blue)}.masthead a:hover,.masthead button:hover{color:var(--blue)}
.opening-line{display:flex;align-items:flex-end;justify-content:space-between;gap:40px;padding:44px 0 43px;border-top:1px solid var(--line)}.opening-line h1{font-size:clamp(44px,5.3vw,88px);line-height:1.06;letter-spacing:-.06em}.opening-line h1>span{color:var(--blue)}.opening-line>p{font-size:12px;line-height:1.8;color:#73776d;padding-bottom:4px;margin-right:5.2%}
.hero{display:grid;grid-template-columns:minmax(0,1fr) 244px;column-gap:44px}.gallery-stage{height:clamp(460px,40vw,650px);background:#0938b2;position:relative;overflow:hidden}.hero-visual{position:absolute;inset:0}.hero-poster,.hero-motion{position:absolute;inset:0;height:100%;width:100%;object-fit:cover;object-position:77% 50%}.hero-motion{opacity:0;transition:opacity 1s}.hero-motion.ready{opacity:1}.art-signature{position:absolute;top:25px;left:28px;right:28px;display:flex;justify-content:space-between;color:#f1f5ffb0;font:7px var(--mono);letter-spacing:.1em}.art-signature>span:first-child{font-size:13px;letter-spacing:-.06em}.art-play{position:absolute;left:28px;bottom:28px;height:42px;width:42px;border:1px solid #ffffff75;border-radius:50%;display:grid;place-items:center;color:#fff;background:#ffffff08;backdrop-filter:blur(5px);transition:background .25s}.art-play:hover{background:#ffffff28}.play-icon{display:inline-block;width:0;height:0;border-left:7px solid currentColor;border-top:4px solid transparent;border-bottom:4px solid transparent;margin-left:2px}.gallery-note{padding:0 0 3px;display:flex;flex-direction:column}.gallery-note>.eyebrow{color:var(--muted);font-size:7px;letter-spacing:.04em}.note-body{margin-top:auto;margin-bottom:auto;padding:30px 0}.note-number{font:58px/.95 var(--mono);letter-spacing:-.09em;color:#c4c7bd;display:block;margin-bottom:24px}.note-body h2{font-size:31px;line-height:1.2;letter-spacing:-.055em}.note-body p{font-size:12px;line-height:1.9;color:#7a8074;margin-top:22px}.note-body p+p{margin-top:12px}.film-ticket{display:flex;align-items:center;gap:14px;border-top:1px solid var(--line);padding-top:25px;font-size:12px}.ticket-play{height:39px;width:39px;border:1px solid #a9afa0;border-radius:50%;display:grid;place-items:center;flex-shrink:0;transition:background .2s,color .2s}.film-ticket:hover .ticket-play{color:var(--paper);background:var(--ink);border-color:var(--ink)}.film-ticket small{display:block;font:7px var(--mono);color:var(--muted);margin-top:6px;letter-spacing:.03em}.gallery-caption{grid-column:1/-1;display:flex;align-items:center;font:8px var(--mono);color:var(--muted);padding:17px 0;border-bottom:1px solid var(--line);gap:20px}.gallery-caption p{margin-right:auto}.caption-edition{margin-left:24px;font-size:7px}#motion-toggle{display:flex;align-items:center;gap:7px;font:8px var(--mono);padding:5px 0}.motion-icon{display:flex;gap:2px}.motion-icon i{width:2px;height:8px;background:currentColor}.motion-off .motion-icon{width:0;height:0;border-left:5px solid currentColor;border-top:3px solid transparent;border-bottom:3px solid transparent}.motion-off .motion-icon i{display:none}
.project-section{display:grid;grid-template-columns:150px minmax(0,1fr) 244px;column-gap:44px;padding:85px 0 95px}.margin-label{display:flex;flex-direction:column;color:var(--muted);gap:44px}.tiny-binary{font:24px/1.5 var(--mono);letter-spacing:8px;color:#c1c7b7}.project-story{max-width:520px}.project-story h2{font-size:clamp(31px,3.1vw,49px);line-height:1.16;letter-spacing:-.055em}.project-story p{font-size:13px;line-height:1.9;color:#7b8174;margin-top:20px;max-width:450px}.project-story p.story-lede{font-size:15px;line-height:1.7;color:#343d2b;margin-top:29px}.project-story strong{font-weight:500;color:#4d5844}.underlink{display:inline-block;font-size:11px;border-bottom:1px solid #959d88;padding-bottom:5px;margin-top:29px}.underlink:hover{color:var(--blue);border-color:var(--blue)}.project-index{padding-top:4px}.project-index dl>div{border-top:1px solid var(--line);padding-block:14px 17px}.project-index dl>div:last-child{border-bottom:1px solid var(--line)}.project-index dt{font:7px var(--mono);color:#919788;letter-spacing:.08em;margin-bottom:8px}.project-index dd{font-size:11px;display:flex;align-items:center;gap:7px}.project-index dd .dot{color:var(--blue)}.project-index dd a{text-decoration:underline;text-underline-offset:3px}.project-index>p{font-size:10px;line-height:1.8;color:#939b89;margin-top:19px}
.footer{padding-bottom:25px}.footer-top{border-top:1px solid var(--line);padding-block:33px 40px;display:flex;align-items:flex-end;gap:30px}.footer-top>p{font-size:25px;line-height:1.24;letter-spacing:-.04em}.footer-top>p span{color:#999f90}.footer-top>div{display:flex;gap:23px;font-size:10px;margin:auto 0 0 auto}.footer-home{font:38px/.98 var(--mono);letter-spacing:-.085em;color:var(--blue);margin-left:8%}.footer-home>span{font-size:.7em;color:var(--ink)}.footer-bottom{border-top:1px solid var(--line);padding-top:21px;display:flex;justify-content:space-between;align-items:center;gap:25px;font:7px/1.7 var(--mono);color:#909887}.footer-bottom p:nth-child(2){margin-right:auto}.footer a:hover{color:var(--blue)}
#film-dialog{padding:22px;border:1px solid #ffffff24;border-radius:5px;width:min(1150px,calc(100% - 48px));max-height:calc(100dvh - 40px);background:#101719;color:var(--paper);overflow:auto}dialog::backdrop{background:#07131cc9;backdrop-filter:blur(12px)}.dialog-bar{display:flex;justify-content:space-between;align-items:center;gap:20px;padding-bottom:17px}.dialog-bar h2{font:12px var(--mono);letter-spacing:-.02em}.dialog-bar button{font-size:11px;min-height:32px;padding:6px 12px;background:#ffffff14;border-radius:20px}#film-player{width:100%;max-height:calc(100dvh - 190px);display:block;aspect-ratio:16/9;object-fit:contain;background:#06101a}.dialog-caption{display:flex;justify-content:space-between;gap:20px;font:9px var(--mono);color:#97a6ab;margin-top:17px}.dialog-caption p span{margin-left:20px}.film-error{font-size:12px;padding-top:15px;color:#cdd7d9}#film-dialog a:focus-visible,#film-dialog button:focus-visible{outline-color:#fff}
#signal-dialog{background:var(--paper);color:var(--ink);border:0;padding:30px;width:min(590px,calc(100% - 32px));max-height:calc(100dvh - 32px);overflow:auto}#signal-dialog .dialog-bar{color:var(--muted);margin-bottom:24px}#signal-dialog .dialog-bar button{background:#e2e6da}#signal-title{font-size:43px;line-height:1.1}.signal-intro{font-size:12px;color:var(--muted);margin-top:12px}.bit-keys{display:grid;grid-template-columns:repeat(6,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-top:29px}.bit-key{position:relative;min-width:0;padding:15px 0;border-right:1px solid var(--line);transition:background .2s,color .2s}.bit-key:last-child{border-right:0}.bit-key>span{display:block;font:58px/1.1 var(--mono);letter-spacing:-.08em;transform:translateX(-.03em)}.bit-key.is-one{color:var(--blue)}.bit-key:hover{background:#e5e8de}.bit-key:focus-visible{outline-offset:-5px}.bit-key.changing>span{animation:flip .25s ease}.instrument-caption{display:flex;align-items:center;gap:16px;margin-top:13px;font:8px var(--mono);color:var(--muted)}.instrument-caption p{margin-right:auto}.instrument-caption output{color:var(--blue);font-size:9px}.instrument-caption button{font-size:9px;text-decoration:underline;text-underline-offset:4px}.signal-editor{margin-top:35px;min-width:0}.input-heading,.signal-footer{display:flex;justify-content:space-between;gap:20px;font:8px var(--mono);color:var(--muted)}.input-line{display:flex;align-items:center;border-bottom:1px solid #b2b8a8;padding-block:13px 14px;gap:20px}.input-line input{min-width:0;width:100%;border:0;border-radius:0;background:transparent;color:var(--ink);outline:none;font-size:28px;letter-spacing:-.04em}.input-line:focus-within{border-color:var(--blue)}.input-line button,.signal-footer button{font:9px var(--mono);text-decoration:underline;text-underline-offset:4px;padding:9px 0}.input-line input::placeholder{color:#9a9f94}#binary-output{display:flex;flex-wrap:wrap;gap:9px 16px;margin-top:23px;min-height:84px;font:12px/1.4 var(--mono);letter-spacing:1px;color:var(--blue);overflow-wrap:anywhere}#binary-output>span{white-space:nowrap}#binary-output .zero{color:#a8af9b}#binary-output .empty-signal{color:var(--muted);letter-spacing:0;font-size:11px;white-space:normal}.signal-footer{align-items:center;margin-top:14px}.signal-footer button{color:var(--blue)}.signal-footer button:disabled{color:var(--muted)}.copy-status{font:9px var(--mono);color:var(--blue);min-height:13px;margin-top:8px}.privacy-note{font-size:10px;color:#8c9483;margin-top:10px}
@keyframes flip{from{transform:translateX(-.03em) rotateX(-40deg);opacity:.3}to{transform:translateX(-.03em);opacity:1}}
@media(min-width:1700px){.gallery-stage{height:690px}.note-body h2{font-size:35px}.note-body p{font-size:13px}.opening-line{padding-block:58px}.project-section{grid-template-columns:180px minmax(0,1fr) 244px;column-gap:70px}}
@media(max-width:1100px){.hero{grid-template-columns:minmax(0,1fr) 210px;column-gap:30px}.gallery-stage{height:490px}.note-body h2{font-size:28px}.note-body p{font-size:11px}.project-section{grid-template-columns:105px minmax(0,1fr) 210px;column-gap:30px}.project-story h2{font-size:34px}.project-story p{font-size:12px}.project-story p.story-lede{font-size:13px}.opening-line>p{margin-right:0;font-size:11px}.footer-home{margin-left:3%;font-size:32px}.footer-top>div{gap:16px}.footer-bottom{font-size:6px}}
@media(max-width:850px){.masthead{height:82px;gap:22px}.masthead nav{gap:22px;margin-right:0}.wordmark{font-size:23px}.network-link{font-size:8px}.opening-line{padding-block:31px 32px}.opening-line h1{font-size:48px}.opening-line>p{font-size:10px}.hero{grid-template-columns:minmax(0,1fr) 175px;gap:0 25px}.gallery-stage{height:430px}.hero-poster,.hero-motion{object-position:84% 50%}.gallery-note>.eyebrow{font-size:6px}.note-number{font-size:49px;margin-bottom:22px}.note-body h2{font-size:26px}.note-body p{font-size:10px;margin-top:17px}.film-ticket{font-size:10px;gap:10px;padding-top:20px}.film-ticket small{font-size:6px}.ticket-play{width:31px;height:31px}.project-section{grid-template-columns:1fr 175px;column-gap:40px;padding-block:64px 65px}.margin-label{grid-column:1/-1;display:block;margin-bottom:28px}.tiny-binary{display:none}.project-story h2{font-size:35px}.project-story p{font-size:12px}.project-index{padding-top:0}.footer-top>p{font-size:22px}.footer-home{font-size:28px;margin-left:0}.footer-top>div{gap:16px;font-size:9px}.footer-bottom p:nth-child(2){max-width:265px}.caption-edition{font-size:6px;margin-left:0}}
@media(max-width:640px){:root{--gutter:22px}.masthead{height:76px;gap:14px}.wordmark{font-size:22px}.masthead nav{margin-right:0;gap:18px}.masthead nav a,.masthead nav button{font-size:10px}.network-link{display:none}.opening-line{display:block;padding-block:30px}.opening-line h1{font-size:clamp(37px,8.3vw,53px);line-height:1.06}.opening-line>p{margin-top:15px;font-size:11px;line-height:1.65}.opening-line>p br{display:none}.opening-line>p br:after{content:' '}.hero{display:flex;flex-direction:column}.gallery-stage{height:auto;aspect-ratio:1.04}.hero-poster,.hero-motion{object-position:85% 50%}.art-signature{top:19px;left:20px;right:20px}.art-signature>span:first-child{font-size:10px}.art-signature>span:last-child{font-size:6px}.art-play{left:20px;bottom:20px;width:34px;height:34px}.gallery-caption{order:1;flex-wrap:wrap;padding:12px 0;gap:8px;font-size:7px}.caption-edition{display:none}#motion-toggle{font-size:7px}.gallery-note{order:2;display:grid;grid-template-columns:1fr auto;gap:0 18px;padding:27px 0 30px;border-bottom:1px solid var(--line)}.gallery-note>.eyebrow{grid-column:1/-1;font-size:6px}.note-body{padding:17px 0 0;margin:0}.note-number{display:none}.note-body h2{font-size:29px;line-height:1.13}.note-body p{font-size:11px;margin-top:16px;line-height:1.8}.note-body p+p{margin-top:6px}.film-ticket{border-top:0;padding-top:0;align-self:end;flex-direction:column;align-items:flex-start;gap:10px;font-size:10px;margin-bottom:5px}.ticket-play{width:38px;height:38px}.film-ticket small{font-size:6px;line-height:1.7}.project-section{display:block;padding-block:38px 45px}.margin-label{margin-bottom:23px}.margin-label .eyebrow{font-size:7px}.project-story h2{font-size:33px}.project-story p{font-size:12px}.project-story p.story-lede{font-size:13px;margin-top:24px}.underlink{font-size:10px;margin-top:21px}.project-index{margin-top:34px}.project-index dl{display:grid;grid-template-columns:1fr 1fr;column-gap:24px}.project-index dl>div{padding-block:13px}.project-index dl>div:nth-last-child(-n+2){border-bottom:1px solid var(--line)}.project-index dt{font-size:6px}.project-index dd{font-size:10px}.project-index>p{font-size:10px;max-width:350px;margin-top:16px}.footer-top{flex-wrap:wrap;gap:23px;padding-block:26px 28px;align-items:center}.footer-top>p{font-size:21px}.footer-home{margin-left:auto;font-size:28px;order:1}.footer-top>div{order:2;width:100%;margin:0;gap:24px;font-size:9px}.footer-bottom{display:grid;grid-template-columns:1fr 1fr;font-size:6px;gap:13px;padding-top:17px}.footer-bottom p:nth-child(2){grid-column:1/-1;order:2;max-width:none}.footer-bottom>a{text-align:right}#film-dialog{padding:14px;width:calc(100% - 20px)}.dialog-bar h2{font-size:10px}.dialog-caption{font-size:7px}.dialog-caption p span{margin-left:9px}#signal-dialog{padding:24px}#signal-title{font-size:36px}.bit-key>span{font-size:40px}.input-line input{font-size:25px}#binary-output{font-size:11px;gap:8px 11px}.gallery-note a:focus-visible{outline-offset:4px}}
@media(max-width:360px){.gallery-note{grid-template-columns:1fr}.film-ticket{flex-direction:row;align-items:center;gap:12px;margin:23px 0 0;padding-top:18px;border-top:1px solid var(--line)}.note-body h2{font-size:30px}.film-ticket small{margin-top:4px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}