:root{--paper:#eeece5;--ink:#20241f;--muted:#62665c;--accent:#f04e30;--dark:#151b18;--line:rgba(32,36,31,.22);--gutter:4.2vw;font-family:Manrope,Arial,sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}
*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit;border:0;background:none}button:focus-visible,a:focus-visible{outline:3px solid currentColor;outline-offset:6px}button:disabled{cursor:wait}img{width:100%;height:100%;object-fit:cover;display:block}figure,h1,h2,p{margin:0}em{font-family:Georgia,'Times New Roman',serif;font-weight:400;letter-spacing:-.055em}::selection{background:var(--accent);color:white}.eyebrow{font-family:'DM Mono',monospace;font-size:12px;line-height:1.5;letter-spacing:.04em;font-weight:400}h2{font-size:clamp(44px,5.5vw,92px);line-height:1.01;font-weight:500;letter-spacing:-.065em}p{font-size:16px;line-height:1.6}.text-link{display:inline-block;font-size:14px;font-weight:600;padding:10px 0;border-bottom:1px solid currentColor}.text-link:hover{color:var(--accent)}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.skip{position:fixed;top:-80px;left:20px;padding:15px;background:var(--accent);color:white;z-index:110}.skip:focus{top:15px}
.header{position:fixed;inset:0 0 auto;z-index:80;display:flex;align-items:center;justify-content:space-between;padding:24px var(--gutter);background:var(--paper);height:92px;border-bottom:1px solid var(--line);transition:background .25s,color .25s}.brand{font-size:25px;font-weight:800;letter-spacing:-1.3px;line-height:1}.brand>span{color:var(--accent)}.brand small{display:block;font-family:'DM Mono',monospace;font-weight:400;font-size:9px;letter-spacing:.025em;margin-top:9px}.header nav{display:flex;gap:30px;font-size:13px}.header-actions{display:flex;align-items:center;gap:24px;font-size:12px}.header-actions button{padding:10px 0;min-height:40px}.audio-bars{color:var(--accent);font-size:24px;vertical-align:middle;margin-right:7px;letter-spacing:2px}#menu-toggle span{font-size:22px;margin-left:10px}.header.dark{background:var(--dark);color:var(--paper);border-color:#ffffff25}
dialog{border:0;padding:70px max(6vw,25px);margin:0;max-width:none;max-height:none;width:100%;height:100dvh;background:var(--accent);color:var(--ink);z-index:100}dialog::backdrop{background:#151b18aa}dialog nav{display:grid;grid-template-columns:1fr 1fr;gap:0 7vw;margin-top:35px}dialog nav a{font-size:clamp(22px,4vw,64px);letter-spacing:-.045em;border-bottom:1px solid #20241f40;padding:17px 0;display:flex;justify-content:space-between}dialog nav a:hover{padding-left:10px}dialog nav small{font:12px 'DM Mono',monospace}#menu-close{position:absolute;right:var(--gutter);top:25px;font-size:16px;padding:15px}
#signal-thread{position:fixed;inset:0;width:100%;height:100%;pointer-events:none;z-index:25}.scene{position:relative;height:210svh}.stage{position:sticky;top:0;height:100svh;min-height:650px;overflow:hidden;padding:125px var(--gutter) 50px;isolation:isolate;background:var(--paper)}.scene-meta{position:absolute;top:125px;left:var(--gutter);right:var(--gutter);display:flex;justify-content:space-between;z-index:8}.scene-meta h2{font:inherit;letter-spacing:inherit}.hero{height:205svh}.hero .stage{padding-top:120px}.hero-meta{display:flex;justify-content:space-between;position:relative;z-index:5}.hero-image{position:absolute;top:23%;right:var(--gutter);width:43%;height:63%;overflow:hidden;background:#30342e;transform-origin:center}.hero-image img{object-position:48% center}.hero-image figcaption{position:absolute;bottom:0;left:0;right:0;display:flex;justify-content:space-between;padding:15px;background:linear-gradient(transparent,#0008);color:white;font-size:10px}.hero h1{position:absolute;top:24%;left:3.3vw;font-size:clamp(85px,14.2vw,235px);line-height:.86;letter-spacing:-.083em;font-weight:600;z-index:4}.hero-word{display:block;transform-origin:left center}.hero-word.two{margin-top:.055em;color:var(--accent)}.period{font-family:Georgia,serif}.hero-copy{position:absolute;left:var(--gutter);bottom:17%;z-index:5;display:grid;grid-template-columns:28px auto;column-gap:20px}.hero-copy p{font-size:15px;line-height:1.55}.hero-copy a{grid-column:2;width:max-content;margin-top:8px}.square{background:var(--accent);width:12px;height:12px;margin-top:6px}.hero-footer{position:absolute;bottom:28px;left:var(--gutter);right:var(--gutter);display:flex;justify-content:space-between;align-items:center}.scroll-track{width:90px;height:1px;background:var(--line);position:relative}.scroll-track i{display:block;width:16px;height:3px;background:var(--accent);position:absolute;left:0;top:-1px}.hero-after{position:absolute;left:var(--gutter);top:28%;font-size:clamp(60px,10vw,160px);line-height:.95;letter-spacing:-.065em;opacity:0}
.signal{height:240svh}.signal .stage{background:var(--dark);color:var(--paper)}.signal h2{position:absolute;top:22%;font-size:clamp(42px,5.8vw,92px)}.signal h2 em{color:#c7cbb6}.signal-axis{position:absolute;left:var(--gutter);top:45%;height:22%;display:flex;flex-direction:column;justify-content:space-between;font:10px 'DM Mono',monospace;color:#a5ae9d}.signal-values{position:absolute;top:70%;left:var(--gutter);right:var(--gutter);display:flex;justify-content:space-between;color:#a5ae9d;font-size:10px}.signal-steps{position:absolute;bottom:16%;left:var(--gutter);display:flex;gap:5vw}.signal-steps>span{font-size:clamp(24px,4vw,58px);font-weight:500;letter-spacing:-.05em;color:#6b746a;display:flex;gap:12px}.signal-steps>span.active{color:var(--paper)}.signal-steps small{font:10px 'DM Mono',monospace;color:var(--accent);margin-top:8px}.signal-bottom{position:absolute;bottom:35px;left:var(--gutter);right:var(--gutter);display:flex;justify-content:space-between;align-items:end}.signal-bottom p{font-size:14px;color:#b6beaf}.signal-code{font:12px 'DM Mono',monospace;color:#b6beaf}
.instrument{height:280svh}.instrument .stage{background:#dadccf}.instrument-heading{position:absolute;top:21%;left:var(--gutter);right:var(--gutter);display:flex;align-items:end;justify-content:space-between;gap:30px}.instrument-heading h2{font-size:clamp(40px,4.8vw,76px)}.instrument-heading p{font-size:14px}.assembly{position:absolute;top:45%;left:22%;width:56%;height:36%;perspective:1000px}.assembly-layer{position:absolute;inset:0;border:1px solid #20241f70;background:#dadccff2;padding:24px;transform-origin:center;box-shadow:0 12px 36px #20241f0a}.code-layer{transform:translate(-20%,-10%) rotate(-7deg);z-index:4}.assembly-layer .eyebrow{font-size:10px}.code-layer pre{font:clamp(12px,1.35vw,21px)/1.8 'DM Mono',monospace;margin:24px 0;color:var(--ink)}.code-layer pre span{color:#9b361c}.layer-cross{position:absolute;right:20px;bottom:15px;font-size:32px;font-weight:300}.circuit-layer{transform:translate(5%,5%) rotate(4deg);z-index:3}.circuit{display:flex;align-items:center;justify-content:center;height:80%;gap:10px}.circuit i{font:12px 'DM Mono',monospace;padding:20px 12px;border:1px solid;position:relative}.circuit b{height:1px;background:var(--accent);flex:1}.sound-layer{transform:translate(24%,18%) rotate(10deg);z-index:2;background:var(--dark);color:var(--paper)}.spectrum{display:flex;align-items:center;height:75%;gap:3px;padding-top:20px}.spectrum i{flex:1;background:var(--accent);height:50%;transform-origin:center}.final-layer{padding:0;z-index:1;transform:translate(32%,25%) rotate(14deg)}.final-layer img{object-position:center 70%}.final-layer figcaption{position:absolute;bottom:15px;left:20px;color:white;background:#151b18;padding:5px 10px}.instrument-footer{position:absolute;bottom:38px;left:var(--gutter);right:var(--gutter);display:flex;justify-content:space-between;align-items:center}.phase-list{display:flex;gap:20px;font:11px 'DM Mono',monospace;color:#555e50}.phase-list .active{color:#ae331b;text-decoration:underline;text-underline-offset:6px}.play-notes{display:flex;align-items:center;gap:8px}.play-notes span{margin-right:15px;font-size:10px}.play-notes button{width:42px;height:42px;border:1px solid var(--ink);font-size:14px}.play-notes button:hover,.play-notes button.playing{background:var(--ink);color:var(--paper)}
.build{height:280svh}.build .stage{background:var(--dark);color:var(--paper)}.build-type{position:absolute;top:22%;left:var(--gutter);z-index:3}.build-type p{margin-top:24px;color:#bcc3b6}.work-photo{position:absolute;overflow:hidden}.work-photo.wide{inset:36% 25% 12%;transform-origin:center}.work-photo.wide img{object-position:center}.work-photo.close{inset:0;clip-path:inset(100% 0 0);z-index:4}.work-photo img{filter:brightness(.83)}.work-photo figcaption{position:absolute;bottom:25px;left:25px;font:11px 'DM Mono',monospace;background:var(--dark);padding:8px 12px}.build-last{position:absolute;left:var(--gutter);bottom:15%;z-index:7;opacity:0}.build-last p{font-size:clamp(44px,7vw,110px);line-height:1.02;letter-spacing:-.065em;margin-top:20px;text-shadow:0 2px 25px #0008}
.research{height:190svh}.research .stage{background:#eeece5;background-image:linear-gradient(#20241f0b 1px,transparent 1px),linear-gradient(90deg,#20241f0b 1px,transparent 1px);background-size:70px 70px}.research-heading{position:absolute;top:22%;left:var(--gutter);max-width:32%}.research-heading h2{font-size:clamp(42px,5.5vw,88px)}.research-heading p{margin-top:30px;font-size:15px;max-width:310px}.research-map{position:absolute;left:40%;right:5%;top:24%;height:48%}.research-map svg{width:100%;height:100%;overflow:visible}.network-lines{stroke-width:1;opacity:.3;stroke-dasharray:1100;stroke-dashoffset:1100}.network-points{fill:var(--accent)}.map-center{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:clamp(38px,5vw,78px);line-height:.85;font-weight:600;letter-spacing:-.09em;text-align:center}.map-center>span{color:var(--accent)}.map-node{position:absolute;font:11px 'DM Mono',monospace;background:var(--paper);padding:14px 12px;border:1px solid var(--line);z-index:30;white-space:nowrap}.map-node[aria-pressed=true]{background:var(--ink);color:var(--paper)}.n1{top:10%;left:0}.n2{right:0;top:10%}.n3{right:0;bottom:8%}.n4{left:0;bottom:8%}.research-bottom{position:absolute;bottom:42px;left:var(--gutter);right:var(--gutter);display:grid;grid-template-columns:1fr 1fr;gap:15vw;border-top:1px solid var(--line);padding-top:23px}.research-bottom p{font-size:14px;max-width:450px}.research-detail p{margin-top:12px}.research-program .text-link{font-size:13px}
.perform{height:250svh}.perform .stage{background:var(--dark);color:white}.stage-photo{position:absolute;inset:0;clip-path:inset(35% 36%);overflow:hidden}.stage-photo img{object-position:50% 60%;filter:brightness(.7);transform:scale(1.2)}.code-curtain{position:absolute;inset:0;display:grid;grid-template-columns:1fr 1fr;z-index:3;pointer-events:none}.code-curtain>div{display:flex;align-items:center;background:var(--dark);color:#889382;font:clamp(12px,2vw,30px)/2 'DM Mono',monospace;padding:6vw;white-space:pre-line}.perform h2{position:absolute;left:var(--gutter);top:26%;font-size:clamp(34px,5vw,80px);z-index:5;line-height:.95;transform-origin:left;opacity:0}.perform h2 span{display:block;font-size:.5em;letter-spacing:-.04em}.perform h2 em{display:block;font-size:1.8em;margin:5px 0 20px}.perform-bottom{position:absolute;bottom:50px;left:var(--gutter);right:var(--gutter);display:flex;justify-content:space-between;align-items:end;z-index:6}.perform-bottom p{text-align:right;line-height:1.4;font-size:18px}
.voices{height:220svh}.voices .stage{padding:0;background:#dadccf}.voice-rail{display:flex;height:100%;width:200%}.voice{position:relative;width:50%;flex:none;padding:190px var(--gutter) 80px;display:grid;grid-template-columns:40% 1fr;gap:7vw}.voice figure{height:100%;max-height:590px;position:relative;overflow:hidden}.voice figure img{object-position:50% 60%;filter:saturate(.65)}.voice figure figcaption{position:absolute;bottom:18px;left:18px;background:var(--paper);padding:8px;font-size:9px}.voice-story{align-self:center;position:relative;padding-bottom:55px}.quote-mark{font:100px/.8 Georgia,serif;color:var(--accent)}blockquote{font-size:clamp(31px,4vw,64px);line-height:1.09;letter-spacing:-.05em;margin:20px 0 35px}.voice-name{font-size:14px;font-weight:600}.voice-name span{display:block;font-size:12px;font-weight:400;margin-top:5px}.voice-story .text-link{font-size:12px;margin-top:12px}.voice-number{position:absolute;bottom:0;right:0;font:12px 'DM Mono',monospace}
.connect{height:175svh}.connect .stage{background:var(--accent);color:var(--ink)}.connect h2{position:absolute;top:24%;left:var(--gutter);font-size:clamp(65px,9vw,150px);line-height:.91;font-weight:600;letter-spacing:-.075em}.connect h2>span{display:block;transform-origin:left}.connect-copy{position:absolute;right:var(--gutter);top:31%;width:30%}.connect-copy p{font-size:18px;line-height:1.5}.program-status{display:grid;gap:5px;margin-top:20px;padding-left:12px;border-left:1px solid #20241f80;font-size:10px!important;line-height:1.45!important}.program-status strong{font-weight:500}.primary-link{display:flex;justify-content:space-between;align-items:center;border:1px solid var(--ink);padding:20px;margin-top:32px;font-size:14px;font-weight:600;transition:background .2s,color .2s}.primary-link:hover{background:var(--ink);color:var(--paper)}.primary-link>span{font-size:25px}.program-links{position:absolute;bottom:45px;left:var(--gutter);right:var(--gutter);display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.program-links a{display:flex;flex-direction:column;gap:10px;border-top:1px solid #20241f77;padding-top:18px;font-size:14px}.program-links a span:last-child{font:11px 'DM Mono',monospace}.program-links a:hover{text-decoration:underline;text-underline-offset:5px}footer{position:relative;z-index:35;background:var(--ink);color:var(--paper);padding:40px var(--gutter);display:flex;align-items:center;justify-content:space-between;gap:30px}footer>span{font:10px 'DM Mono',monospace}footer>div{display:flex;gap:20px;font-size:12px;align-items:center}footer button{border-bottom:1px solid;padding:8px 0}.chapter-dock{position:fixed;left:15px;top:48%;z-index:50;font:9px 'DM Mono',monospace;color:var(--accent);display:flex;flex-direction:column;align-items:center;gap:10px}.chapter-dock>div{height:75px;width:1px;background:#7e807455}.chapter-dock i{display:block;background:var(--accent);width:2px;height:100%;transform:scaleY(0);transform-origin:top}