:root{--paper:#f2f1ed;--field:#e8e7e3;--ink:#262626;--graphite:#666560;--line:#bdbcb5;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:var(--paper)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer;border:0;background:none;font-size:12px;padding:8px 0;border-bottom:1px solid var(--line)}button:hover,a:hover{opacity:.6}:focus-visible{outline:1px solid var(--ink);outline-offset:6px}.skip{position:fixed;top:-100px;z-index:20;padding:15px;background:var(--paper)}.skip:focus{top:0}header{position:absolute;z-index:5;top:0;left:0;width:100%;display:flex;align-items:flex-start;justify-content:space-between;padding:30px 3.3vw;font-size:12px;line-height:1.4}.wordmark{font-size:17px;letter-spacing:-.6px}.wordmark span{display:block;font-size:12px;letter-spacing:0;color:var(--graphite);margin-top:5px}nav{display:flex;gap:32px}.edition{text-align:right;color:var(--graphite)}.journey{height:620vh}.stage{height:100svh;position:sticky;top:0;overflow:hidden}.hero-study{position:absolute;width:100%;height:100%;object-fit:cover;object-position:50% 50%;transition:opacity .6s}.chapter-caption{position:absolute;left:3.3vw;top:27%;pointer-events:none;transition:opacity .3s}.eyebrow,.section-label{font-size:12px;letter-spacing:.05em}.chapter-caption h1{font-weight:400;font-size:clamp(64px,8vw,150px);letter-spacing:-.075em;line-height:.95;margin:26px 0 15px}.chapter-caption p{font-size:18px;margin:0}.thesis{font-size:13px;line-height:1.5;margin-top:65px;color:var(--graphite)}#model{position:absolute;inset:0;opacity:0}.camera-cut{position:absolute;inset:0;background:var(--paper);opacity:0;pointer-events:none;z-index:2}.camera-index{position:absolute;right:3.3vw;top:27%;display:grid;grid-template-columns:auto 54px auto;align-items:center;gap:10px;font-size:11px;letter-spacing:.08em;color:var(--graphite);z-index:3}.camera-index i{display:block;height:1px;background:var(--line)}#model canvas{display:block;width:100%;height:100%;touch-action:pan-y;cursor:grab}#model canvas:active{cursor:grabbing}.assembly-note{position:absolute;top:28%;left:3.3vw;max-width:240px;opacity:0;pointer-events:none}.assembly-note span{font-size:12px}.assembly-note h2{font-weight:400;font-size:29px;letter-spacing:-1px;line-height:1.1}.assembly-note p{font-size:14px;line-height:1.55;color:var(--graphite)}.stage-bottom{position:absolute;bottom:30px;left:3.3vw;right:3.3vw;display:flex;justify-content:space-between;align-items:center;font-size:12px;gap:20px;pointer-events:none}.view-actions{display:flex;gap:20px;pointer-events:auto}.progress{height:1px;background:#d5d4cf;position:absolute;bottom:0;width:100%}.progress i{display:block;height:1px;background:var(--ink);width:0}.material{min-height:125svh;position:relative;isolation:isolate;overflow:hidden;padding:90px 3.3vw}.material>img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:-1}.material h2,.civic h2{font-size:clamp(55px,7vw,125px);font-weight:400;letter-spacing:-.065em;line-height:.98;margin:75px 0 0}.material-copy{max-width:285px;font-size:16px;line-height:1.55;margin-top:120px}.study-caption{position:absolute;right:3.3vw;bottom:35px;font-size:12px;color:var(--graphite)}.civic{padding:90px 3.3vw;min-height:100vh;background:var(--field)}.civic>p{max-width:380px;font-size:17px;line-height:1.55;margin:60px 0}footer{padding:35px 3.3vw;display:flex;justify-content:space-between;font-size:12px;border-top:1px solid var(--line)}@media(max-width:700px){header{padding:22px 6vw}nav{gap:13px}nav a{font-size:12px;max-width:55px}.edition{display:none}.wordmark span{max-width:120px}.chapter-caption{left:6vw;top:20%}.chapter-caption h1{font-size:70px}.hero-study{object-position:65% 50%}.thesis{margin-top:30px;max-width:145px}.stage-bottom{left:6vw;right:6vw;bottom:22px;flex-wrap:wrap}.stage-bottom>span:last-child{display:none}.assembly-note{left:6vw;top:15%;max-width:200px}.material{padding:65px 6vw;min-height:110svh}.material>img{object-position:60% 50%;opacity:.55}.material h2,.civic h2{font-size:64px}.material-copy{margin-top:60px;max-width:230px}.civic{padding:65px 6vw}footer{padding:30px 6vw;gap:25px;flex-wrap:wrap}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
.net-study{min-height:95svh;position:relative;padding:80px 3.3vw;background:var(--paper);overflow:hidden}.net-study>.section-label{position:relative;z-index:1}#net-view{position:absolute;inset:10% 0 10% 18%}.net-annotation{position:relative;max-width:230px;margin-top:150px;pointer-events:none}.net-annotation h3{font-size:16px;font-weight:400}.net-annotation p{font-size:16px;line-height:1.55}.net-annotation span{display:block;font-size:12px;line-height:1.6;color:var(--graphite);margin-top:35px}.net-uses{position:absolute;bottom:55px;right:8%;display:flex;gap:35px}.net-uses button[aria-pressed=true]{border-color:var(--ink)}.net-uses button[aria-pressed=false]{color:var(--graphite)}.civic{position:relative;min-height:120svh}.civic>p{max-width:330px}.cycle{position:absolute;right:3.3vw;top:30%;width:57%;height:300px}.cycle svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible;fill:none;stroke:var(--line);stroke-width:1}.cycle #cycle-path{stroke:var(--ink);stroke-dasharray:75 1600;animation:circulate 16s linear infinite}.cycle-steps{position:absolute;inset:0;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:1fr 1fr;align-items:center;gap:65px 15px;padding:20px 8%}.cycle-steps button{background:var(--field);border:0;justify-self:center;min-width:80px;padding:10px;font-size:14px;transition:opacity .2s}.cycle-steps button span{display:block;font-size:12px;margin-bottom:8px;color:var(--graphite)}.cycle-steps button[aria-pressed=false]{opacity:.5}.cycle-caption{position:absolute;right:8%;top:70%;width:42%;display:flex;gap:35px}.cycle-caption>span{font-size:12px;min-width:130px}.cycle-caption p{font-size:16px;line-height:1.5;margin:0;max-width:300px}.film-study{position:relative;min-height:95svh;padding:65px 3.3vw}.film-grid{display:grid;grid-template-columns:2fr 1fr;gap:1.5vw;margin-top:24px}.film-grid figure{margin:0}.film-grid .film-primary{grid-row:span 2}.film-grid video,.film-grid img{display:block;width:100%;height:100%;min-height:240px;object-fit:cover;mix-blend-mode:multiply;background:var(--field)}.film-grid figcaption{font-size:11px;letter-spacing:.06em;color:var(--graphite);margin-top:8px}.film-caption{display:flex;align-items:center;justify-content:space-between;font-size:12px;margin-top:25px}.drawing{display:grid;grid-template-columns:3fr 8fr;gap:8vw;padding:110px 3.3vw;align-items:center}.drawing h2{font-weight:400;font-size:clamp(40px,4vw,70px);line-height:1;letter-spacing:-.05em;margin:50px 0}.drawing p{font-size:16px;line-height:1.5;max-width:260px}.drawing a{font-size:13px}.drawing-image img{width:100%;mix-blend-mode:multiply;transition:transform .7s}.drawing-image:hover img{transform:scale(1.035)}.reveal{transition:opacity .8s}.reveal:not(.in-view){opacity:.65}@keyframes circulate{to{stroke-dashoffset:-1675}}@media(max-width:700px){.journey{height:480vh}.camera-index{top:30%;right:6vw;grid-template-columns:auto 30px auto}.net-study{padding:65px 6vw;min-height:105svh}#net-view{inset:25% -15% 10% -15%}.net-annotation{margin-top:35px;max-width:230px}.net-annotation p{font-size:14px}.net-annotation span{margin-top:15px}.net-uses{right:6vw;left:6vw;justify-content:space-between;bottom:35px}.civic{min-height:1200px}.cycle{top:auto;bottom:230px;width:94%;right:3%;height:240px}.cycle-steps{gap:45px 0;padding:12px 4%}.cycle-steps button{font-size:12px;min-width:65px}.cycle-caption{top:auto;bottom:80px;left:6vw;right:6vw;width:auto;flex-direction:column;gap:20px}.film-study{padding:60px 6vw;min-height:auto}.film-grid{grid-template-columns:1fr;gap:25px}.film-grid .film-primary{grid-row:auto}.film-grid video,.film-grid img{min-height:300px;aspect-ratio:16/9;object-position:65%}.drawing{grid-template-columns:1fr;padding:80px 6vw;gap:45px}.drawing h2{font-size:48px}.drawing p{max-width:300px}}@media(prefers-reduced-motion:reduce){.cycle #cycle-path{animation:none}.reveal{opacity:1!important}}
#net-view img{width:100%;height:100%;object-fit:cover;mix-blend-mode:multiply;opacity:.72}.hero-study{object-position:center 58%}@media(max-width:700px){header{background:linear-gradient(#f2f1ed 0 72%,transparent)}header nav a{min-height:40px;display:inline-flex;align-items:center}.chapter-caption{top:18%}.hero-study{filter:brightness(.58) saturate(.72)}.chapter-caption,.stage-bottom,.camera-index{color:#f2f1ed}.chapter-caption h1{font-size:clamp(52px,18vw,70px)}}.chapter-caption{color:#f2f1ed;text-shadow:0 1px 18px rgba(0,0,0,.18)}.stage-bottom{color:#f2f1ed}.film-grid img{aspect-ratio:16/9}