:root{--ink:#101316;--charcoal:#192026;--chalk:#eae8de;--sand:#dedcd2;--gray:#9da2a1;--orange:#f16b44;--border:rgba(234,232,222,.23);--mono:"IBM Plex Mono","Courier New",monospace;--display:"Arial Narrow","Liberation Sans Narrow","Helvetica Neue",Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);color:var(--chalk);font-family:Arial,"Helvetica Neue",sans-serif;font-size:16px;-webkit-font-smoothing:antialiased}a{color:inherit}button{font:inherit}::selection{background:var(--orange);color:var(--ink)}:focus-visible{outline:3px solid var(--orange);outline-offset:4px}.skip-link{position:absolute;top:-200px;left:15px;background:var(--chalk);color:var(--ink);z-index:50;padding:12px}.skip-link:focus{top:15px}
.sitehead{height:78px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;gap:24px;padding:0 clamp(20px,4.4vw,78px);position:relative;z-index:4}.brand{text-decoration:none;font-weight:900;font-family:var(--display);font-size:33px;line-height:1;letter-spacing:-.1em;white-space:nowrap}.brand-cross{color:var(--orange);font-size:19px;vertical-align:4px;margin:0 2px}.brand-small{font:600 10px var(--mono);letter-spacing:.01em;margin-left:14px;vertical-align:6px}.sitehead nav{display:flex;gap:clamp(12px,2.2vw,40px)}.sitehead nav a,.head-mark{font:600 10px var(--mono);text-decoration:none;letter-spacing:.08em}.sitehead nav a:hover,.footer a:hover{color:var(--orange)}.head-mark{color:#9eaca8}
.section-wrap{max-width:1540px;padding-left:clamp(20px,5.2vw,88px);padding-right:clamp(20px,5.2vw,88px);margin:auto}.section-index{display:flex;align-items:center;gap:20px;font:600 11px var(--mono);letter-spacing:.1em}.section-index .line{height:1px;flex:1;background:currentColor;opacity:.27}.section-index span:last-child{opacity:.55;text-align:right}
.hero{min-height:calc(100svh - 78px);display:flex;flex-direction:column;background:var(--ink);position:relative;overflow:hidden}.hero:before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.13;background-image:linear-gradient(90deg,#b6bdba 1px,transparent 1px),linear-gradient(#b6bdba 1px,transparent 1px);background-size:80px 80px;mask-image:linear-gradient(90deg,transparent 0,black 33%,black 90%)}.hero-axis,.hero-bottom{position:relative;z-index:2;display:flex;justify-content:space-between;padding:18px clamp(20px,5.2vw,88px);font:600 10px var(--mono);letter-spacing:.16em;border-bottom:1px solid var(--border)}.hero-bottom{border-bottom:0;border-top:1px solid var(--border);margin-top:auto}.hero-layout{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(310px,.65fr);align-items:stretch;flex:1;max-width:1700px;width:100%;margin:auto}.hero-copy{padding:clamp(45px,7vh,110px) 20px 85px clamp(20px,5.2vw,88px);display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.eyebrow,.overline{font:700 11px var(--mono);letter-spacing:.17em}.eyebrow{display:flex;gap:13px;align-items:center;color:#bec3bb;margin:0 0 35px}.status-light{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--orange);box-shadow:0 0 20px var(--orange)}.hero h1{font-family:var(--display);font-size:clamp(74px,10.6vw,191px);font-weight:900;letter-spacing:-.092em;line-height:.81;margin:0 0 34px;transform:scaleX(.96);transform-origin:left center}.hero h1 em{font-style:normal;color:transparent;-webkit-text-stroke:1.5px var(--chalk)}.hero h1 .question{color:var(--orange);-webkit-text-stroke:0}.hero-deck{font-size:clamp(17px,1.6vw,24px);line-height:1.45;max-width:520px;color:#c0c5bf;margin:4px 0 31px}.hero-links{display:flex;flex-wrap:wrap;align-items:center;gap:15px}.primary-link,.quiet-link{display:inline-flex;gap:24px;align-items:center;justify-content:space-between;font:700 11px var(--mono);text-decoration:none;letter-spacing:.05em;min-height:48px}.primary-link{background:var(--orange);color:var(--ink);padding:0 19px}.primary-link:hover{background:#ff956e}.quiet-link{color:var(--chalk);padding:0 4px;border-bottom:1px solid #74817e}.quiet-link:hover{color:var(--orange)}
.instrument{display:flex;flex-direction:column;border-left:1px solid var(--border);padding:clamp(20px,3vw,47px);position:relative;overflow:hidden;min-height:580px}.instrument-caption,.instrument-bottom{font:600 10px var(--mono);letter-spacing:.13em;color:#a8b1ad}.instrument-bottom{margin-top:auto;display:flex;justify-content:space-between}.lever-assembly{min-height:420px;position:relative;flex:1;display:grid;place-items:center}.rings{position:absolute;inset:10%;display:grid;place-items:center}.rings span{border:1px solid #405057;border-radius:50%;position:absolute;aspect-ratio:1}.rings span:nth-child(1){width:98%}.rings span:nth-child(2){width:74%}.rings span:nth-child(3){width:49%}.rings span:nth-child(4){width:22%;border-color:var(--orange)}.lever-axis{height:1px;width:120%;background:#35464b;position:absolute;transform:rotate(-35deg)}.lever-shaft{width:18px;height:45%;min-height:190px;position:absolute;bottom:44%;left:50%;background:linear-gradient(90deg,#9e3929,var(--orange),#f4ac7d);transform-origin:center bottom;transform:rotate(33deg);border-radius:20px;z-index:2;box-shadow:15px 10px 50px rgba(241,107,68,.16)}.lever-handle{position:absolute;z-index:3;width:60px;height:72px;border-radius:12px 12px 22px 22px;background:var(--chalk);bottom:calc(44% + 167px);left:calc(50% + 81px);transform:rotate(33deg);box-shadow:14px 14px 0 rgba(0,0,0,.15)}.lever-pivot{position:absolute;z-index:4;bottom:calc(44% - 14px);left:calc(50% - 31px);width:63px;height:63px;background:var(--ink);border:12px solid var(--orange);border-radius:50%;box-shadow:0 0 0 7px var(--ink),0 0 0 8px #5c676b}
.thesis-section{padding-top:110px;padding-bottom:145px;background:var(--sand);color:var(--ink);max-width:none}.thesis-section>.section-index,.names-section>.section-index,.times-section>.section-index{max-width:1364px;margin:auto}.thesis-grid{max-width:1364px;margin:65px auto 0;display:grid;grid-template-columns:1fr 2.15fr;gap:9%}.side-note{font:600 12px/1.65 var(--mono);text-transform:uppercase;letter-spacing:.04em;max-width:270px;border-top:4px solid var(--ink);padding-top:20px;margin-top:8px}.thesis-grid h2,.control-top h2,.names-section h2,.commons-heading h2,.times-grid h2,.postscript h2{font-family:var(--display);font-weight:900;letter-spacing:-.083em;line-height:.86;margin:0}.thesis-grid h2{font-size:clamp(78px,11.5vw,175px)}.thesis-grid h2 span{font-style:italic;font-family:Georgia,serif;font-weight:400;font-size:.79em;letter-spacing:-.11em}.thesis-grid .statement{font:600 clamp(22px,2.6vw,38px)/1.19 var(--display);max-width:790px;margin:60px 0 25px}.thesis-grid p:last-child{max-width:680px;font-size:16px;line-height:1.7;color:#384040}
.control-section{padding:90px 0 114px;background:#161c20}.control-top h2{font-size:clamp(75px,11vw,150px);margin:55px 0 15px}.control-top h2 i,.names-section h2 i,.times-grid h2 i{font-family:Georgia,serif;font-weight:400;letter-spacing:-.08em}.control-top>p{font-size:17px;line-height:1.5;color:#b7c0bf;max-width:620px;margin:0 0 43px}.control-board{display:grid;grid-template-columns:minmax(180px,.65fr) minmax(260px,1fr) minmax(250px,1.15fr);gap:1px;min-height:395px}.switch-body,.system-readout,.route-visual{border:1px solid #475457;background:#222b2f;color:var(--chalk)}.switch-body{text-align:left;display:flex;flex-direction:column;align-items:stretch;justify-content:space-between;padding:25px;cursor:pointer;min-height:355px}.switch-body:hover,.switch-body:focus-visible{background:#283338}.switch-label,.switch-foot{font:700 10px var(--mono);letter-spacing:.08em}.switch-track{display:block;flex:1;position:relative;max-height:240px;margin:17px auto;width:120px}.switch-track:before{content:"";position:absolute;width:3px;height:88%;left:58px;top:6%;background:#677777;transform:rotate(27deg);transform-origin:center 80%;transition:transform .6s}.switch-handle{position:absolute;display:block;width:35px;height:125px;left:39px;top:8%;background:var(--orange);border-radius:8px 8px 18px 18px;transform-origin:center bottom;transform:rotate(27deg);box-shadow:13px 12px 0 rgba(0,0,0,.12);transition:transform .6s cubic-bezier(.2,.8,.3,1)}.switch-handle:after{content:"";position:absolute;width:60px;height:22px;background:var(--chalk);border-radius:8px;left:-12px;top:-8px}.switch-body[aria-pressed="true"] .switch-handle,.switch-body[aria-pressed="true"] .switch-track:before{transform:rotate(-27deg)}.switch-foot{opacity:.65}.system-readout{padding:30px;display:flex;flex-direction:column}.readout-label{font:700 10px var(--mono);display:flex;justify-content:space-between;gap:10px;color:#9caeab;letter-spacing:.09em}.system-readout h3{font-family:var(--display);font-size:clamp(65px,7vw,110px);letter-spacing:-.085em;line-height:.88;margin:50px 0 18px}.system-readout>p:not(.readout-label){max-width:340px;color:#bec9c5;line-height:1.6;margin:0 0 auto}.readout-stamp{border-top:1px solid #526061;margin-top:25px;padding-top:15px;color:#9cabaa;font:700 10px var(--mono)}.route-visual{position:relative;min-height:390px;padding:27px;overflow:hidden;display:flex;flex-direction:column}.route-label,.route-legend{font:700 10px var(--mono);letter-spacing:.06em;color:#a7b4b2}.route-legend{margin-top:auto;display:flex;justify-content:space-between}.node-stack{position:absolute;display:flex;flex-direction:column;gap:26px;left:11%;top:26%}.node-stack i{display:block;width:14px;height:14px;border:2px solid var(--chalk);border-radius:50%}.route-lines{position:absolute;left:14%;right:25%;top:26%;height:65%;}.route-lines span{position:absolute;display:block;border:1px solid rgba(186,202,198,.36);width:100%;height:1px;transform-origin:left}.route-lines span:nth-child(1){top:3%;transform:rotate(25deg)}.route-lines span:nth-child(2){top:17%;transform:rotate(13deg)}.route-lines span:nth-child(3){top:33%;transform:rotate(0)}.route-lines span:nth-child(4){top:49%;transform:rotate(-13deg)}.route-lines span:nth-child(5){top:64%;transform:rotate(-25deg)}.gate{position:absolute;left:63%;top:48%;background:var(--orange);color:var(--ink);display:grid;place-items:center;font-size:14px;width:58px;height:58px;border-radius:50%;box-shadow:0 0 0 15px rgba(241,107,68,.09)}.compute-cells{position:absolute;right:10%;top:28%;display:flex;flex-direction:column;gap:23px}.compute-cells i{width:24px;height:19px;display:block;border:1px solid var(--chalk);background:rgba(241,107,68,.05)}.control-board.is-open .gate{background:#a6d5c3;box-shadow:0 0 0 40px rgba(166,213,195,.1)}.control-board.is-open .route-lines span{border-color:#a6d5c3}.control-board.is-open .compute-cells i{background:#a6d5c3}.control-board.is-open .system-readout h3{color:#a6d5c3}
.names-section{background:var(--chalk);color:var(--ink);max-width:none;padding-top:112px;padding-bottom:150px}.names-section>*:not(.section-index){max-width:1364px;margin-left:auto;margin-right:auto}.kicker-large{font:700 clamp(12px,1.25vw,17px)/1.6 var(--mono);color:#8d3e2e;letter-spacing:.1em;margin-top:70px;margin-bottom:30px}.names-section h2{font-size:clamp(72px,10.5vw,156px);margin-bottom:65px!important}.names-columns{display:grid;grid-template-columns:1fr 1fr;gap:12%;border-top:1px solid #8b918d;padding-top:20px}.names-columns p{font-size:17px;line-height:1.7;max-width:550px}.pullquote{margin-top:78px!important;display:flex;align-items:flex-start;gap:22px;border-top:5px solid var(--orange);padding-top:34px}.pullquote-mark{font:130px/.8 Georgia,serif;color:var(--orange)}.pullquote p{font:700 clamp(31px,4vw,58px)/1.1 var(--display);letter-spacing:-.04em;max-width:860px;margin:0}
.commons-section{padding:112px 0 125px;background:#182722;color:#eeeae0}.commons-heading{margin-top:65px}.commons-heading .overline{color:#99b6ab}.commons-heading h2{font-size:clamp(56px,8.1vw,133px);line-height:.92;max-width:1160px;margin:18px 0 45px}.commons-heading em{font-style:normal;color:#c4dfcf}.commons-intro{font-size:clamp(19px,2.4vw,32px);line-height:1.42;max-width:960px;color:#b9cfc3;margin-bottom:80px}.commons-intro em{color:#ebede0}.composer{border:1px solid #628075}.composer-head{padding:26px;display:flex;align-items:start;justify-content:space-between;gap:25px;border-bottom:1px solid #628075}.composer-head h3{font:800 16px var(--mono);margin:0;letter-spacing:.06em}.composer-head p{font:700 10px var(--mono);letter-spacing:.07em;color:#b0c5b8;max-width:250px;margin:0;line-height:1.5}.parts{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:#628075}.parts button{background:#223b32;color:#e0e8dd;min-height:150px;border:0;text-align:left;padding:22px;display:flex;flex-direction:column;gap:15px;cursor:pointer;transition:background .16s,color .16s}.parts button:hover{background:#334f43}.parts button:focus-visible{outline-offset:-5px}.parts button[aria-pressed="true"]{background:#a5cbb7;color:#11221b}.parts strong,.parts small{font:700 10px var(--mono);letter-spacing:.1em}.parts span{font:800 clamp(19px,2vw,32px) var(--display);letter-spacing:-.04em;margin-top:14px}.parts small{margin-top:auto;opacity:.65}.compiled{display:flex;justify-content:space-between;gap:15px;align-items:end;padding:24px;min-height:165px}.compiled p,.fineprint{font:700 10px/1.6 var(--mono);letter-spacing:.07em;color:#acbfb5}.compiled output{display:block;font:800 clamp(15px,1.65vw,24px)/1.3 var(--mono);overflow-wrap:anywhere;max-width:760px;margin-top:15px}.compiled-controls{display:flex;gap:8px}.compiled-controls button{background:transparent;color:var(--chalk);border:1px solid #628075;padding:10px 12px;font:700 10px var(--mono);cursor:pointer;white-space:nowrap}.compiled-controls button:hover{background:#c4dfcf;color:#142820}.fineprint{padding:0 24px 22px;margin:0;max-width:900px;text-transform:none;font-size:11px}
.times-section{background:var(--sand);color:var(--ink);max-width:none;padding-top:115px;padding-bottom:150px}.times-grid{max-width:1364px;display:grid;grid-template-columns:1fr 1fr;gap:12%;margin:70px auto 65px}.times-grid h2{font-size:clamp(67px,8vw,126px)}.times-copy{display:flex;flex-direction:column;justify-content:flex-end}.times-copy .statement{font:700 clamp(27px,3vw,44px)/1.13 var(--display);letter-spacing:-.06em;margin:0 0 30px}.times-copy p:not(.statement){font-size:17px;line-height:1.65;max-width:545px}.timeline{max-width:1364px;margin:auto;display:grid;gap:18px;padding-top:35px;border-top:1px solid #989f99}.timeline>div{display:grid;grid-template-columns:180px 1fr 240px;align-items:center;gap:20px;font:700 11px var(--mono);letter-spacing:.08em}.timeline b{height:20px;background:#bec1b7;display:block;position:relative}.timeline i{height:20px;display:block;background:var(--ink);width:80%}.timeline>div:nth-child(2) i{background:var(--orange);width:52%;margin-left:10%}.timeline>div:nth-child(3) i{background:#67766f;width:43%;margin-left:25%}.timeline>div:nth-child(4) i{background:#9a513d;width:22%;margin-left:67%}.timeline small{text-align:right;font:700 10px var(--mono)}
.postscript{background:var(--orange);color:var(--ink);padding-top:100px}.postscript .section-index{max-width:1364px;margin:auto}.postscript .overline{margin-top:90px}.postscript h2{font-size:clamp(70px,10vw,155px);margin:40px 0 65px;max-width:1250px}.postscript h2 span{color:#fff2e4}.end-grid{display:grid;grid-template-columns:1fr 1fr;gap:12%;padding-top:22px;border-top:2px solid var(--ink);margin-bottom:140px}.end-grid p{font-size:17px;line-height:1.7;max-width:590px}.closing{background:var(--ink);color:var(--chalk);margin-left:calc(-1 * clamp(20px,5.2vw,88px));margin-right:calc(-1 * clamp(20px,5.2vw,88px));padding:clamp(55px,8vw,125px) clamp(20px,5.2vw,88px) 33px;font:900 clamp(45px,8.2vw,132px)/.94 var(--display);letter-spacing:-.077em}.closing em{color:var(--orange);font-style:normal}.closing-foot{display:block;margin-top:90px;border-top:1px solid var(--border);padding-top:17px;color:#a6a9a5;font:700 10px/1.5 var(--mono);letter-spacing:.1em}.footer{min-height:112px;background:#101316;border-top:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;gap:25px;padding:30px clamp(20px,5.2vw,88px)}.footer .foot-brand{font:900 21px var(--display);letter-spacing:-.05em;text-decoration:none}.footer span{font:700 10px var(--mono);color:#a0a8a4;text-align:center}.footer div{display:flex;gap:16px}.footer div a{font:700 10px var(--mono);text-decoration:none;white-space:nowrap}
@media(max-width:1080px){.sitehead nav{display:none}.hero-layout{grid-template-columns:1fr minmax(260px,.65fr)}.instrument{padding:20px}.hero h1{font-size:clamp(68px,10vw,140px)}.control-board{grid-template-columns:1fr 1fr}.route-visual{grid-column:span 2;min-height:300px}.node-stack{top:28%;left:15%}.route-lines{left:17%;right:25%;top:28%}.compute-cells{right:15%;top:28%}.footer{flex-wrap:wrap}.times-grid{gap:5%}}
@media(max-width:720px){.sitehead{height:64px}.brand{font-size:27px}.brand-small{font-size:9px;margin-left:9px}.head-mark{font-size:9px}.hero-axis span:nth-child(2),.hero-bottom span:nth-child(1){display:none}.hero-layout{grid-template-columns:1fr}.hero-copy{padding:65px 20px 48px}.hero h1{font-size:clamp(70px,15vw,126px)}.hero-deck{max-width:450px}.instrument{min-height:390px;border-top:1px solid var(--border);border-left:0}.lever-assembly{min-height:295px}.lever-shaft{height:40%;min-height:135px}.lever-handle{bottom:calc(44% + 130px);left:calc(50% + 65px);height:56px;width:49px}.hero-bottom{justify-content:flex-end}.thesis-section,.names-section,.times-section{padding-top:75px;padding-bottom:95px}.thesis-grid{grid-template-columns:1fr;gap:25px;margin-top:40px}.side-note{max-width:500px}.thesis-grid h2{font-size:clamp(68px,13vw,111px)}.thesis-grid .statement{margin-top:34px}.section-index{font-size:9px;gap:9px}.section-index span:last-child{font-size:8px}.control-section{padding:76px 0 90px}.control-top h2{font-size:clamp(69px,12vw,114px);margin-top:40px}.control-board{display:grid;grid-template-columns:1fr}.switch-body{min-height:225px;display:grid;grid-template-columns:1fr 1fr;gap:10px}.switch-track{max-height:150px;min-height:120px;grid-column:2;grid-row:1/3}.switch-label{grid-column:1;grid-row:1;max-width:110px}.switch-foot{grid-column:1;grid-row:2;align-self:end;max-width:120px}.switch-handle{height:100px}.system-readout{min-height:310px}.system-readout h3{margin-top:35px}.route-visual{grid-column:1;min-height:350px}.names-section h2{font-size:clamp(67px,12vw,118px);margin-bottom:40px!important}.names-columns{grid-template-columns:1fr;gap:8px}.pullquote{margin-top:45px!important}.pullquote-mark{font-size:90px}.commons-section{padding:80px 0}.commons-heading{margin-top:45px}.commons-heading h2{font-size:clamp(50px,10.4vw,80px)}.commons-intro{margin-bottom:45px}.composer-head{flex-direction:column;gap:10px}.parts{grid-template-columns:1fr 1fr}.parts button{min-height:135px}.compiled{flex-direction:column;align-items:flex-start}.times-grid{grid-template-columns:1fr;gap:30px;margin:50px auto 55px}.times-grid h2{font-size:clamp(60px,12vw,100px)}.timeline>div{grid-template-columns:100px 1fr;gap:10px;font-size:9px}.timeline small{grid-column:2;text-align:left}.postscript{padding-top:70px}.postscript h2{font-size:clamp(62px,11vw,105px);margin:40px 0}.end-grid{grid-template-columns:1fr;gap:10px;margin-bottom:80px}.closing{font-size:clamp(48px,11vw,82px)}.closing-foot{margin-top:50px}.footer{justify-content:flex-start}.footer span{text-align:left}.footer div{flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}