@media(min-width:1800px){.hero-copy p{font-size:19px}}
.hero h1{letter-spacing:-.065em}
@media(max-width:900px){.header nav{gap:16px}.header nav a{font-size:12px}.hero h1{font-size:15vw;top:29%}.hero-image{top:25%;height:58%;width:47%}.hero-copy{bottom:17%}.hero-meta span:last-child{display:none}.instrument-heading p{max-width:200px;font-size:13px}.assembly{left:18%;width:64%;height:32%;top:48%}.instrument-footer{flex-wrap:wrap;gap:22px}.phase-list{gap:14px}.research-heading{max-width:40%}.research-map{left:43%;right:5%;top:28%;height:38%}.research-bottom{gap:6vw}.map-node{font-size:9px;padding:10px 7px}.voice{grid-template-columns:39% 1fr;gap:5vw}.connect-copy{width:35%}footer>span{display:none}}
@media(max-width:600px){
:root{--gutter:6vw}.header{height:78px;padding:17px var(--gutter)}.brand{font-size:22px}.brand small{font-size:7px}.header nav{display:none}.header-actions{gap:14px;font-size:10px}.audio-bars{font-size:20px;margin-right:4px}#menu-toggle{font-size:11px}#menu-toggle span{margin-left:4px}.stage{min-height:640px;padding-top:100px}.scene-meta{top:104px;font-size:9px;gap:15px}.scene-meta>span:last-child{max-width:40%;text-align:right}.eyebrow{font-size:10px}.chapter-dock{left:5px;font-size:8px}
.hero{height:170svh}.hero .stage{padding-top:106px}.hero h1{top:22%;left:5vw;font-size:17vw;line-height:.9}.hero-image{top:38%;right:6vw;width:70%;height:40%}.hero-image img{object-position:55% 60%}.hero-word.two{white-space:nowrap}.hero-copy{bottom:10%;left:var(--gutter);grid-template-columns:10px auto;gap:10px}.hero-copy p{font-size:12px;background:var(--paper);padding:5px 8px}.hero-copy .text-link{font-size:12px;background:var(--paper);margin-top:0;padding:5px 8px}.hero-footer{bottom:22px}.hero-footer>span:last-child{display:none}.hero-footer .eyebrow{font-size:8px}.hero-image figcaption{font-size:7px;padding:8px}.hero-after{font-size:15vw;top:26%}
.signal{height:210svh}.signal h2{top:24%;font-size:11vw}.signal-steps{bottom:21%;gap:8vw}.signal-steps>span{font-size:7vw;gap:5px}.signal-steps small{font-size:8px}.signal-bottom{bottom:38px;display:block}.signal-bottom p{font-size:12px}.signal-code{display:block;margin-top:15px;font-size:9px}.signal-values{font-size:8px}.signal-axis{font-size:8px}
.instrument{height:240svh}.instrument-heading{top:23%;display:block}.instrument-heading h2{font-size:10vw}.instrument-heading p{font-size:12px;margin-top:18px;max-width:none}.assembly{top:49%;left:15%;width:65%;height:26%}.assembly-layer{padding:14px}.assembly-layer .eyebrow{font-size:8px}.code-layer pre{font-size:9px;line-height:1.9;margin-top:20px}.circuit{gap:5px}.circuit i{font-size:7px;padding:13px 4px}.layer-cross{font-size:20px;right:12px;bottom:8px}.instrument-footer{bottom:35px;display:block}.phase-list{justify-content:space-between;font-size:8px}.play-notes{margin-top:23px;justify-content:flex-end}.play-notes button{height:42px;width:42px}.play-notes span{font-size:8px;margin-right:auto}
.build{height:230svh}.build-type{top:23%}.build-type h2{font-size:10vw}.build-type p{font-size:12px;margin-top:18px}.work-photo.wide{inset:45% 13% 13%}.work-photo.wide img{object-position:60% center}.work-photo.close img{object-position:49% center}.work-photo figcaption{font-size:8px;bottom:20px;left:20px}.build-last{bottom:17%}.build-last p{font-size:12vw}
.research{height:165svh}.research-heading{top:23%;max-width:none;right:var(--gutter);display:flex;gap:16px;align-items:end}.research-heading h2{font-size:10vw}.research-heading p{font-size:11px;margin:0;width:40%;line-height:1.6}.research-map{left:9%;right:9%;top:39%;height:27%}.map-center{font-size:12vw}.map-node{font-size:8px;padding:13px 5px}.research-bottom{bottom:22px;display:block;padding-top:12px}.research-detail .eyebrow{display:none}.research-detail p{font-size:11px;line-height:1.5;margin:0 0 10px}.research-program p{font-size:11px;line-height:1.5}.research-program .text-link{font-size:11px;padding:6px 0}
.perform{height:210svh}.perform h2{font-size:11vw;top:28%}.perform h2 em{font-size:1.6em}.stage-photo img{object-position:55% center}.code-curtain>div{font-size:9px;padding:4vw;line-height:2.4}.perform-bottom{bottom:35px;gap:20px}.perform-bottom>span{max-width:150px;font-size:9px}.perform-bottom p{font-size:13px}
.voices{height:190svh}.voice{padding:150px var(--gutter) 40px;display:flex;flex-direction:column;gap:20px}.voice figure{height:32%;flex:none;width:66%;max-height:250px}.voice-story{align-self:auto;padding-bottom:0}.quote-mark{position:absolute;right:5%;top:-70px;font-size:85px}blockquote{font-size:8vw;margin:0 0 18px}.voice-name{font-size:12px}.voice-name span{font-size:10px}.voice-story .text-link{margin-top:4px;font-size:10px}.voice-number{font-size:9px;bottom:15px}.voice figure figcaption{font-size:7px;bottom:10px;left:10px;padding:5px}
.connect{height:150svh}.connect h2{top:23%;font-size:14.5vw}.connect-copy{top:54%;left:var(--gutter);right:var(--gutter);width:auto;display:grid;grid-template-columns:1fr auto;align-items:center;gap:11px 15px}.connect-copy p{font-size:12px;flex:1}.connect-copy .program-status{grid-column:1/-1;margin-top:0;font-size:8px!important}.primary-link{font-size:11px;padding:12px;margin-top:0;gap:20px}.program-links{bottom:30px;grid-template-columns:1fr;gap:11px}.program-links a{flex-direction:row;justify-content:space-between;padding-top:11px;font-size:11px;gap:10px}.program-links a span:last-child{font-size:8px}
footer{padding:30px var(--gutter);align-items:start;flex-direction:column;gap:25px}footer>div{font-size:10px;gap:24px}.chapter-dock>div{height:50px}dialog{padding-top:90px}dialog nav{grid-template-columns:1fr;gap:0;margin-top:10px}dialog nav a{font-size:25px;padding:12px 0}
}
@media(max-height:700px) and (min-width:601px){.stage{min-height:600px}.header{height:75px}.scene-meta{top:98px}.hero-meta{font-size:10px}.hero h1{font-size:12vw}.hero-copy{bottom:15%}.hero-copy p{font-size:12px}.hero-copy a{font-size:12px;padding:4px}.instrument-heading{top:24%}.instrument-heading h2{font-size:48px}.assembly{top:48%;height:29%}.research-bottom{bottom:25px}.research-bottom p{font-size:12px}.voice{padding-top:145px}.connect h2{font-size:8vw}}
body.reduced #signal-thread,body.reduced .chapter-dock{display:none}
body.reduced .scene{height:auto!important}body.reduced .stage{position:relative;height:auto;min-height:800px}body.reduced .hero-after{display:none}body.reduced .hero .stage{height:100svh;min-height:700px}
body.reduced .signal .stage{height:900px}body.reduced .signal-steps>span{color:var(--paper)}
body.reduced .instrument .stage{padding-top:180px;padding-bottom:70px}body.reduced .instrument-heading{position:static}
body.reduced .assembly{position:relative;top:auto;left:auto;width:85%;height:auto;margin:60px auto 40px;display:grid;grid-template-columns:1fr 1fr;gap:20px}
body.reduced .assembly-layer{position:relative;inset:auto;height:230px;transform:none!important}body.reduced .instrument-footer{position:static}
body.reduced .build .stage{padding-top:180px}body.reduced .build-type{position:static}body.reduced .work-photo{position:relative;inset:auto;width:100%;height:450px;margin-top:40px;clip-path:none!important}
body.reduced .build-last{position:relative;left:auto;bottom:auto;opacity:1;margin-top:40px}
body.reduced .network-lines{stroke-dashoffset:0}
body.reduced .perform .stage{height:900px}body.reduced .code-curtain{display:none}body.reduced .stage-photo{clip-path:none}body.reduced .perform h2{opacity:1}
body.reduced .voices .stage{padding-top:170px}body.reduced .voice-rail{display:block;width:100%;height:auto}
body.reduced .voice{width:100%;min-height:600px;padding-top:30px}body.reduced .voice figure{height:500px}
body.reduced .connect .stage{height:900px}
body.reduced .signal-axis{border-top:1px solid #f04e30;border-bottom:1px solid #f04e30;width:88%}
@media(max-width:600px){body.reduced .stage{min-height:770px}body.reduced .assembly{width:100%;grid-template-columns:1fr}body.reduced .assembly-layer{height:220px}body.reduced .research .stage{height:800px}body.reduced .voice{min-height:650px;padding-bottom:40px}body.reduced .voice figure{height:250px}body.reduced .connect .stage{height:780px}body.reduced .signal .stage{height:780px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media(max-width:600px){
 .hero-copy p,.connect-copy p{font-size:14px}
 .signal-bottom p,.instrument-heading p,.build-type p{font-size:14px}
 .research-heading p{font-size:12px}
 .research-detail p,.research-program p{font-size:12px}
 .header-actions,#menu-toggle{font-size:12px}
 .voice-name{font-size:14px}
 .voice-name span,.voice-story .text-link,.program-links a,.primary-link{font-size:12px}
 .play-notes button{min-width:44px;min-height:44px}
}