/* Keep the source annotation separate from the fixed chapter navigation. */
@media(min-width:601px){.hero-coordinate{right:auto;left:var(--gutter);top:auto;bottom:19%;writing-mode:horizontal-tb}}
@media(min-width:1800px){.hero h1{font-size:17vw}.display{font-size:12vw}}
@media(max-width:1000px){:root{--gutter:5vw}.masthead-caption{display:none}.scene-kicker{font-size:10px}.hero-bottom{grid-template-columns:1fr 1fr}.hero-description{display:none}.hero-photo{width:43%;right:5%;height:55%;top:27%}.hero h1{top:25%;font-size:19vw}.hero-word.second{margin-left:2vw}.signal h2{font-size:13vw}.signal-code{left:42%;font-size:13px;padding:18px}.signal-grid{left:35%}.signal-axis{left:35%}.phase-list{gap:12px;font-size:10px}.play-zone{grid-template-columns:1fr}.play-zone>.mono{text-align:right}.notes{justify-content:end}.research-bottom{gap:20px;grid-template-columns:1fr}.research-intro{font-size:14px}.topic{font-size:10px;padding:10px}.map-core{font-size:15px;padding:14px}.story{grid-template-columns:1fr 44%;padding-top:190px}.story figcaption{font-size:8px}.connect-info{left:60%}.connect h2{font-size:13vw}}
@media(max-width:600px){
:root{--gutter:6vw}.masthead{height:74px}.wordmark{font-size:23px}.header-actions{gap:20px;font-size:12px}.header-actions button span{margin-left:9px}.scene{min-height:790px}.scene-kicker{top:96px;font-size:10px;line-height:1.5}.scene-kicker>span:last-child{display:none}.hero-rule{top:128px}.hero h1{top:24%;font-size:25vw;z-index:4}.hero-word.second{margin-left:0;margin-top:4px}.hero-photo{left:30%;right:6%;width:auto;top:40%;height:40%}.hero-photo img{object-position:61% center}.hero-photo figcaption{font-size:8px;left:10px;right:auto;bottom:10px;max-width:90%;padding:6px}.hero-coordinate{top:51%;right:auto;left:6%;font-size:8px;writing-mode:vertical-rl}.hero-bottom{bottom:4%;grid-template-columns:1fr auto;gap:10px}.hero-bottom p{font-size:13px}.scroll-cue{font-size:8px;gap:9px;max-width:94px}.scroll-mark{flex:none;width:15px;height:30px}.scroll-mark:after{left:6px}.hero-description{display:none}
.signal h2{top:22%;font-size:21vw}.signal-grid{left:10%;right:6%;top:47%;bottom:22%}.signal-axis{left:8%;top:47%;bottom:22%;font-size:8px;transform:translateX(-90%)}.signal-readout{top:41%;left:10%;font-size:10px}.signal-code{left:13%;right:6%;top:52%;font-size:11px;padding:12px}.signal-bottom{bottom:5%;display:block}.signal-stages{gap:24px;font-size:11px;margin-bottom:20px}.signal-stages span{padding-top:8px}.signal-bottom p{font-size:13px}
.instrument h2{top:21%;font-size:17vw}.assembly{left:10%;right:9%;top:43%;height:29%}.source-code{padding:16px;left:6%;width:85%;height:90%}.source-code pre{font-size:11px;line-height:1.6;margin:13px 0}.code-caption,.code-footnote{font-size:8px}.assembly-photo figcaption{font-size:8px;left:10px;bottom:10px;padding:5px}.circuit{left:-6%;right:-6%;gap:4px;font-size:8px}.circuit span{padding:10px 5px}.circuit i{min-width:4px}.assembly-cross{font-size:20px}.cross-a{right:-12px;top:-24px}.cross-b{left:-12px;bottom:-24px}.instrument-bottom{bottom:4%;display:block}.phase-list{gap:0;justify-content:space-between;font-size:9px;margin:0 0 18px}.phase-list li{flex:1;margin-right:14px;padding-top:7px}.phase-list li:last-child{margin:0}.phase-list li:before{font-size:8px;margin-bottom:3px}.play-zone{grid-template-columns:auto auto;gap:5px 10px}.play-zone>.mono{text-align:left;font-size:10px}.notes button{width:35px;height:38px;font-size:12px}#note-status{font-size:8px;text-align:right!important}
.build h2{top:24%;font-size:20vw}.build h2 em{font-size:.44em;margin-top:25px}.build-detail{left:15%;right:0;top:42%;bottom:13%}.build-detail img{object-position:57% center}.build-bottom{bottom:5%;display:block}.build-bottom>.mono{font-size:9px}.build-bottom p{font-size:13px;text-align:left;margin-top:12px}.build-wide img{object-position:62% center}
.research h2{top:21%;font-size:21vw}.research-intro{top:23%;left:56%;max-width:none;right:6%;font-size:12px;line-height:1.6}.research-map{left:8%;right:8%;top:43%;height:31%}.map-core{font-size:11px;padding:11px}.topic{font-size:9px;padding:10px 6px;min-height:44px}.t1,.t2{top:2%}.t3,.t4{bottom:0}.research-bottom{left:var(--gutter);right:var(--gutter);bottom:4%;padding-top:12px;gap:10px}.research-bottom p{font-size:13px;line-height:1.5;min-height:39px}.text-link{font-size:13px;padding-bottom:6px}.research{background-size:40px 40px}
.performance h2{top:26%;font-size:19vw;line-height:.92}.performance h2 em{display:block;font-size:1.13em}.performance-photo img{object-position:58% center}.performance-shutter{font-size:21vw;padding:3vw;justify-content:center}.performance-bottom{bottom:6%;display:block}.performance-bottom>.mono{font-size:10px}.performance-bottom p{font-size:13px;text-align:left;margin-top:20px}
.story{padding:150px var(--gutter) 64px;display:flex;flex-direction:column;gap:20px}.story-copy{align-self:stretch;order:2;padding:0}.quote-glyph{font-size:80px;position:absolute;right:8px;top:-52px}blockquote{font-size:7.8vw;letter-spacing:-.055em;line-height:1.1;margin:0 0 21px}.student{font-size:13px}.student span{font-size:11px}.story-number{right:0;bottom:5px;font-size:10px}.story figure{flex:none;height:42%;width:82%;align-self:flex-end;min-height:150px}.story figcaption{font-size:7px;padding:7px;left:8px;bottom:8px;right:8px}.voices-source{font-size:8px;bottom:23px}
.connect h2{top:23%;font-size:22vw}.connect-info{top:59%;left:var(--gutter);right:var(--gutter);display:grid;grid-template-columns:1fr 1.2fr;gap:10px 17px;align-items:center}.connect-info p{font-size:16px;letter-spacing:-.03em}.apply-button{font-size:12px;padding:16px 12px;margin:0;gap:10px}.apply-button span{font-size:20px}.connect-info>.mono{font-size:8px;grid-column:1/-1;text-align:right}.connect-links{bottom:5%;gap:10px;grid-template-columns:1fr}.connect-links a{font-size:12px;padding-top:9px}.connect-links a span{font-size:9px}
.scene-nav{right:7px;font-size:8px;top:45%;gap:8px}.progress-track{height:60px}.scene-nav a{font-size:8px}.masthead .program-link{font-size:11px}footer{flex-wrap:wrap;gap:25px}footer p{width:100%;order:3;font-size:9px}footer button,footer>a:last-child{font-size:11px}dialog{padding-top:20px}.menu-top .mono{font-size:9px}dialog nav{grid-template-columns:1fr;gap:0;margin-top:4vh}dialog nav a{font-size:27px;padding:13px 0}dialog nav a small{font-size:10px;margin-right:18px}
body:not(.is-motion) .signal h2{font-size:20vw}body:not(.is-motion) .signal-code{top:49%}body:not(.is-motion) .source-code{left:0;width:72%;top:-5%}body:not(.is-motion) .assembly-photo{left:45%;top:10%;bottom:18%}body:not(.is-motion) .circuit{top:85%;left:-3%;right:-3%}body:not(.is-motion) .story{min-height:800px;height:100svh}body:not(.is-motion) .story:nth-child(2){padding-top:70px}
}
@media(min-width:601px) and (max-height:760px){.scene-kicker{top:96px}.hero-rule{top:135px}.hero h1{top:25%;font-size:16vw}.hero-photo{top:23%;height:56%}.hero-bottom{bottom:5%}.hero-bottom p{font-size:13px}.instrument h2{font-size:8vw;top:27%}.assembly{top:29%;height:41%}.instrument-bottom{bottom:4%}.source-code pre{margin:15px 0;font-size:12px}.research h2{font-size:12vw;top:27%}.research-intro{top:67%;font-size:13px}.research-map{top:26%;height:44%}.research-bottom{bottom:4%;padding-top:12px}.research-bottom p{font-size:12px}.signal h2{top:27%;font-size:10vw}.signal-readout{top:25%}.story{padding-top:155px;padding-bottom:80px}blockquote{font-size:3.9vw;margin-bottom:25px}.quote-glyph{font-size:100px}.connect h2{top:26%;font-size:10.7vw}.connect-info{top:36%}.connect-links{bottom:5%}.performance h2{font-size:10vw}.build h2{font-size:9vw;top:30%}}
@media(max-width:600px) and (max-height:720px){.hero h1{top:25%;font-size:24vw}.hero-photo{top:43%;height:34%}.hero-bottom{bottom:4%}.hero-bottom p{font-size:11px}.signal h2{font-size:19vw;top:23%}.signal-bottom p{font-size:11px}.instrument h2{font-size:15vw;top:23%}.assembly{top:44%;height:24%}.source-code pre{font-size:9px}.code-caption,.code-footnote{font-size:7px}.research h2{top:24%;font-size:21vw}.research-intro{top:24%;font-size:10px}.research-map{top:45%;height:26%}.research-bottom p{font-size:10px;min-height:30px}.research-bottom{bottom:3%;gap:5px}.story{padding-top:135px;gap:15px}.story figure{height:34%;min-height:100px}blockquote{font-size:7vw;margin-bottom:16px}.connect h2{top:25%;font-size:20vw}.connect-info{top:61%}.connect-info p{font-size:13px}.connect-links{bottom:3%;gap:6px}.connect-links a{font-size:10px;padding-top:6px}.connect-info>.mono{font-size:7px}.apply-button{font-size:10px;padding:13px 9px}}