body{background:#000;color:#f1f1f1;font-family:'Space Mono',monospace}p{color:#ccc;font-size:15px;line-height:1.65}h2{font-family:'Space Mono',monospace;font-size:clamp(30px,3vw,46px);letter-spacing:0;line-height:1.2}em{color:#00d5dc}.mono,.eyebrow,h1,.pinwi-project{font-family:'Space Mono',monospace}.eyebrow{color:#aaa;font-size:11px;letter-spacing:.015em}.pinwi-project{font-weight:400;text-shadow:0 0 5px #ffffff60}.section{position:relative;padding:110px 5% 90px;background:#000;border:0}.section-band{position:absolute;top:20px;left:2%;right:2%;height:18px;border:1px solid #888;clip-path:polygon(10px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 9px)}.section-band:before{content:'';position:absolute;inset:3px 38% 3px 3px;background:#929292}.section-band span{position:absolute;top:17px;left:40%;min-width:180px;padding:10px 32px;background:#aaa;color:#000;text-align:center;font:18px 'Space Mono',monospace;clip-path:polygon(0 0,100% 0,calc(100% - 24px) 100%,24px 100%)}.section-band{overflow:visible;clip-path:none;border-radius:0}.lead{grid-template-columns:1fr 2fr}.lead h2{font-size:clamp(30px,3.6vw,54px)}.lead p{max-width:780px}.lead>.eyebrow{margin-top:12px}.math,.frame{background:#000}.math canvas{border:0}.facts strong{font:30px 'Space Mono',monospace;color:#00d5dc}.facts span,.diagram-note{color:#aaa}.diagram-note{font-size:11px}.story-copy h2{font-size:clamp(30px,3.4vw,48px)}.story-copy p{font-size:14px;max-width:390px}.story-photos{clip-path:polygon(28px 0,100% 0,100% calc(100% - 28px),calc(100% - 28px) 100%,0 100%,0 28px)}.story-sticky{background:#000}.story-photos img{object-fit:contain;background:#000}.progress{background:#333}.progress span{background:#00d5dc}.text-link{border-color:#00d5dc}.end{background:#000;border-color:#777}.end h2{font-size:32px}.full-photo h2{font-size:clamp(32px,4vw,55px)}
.opening{position:relative;margin-top:78px;height:300vh;background:#000}.opening-sticky{height:calc(100svh - 78px);min-height:640px;position:sticky;top:78px;overflow:hidden;display:grid;grid-template-columns:38% 62%;align-items:center;padding:4% 5%;isolation:isolate}.opening-pattern{position:absolute;inset:0;background:url('assets/pinwi-pattern.svg') center/460px;opacity:calc(.5 - var(--explosion,0)*.35);z-index:-2;mask-image:linear-gradient(90deg,#000,transparent 68%)}.opening-copy{position:relative;z-index:2;opacity:var(--opening-opacity,1);transform:translateY(calc(var(--explosion,0)*-25px));pointer-events:none}.opening-copy h1{font-size:clamp(100px,10.7vw,170px);font-weight:400;letter-spacing:0;line-height:1.05;text-shadow:0 0 8px #fff8,0 0 20px #fff4;margin:0 0 25px -6px}.opening-tagline{font-size:clamp(19px,2vw,29px);color:#fff;max-width:420px;line-height:1.45}.opening-details{display:grid;gap:12px;max-width:350px;margin-top:30px}.tech-panel{position:relative;padding:13px 20px;background:#000;border:1px solid #858585;clip-path:polygon(16px 0,100% 0,100% calc(100% - 16px),calc(100% - 16px) 100%,0 100%,0 16px);box-shadow:inset 0 0 7px #aaa7}.tech-panel small{display:block;text-align:right;font-size:9px;color:#bbb;margin-bottom:10px}.tech-panel span{font-size:13px;line-height:1.5}.opening-model{height:100%;min-height:450px;position:relative;z-index:1;grid-column:2;grid-row:1}#model-canvas{width:100%;height:100%;cursor:grab}#model-canvas:active{cursor:grabbing}#model-canvas canvas{display:block;touch-action:pan-y}.model-hint{position:absolute;top:15px;right:0;color:#999;font-size:10px;pointer-events:none}.model-status{position:absolute;left:10%;right:10%;top:48%;text-align:center;color:#aaa;font-size:12px}#model-status[hidden]{display:none}.opening-footer{position:absolute;bottom:25px;left:5%;right:5%;display:flex;justify-content:space-between;align-items:center;font-size:10px;color:#bbb;gap:20px}.opening-track{height:1px;background:#444;width:180px}.opening-track span{display:block;height:2px;background:#00d5dc;transform-origin:left;transform:scaleX(var(--explosion,0))}.opening-description{position:absolute;top:30px;right:5%;font-size:12px;color:#00d5dc;opacity:var(--explosion,0)}
.assembly{display:block}.assembly-heading{margin-bottom:40px;max-width:600px}.assembly-heading h2{margin:12px 0 15px}.technical-stage{position:relative;width:100%;aspect-ratio:1.5;max-width:1250px;margin:auto}.technical-stage>img{position:absolute;left:0;top:0;width:48%;height:100%;object-fit:contain;filter:drop-shadow(0 0 2px #ddd3)}.technical-lines{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}.technical-lines path,.technical-lines rect{fill:none;stroke:#00d5dc;stroke-width:1.2;vector-effect:non-scaling-stroke}.technical-lines circle{fill:#00d5dc}.technical-callout{position:absolute;left:61%;width:37%;padding:20px 24px}.technical-callout h3{font-size:16px;margin-bottom:10px;font-weight:400;color:#fff}.technical-callout h3:before{content:attr(data-number) ' / ';color:#00d5dc}.technical-callout p{font-size:12px;margin:0;line-height:1.6}.technical-callout:nth-of-type(1){top:7%}.technical-callout:nth-of-type(2){top:39%}.technical-callout:nth-of-type(3){top:72%}.assembly-spec{font-size:11px;margin-top:25px;color:#00d5dc}.frame p{max-width:600px}.frame img{filter:drop-shadow(0 0 3px #fff4)}.making-heading p{font-size:14px}.making-grid{grid-template-columns:repeat(3,1fr);gap:30px}.making-grid figure{min-width:0}.construction-photo{position:relative;background:#fff;padding:1px;clip-path:polygon(26px 0,100% 0,100% calc(100% - 26px),calc(100% - 26px) 100%,0 100%,0 26px);aspect-ratio:3/4}.construction-photo img{display:block;width:100%;height:100%;object-fit:cover;background:#000;clip-path:polygon(26px 0,100% 0,100% calc(100% - 26px),calc(100% - 26px) 100%,0 100%,0 26px)}.making-grid figure:last-child .construction-photo img{object-fit:contain}.making-grid figcaption{font-size:11px;color:#ddd;border:0;line-height:1.6}.making-grid figcaption:before{content:'› ';color:#00d5dc}.making-heading h2{font-size:clamp(30px,3vw,46px)}
@media(min-width:1600px){.opening-model{margin-left:-5%;width:110%}}
@media(max-width:700px){.section{padding:110px 6% 70px}.section-band span{left:24%;min-width:165px;font-size:15px;padding:9px 25px}.opening{margin-top:104px;height:260vh}.opening-sticky{top:104px;height:calc(100svh - 104px);min-height:600px;display:flex;flex-direction:column;align-items:stretch;padding:25px 5% 45px}.opening-pattern{background-size:290px;mask-image:linear-gradient(#000,transparent 65%)}.opening-copy{position:absolute;top:28px;left:5%;right:5%}.opening-copy h1{font-size:22vw;line-height:1;margin-bottom:10px}.opening-tagline{font-size:16px;max-width:330px;margin-bottom:0}.opening-details{margin-top:15px;display:flex;gap:10px;max-width:none}.opening-details .tech-panel{padding:10px 12px;flex:1}.opening-details .tech-panel small{font-size:8px;margin-bottom:5px}.opening-details .tech-panel span{font-size:9px}.opening-model{height:65%;min-height:340px;margin-top:auto;margin-bottom:10px}.model-hint{top:auto;bottom:0;right:0;font-size:8px}.opening-footer{font-size:8px;gap:12px;bottom:16px}.opening-track{width:70px}.opening-description{font-size:10px;top:25px;left:5%}.story-copy{height:260px}.story-copy h2{font-size:30px}.story-copy p{font-size:13px}.story-photos{min-height:220px}.math p{font-size:14px}.assembly-heading h2{font-size:32px}.technical-stage{aspect-ratio:auto;height:1040px}.technical-stage>img{top:0;left:4%;width:92%;height:480px}.technical-lines{height:480px}.technical-lines path{display:none}.technical-lines circle,.technical-lines rect{display:none}.technical-callout{left:0;width:100%;padding:18px 24px}.technical-callout:nth-of-type(1){top:500px}.technical-callout:nth-of-type(2){top:675px}.technical-callout:nth-of-type(3){top:850px}.technical-callout:before{content:attr(data-number);position:absolute;left:10px;top:16px;color:#00d5dc;font-size:10px}.technical-callout h3{font-size:15px;margin-left:8px}.technical-callout h3:before{content:''}.technical-callout p{font-size:12px}.making-grid{grid-template-columns:1fr;gap:35px}.construction-photo{max-height:600px}.making-grid img{height:100%}.frame p{font-size:14px}.end h2{font-size:27px}}
@media(prefers-reduced-motion:reduce){.opening-copy{transform:none}.opening-track span{transition:none}}
.opening-model{transform:translateX(calc(var(--explosion,0)*-18vw))}.technical-mark{display:none}@media(max-width:700px){.opening-model{transform:none}.technical-mark{display:block;position:absolute;background:#000;border:1px solid #00d5dc;color:#00d5dc;font-size:11px;padding:5px}.mark-1{top:130px;left:65%}.mark-2{top:240px;left:68%}.mark-3{top:380px;left:57%}}

.making-grid figure:last-child .construction-photo img{object-fit:cover}
.photo-opening{font-family:'DM Sans',sans-serif}.photo-opening h1{font-family:'Space Mono',monospace;text-shadow:none;letter-spacing:-.095em;font-size:clamp(100px,19vw,270px)}.photo-opening .intro p{font-family:'DM Sans',sans-serif}.photo-opening .hero-copy{align-items:end}.model-section{margin-top:0;height:260vh}.model-section .opening-sticky{display:block;min-height:500px;padding:45px 5% 65px}.model-section .opening-model{height:100%;min-height:0;max-width:1050px;width:100%;margin:0 auto;transform:none}.model-section .opening-description{opacity:1;left:5%;right:auto;top:24px;color:#bbb}.model-section .model-hint{top:0;right:0}.model-section .opening-footer{bottom:25px}.model-section .opening-track{width:180px}.section-band{display:none}
.math-scroll{display:block;height:280vh;padding:0;background:#000}.math-sticky{position:sticky;top:78px;height:calc(100svh - 78px);min-height:570px;display:grid;grid-template-columns:1fr 1fr;gap:6%;align-items:center;padding:60px 6%;overflow:hidden}.math-sticky>div{min-width:0}.math-scroll canvas{max-height:65vh;display:block;max-width:100%;width:100%;aspect-ratio:1}.math-scroll .diagram-note{font-size:11px;max-width:100%}
.technical-callout:nth-of-type(1){top:5%}.technical-callout:nth-of-type(2){top:29%}.technical-callout:nth-of-type(3){top:54%}.technical-callout:nth-of-type(4){top:78%}.technical-callout{padding:16px 22px}.technical-callout p{font-size:12px}.technical-stage{aspect-ratio:1.4}.technical-stage>img{height:100%}
.closing-story{height:640vh;position:relative;background:#000}.closing-sticky{position:sticky;top:78px;height:calc(100svh - 78px);min-height:600px;padding:65px 6%;display:grid;grid-template-columns:38% 62%;gap:2%;align-items:center;overflow:hidden}.closing-copy{height:290px;position:relative;z-index:2}.closing-copy-panel{position:absolute;inset:0;opacity:0;pointer-events:none;transform:translateY(20px)}.closing-copy-panel.active{pointer-events:auto}.closing-copy-panel h2{font-size:clamp(30px,3.6vw,52px);margin:15px 0 25px}.closing-copy-panel p{font-size:14px;max-width:400px}.closing-visual{position:relative;height:100%;min-height:350px;margin-left:25px}.closing-photo{position:absolute;inset:0;margin:0;opacity:0;transform:translateY(25px) scale(.97);will-change:transform,opacity}.closing-photo img{width:100%;height:100%;object-fit:contain;background:#000;clip-path:polygon(24px 0,100% 0,100% calc(100% - 24px),calc(100% - 24px) 100%,0 100%,0 24px)}.closing-photo.sketch-photo img{clip-path:none}.closing-footer{position:absolute;bottom:25px;left:6%;right:6%;display:flex;justify-content:space-between;align-items:center;gap:25px;font-size:10px;color:#aaa}.closing-progress{width:180px;height:1px;background:#444}.closing-progress span{display:block;height:2px;background:#00d5dc;transform-origin:left;transform:scaleX(var(--closing-progress,0))}
@media(max-width:700px){.photo-opening h1{font-size:29vw}.photo-opening .intro{margin-top:30px}.model-section{height:250vh;margin-top:0}.model-section .opening-sticky{top:104px;height:calc(100svh - 104px);min-height:480px;padding:50px 5% 55px}.model-section .opening-model{height:100%;min-height:0;margin:0;width:100%}.model-section .model-hint{top:auto;bottom:0;font-size:8px}.model-section .opening-description{font-size:10px}.model-section .opening-footer{bottom:20px}.model-section .opening-track{width:70px}.math-sticky{top:104px;height:calc(100svh - 104px);min-height:620px;display:flex;flex-direction:column;justify-content:center;align-items:stretch;gap:10px;padding:30px 6%}.math-sticky h2{font-size:29px;margin:10px 0 15px}.math-sticky p{font-size:12px;margin-bottom:10px}.math-sticky .facts{gap:30px;margin:12px 0}.math-sticky .facts strong{font-size:23px}.math-scroll canvas{width:min(100%,36vh);max-height:36vh;margin:auto}.math-scroll .diagram-note{text-align:center;font-size:9px}.technical-stage{height:1190px;aspect-ratio:auto}.technical-callout:nth-of-type(1){top:480px}.technical-callout:nth-of-type(2){top:655px}.technical-callout:nth-of-type(3){top:830px}.technical-callout:nth-of-type(4){top:1005px}.technical-stage>img{height:460px}.mark-1{top:130px;left:70%}.mark-2{top:210px;left:54%}.mark-3{top:330px;left:70%}.mark-4{top:400px;left:58%}.closing-sticky{top:104px;height:calc(100svh - 104px);min-height:570px;display:flex;flex-direction:column;align-items:stretch;padding:35px 6% 55px;gap:0}.closing-copy{height:215px;flex-shrink:0}.closing-copy-panel h2{font-size:29px;margin:12px 0 15px}.closing-copy-panel p{font-size:12px;max-width:350px}.closing-visual{margin:0;height:calc(100% - 215px);min-height:280px}.closing-footer{font-size:8px;gap:12px;bottom:20px}.closing-progress{width:65px}.closing-photo img{clip-path:polygon(18px 0,100% 0,100% calc(100% - 18px),calc(100% - 18px) 100%,0 100%,0 18px)}}
.photo-opening h1{font-family:'Space Mono',monospace;letter-spacing:0;font-size:clamp(100px,16vw,240px);font-weight:400;text-shadow:0 0 6px #ffffff50}.math-scroll canvas{width:min(100%,60svh);height:auto;max-height:none;max-width:100%;aspect-ratio:1;margin:0 auto}
.assembly{height:400vh;padding:0}.assembly-sticky{position:sticky;top:78px;height:calc(100svh - 78px);min-height:540px;padding:30px 5% 35px;overflow:hidden}.assembly-heading{margin:0 0 12px}.assembly-heading h2{font-size:31px;line-height:1.15;margin:8px 0 0}.assembly-heading h2 br{display:none}.technical-stage{width:min(100%,calc((100svh - 250px)*1.4));height:auto;aspect-ratio:1.4;margin:auto}.assembly .technical-callout:nth-of-type(n){top:40%;bottom:auto;left:61%;width:37%;padding:16px 20px;opacity:0;pointer-events:none}.assembly .technical-callout.active{pointer-events:auto}.assembly .technical-callout h3{font-size:15px}.assembly .technical-callout p{font-size:12px}.callout-leader{opacity:0}.callout-leader path{stroke-dasharray:1000;stroke-dashoffset:1000}.assembly-spec{position:absolute;bottom:15px;left:5%;margin:0;font-size:10px}.technical-stage>img{height:100%;width:48%;left:0;top:0}.assembly .technical-mark{display:none}
.frame{height:250vh;padding:0;display:block}.sketch-sticky{position:sticky;top:78px;height:calc(100svh - 78px);min-height:540px;padding:65px 6%;display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:center;overflow:hidden}.sketch-sticky h2{font-size:clamp(30px,3vw,46px)}.sketch-sticky p{font-size:14px;max-width:600px}.sketch-visual{position:relative;width:100%;height:100%;max-height:550px;min-height:350px}.frame .sketch-visual img{position:absolute;inset:0;width:100%;height:100%;max-height:none;object-fit:contain;opacity:0;filter:drop-shadow(0 0 3px #fff3);transform:translateY(20px)}
.making{height:310vh;padding:0}.making-sticky{position:sticky;top:78px;height:calc(100svh - 78px);min-height:590px;padding:45px 5% 35px;overflow:hidden}.making-heading{margin-bottom:30px;gap:40px}.making-heading h2{font-size:clamp(29px,3vw,44px);margin-bottom:0}.making-heading p{font-size:13px;margin-bottom:0;max-width:400px}.making-grid{gap:25px;grid-template-columns:repeat(3,minmax(0,1fr))}.making-grid figure{opacity:0;transform:translateY(70px)}.making-grid .construction-photo{height:min(52svh,540px);aspect-ratio:auto;max-height:none;overflow:hidden}.making-grid .construction-photo img{height:100%;object-fit:cover}.making-grid figure:last-child .construction-photo img{object-fit:cover}.making-grid figcaption{font-size:10px;margin-top:12px}
.full-photo{height:170vh;min-height:0;padding:0;display:block}.final-sticky{position:sticky;top:78px;height:calc(100svh - 78px);overflow:hidden;padding:6%;display:flex;align-items:flex-end}.full-photo img{opacity:0;transform:scale(1.06)}.full-photo h2{max-width:620px;z-index:2;margin-bottom:0;opacity:0;transform:translateY(40px)}
@media(max-width:700px){.photo-opening h1{font-size:27vw}.math-scroll canvas{width:min(100%,36svh);height:auto;max-height:none}.assembly-sticky{top:104px;height:calc(100svh - 104px);min-height:590px;padding:25px 6% 35px}.assembly-heading h2{font-size:26px;margin-top:10px}.technical-stage{width:100%;height:calc(100% - 85px);aspect-ratio:auto}.technical-stage>img{width:100%;height:calc(100% - 170px);left:0;top:0}.technical-lines{height:calc(100% - 170px)}.assembly .technical-callout:nth-of-type(n){top:auto;bottom:10px;left:0;width:100%;padding:18px 22px;min-height:130px}.assembly .technical-callout h3{margin-left:8px;font-size:15px}.assembly .technical-callout h3:before{content:attr(data-number) ' / ';color:#00d5dc}.assembly .technical-callout:before{content:none}.assembly .technical-callout p{font-size:12px}.assembly .technical-mark{display:block;opacity:0;padding:4px;font-size:10px}.assembly .mark-1{top:16%;left:75%}.assembly .mark-2{top:31%;left:59%}.assembly .mark-3{top:46%;left:73%}.assembly .mark-4{top:60%;left:61%}.assembly-spec{font-size:9px;bottom:15px;left:6%}.sketch-sticky{top:104px;height:calc(100svh - 104px);min-height:600px;display:flex;flex-direction:column;gap:15px;padding:30px 6% 35px;align-items:stretch;justify-content:center}.sketch-sticky h2{font-size:29px;margin:12px 0 15px}.sketch-sticky p{font-size:12px;margin-bottom:0}.sketch-visual{height:45%;min-height:290px;max-height:none}.making{height:380vh}.making-sticky{top:104px;height:calc(100svh - 104px);min-height:630px;padding:30px 6% 40px}.making-heading{display:block;margin-bottom:25px}.making-heading h2{font-size:29px;margin:12px 0 15px}.making-heading p{font-size:12px;max-width:350px}.making-grid{display:block;position:relative;height:calc(100% - 230px);min-height:330px}.making-grid figure{position:absolute;inset:0;margin:0;pointer-events:none}.making-grid .construction-photo{height:calc(100% - 42px);min-height:280px;width:100%;aspect-ratio:auto}.making-grid .construction-photo img{object-fit:contain!important;background:#000}.making-grid figcaption{font-size:10px}.final-sticky{top:104px;height:calc(100svh - 104px)}.full-photo h2{font-size:32px}}
@media(min-width:701px) and (max-height:720px){.assembly-sticky{padding-top:20px;min-height:0}.assembly-heading h2{font-size:25px}.technical-stage{width:min(100%,calc((100svh - 215px)*1.4))}.assembly .technical-callout p{font-size:10px}.assembly .technical-callout h3{font-size:12px}.assembly .technical-callout:nth-of-type(n){padding:12px 15px}.making-sticky{min-height:0;padding-top:25px}.making-heading{margin-bottom:20px}.making-heading h2{font-size:26px}.making-heading p{font-size:11px}.making-grid .construction-photo{height:48svh}.making-grid figcaption{font-size:9px}.sketch-sticky{min-height:0;padding:35px 6%}.sketch-visual{min-height:250px}}
@media(min-width:701px) and (max-height:720px){.math-sticky{min-height:0;padding:25px 6%}.math-sticky h2{font-size:27px;margin:12px 0 18px}.math-sticky p{font-size:12px}.math-sticky .facts{margin:20px 0}.math-sticky .facts strong{font-size:24px}.math-scroll canvas{width:min(100%,55svh)}}
@media(min-width:701px){.making-grid figure{width:min(100%,39svh,405px);justify-self:center}.making-grid .construction-photo{height:auto;aspect-ratio:3/4}}@media(min-width:701px) and (max-height:720px){.making-grid figure{width:min(100%,36svh)}}
@media(max-width:700px){.making-grid figure{display:flex;flex-direction:column;align-items:center}.making-grid .construction-photo{width:auto;max-width:100%;height:calc(100% - 42px);aspect-ratio:3/4;flex:none}.making-grid figcaption{max-width:100%}}