*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#030707;color:#edf4f2;font-family:'DM Sans',sans-serif}a{color:inherit;text-decoration:none}button{font:inherit}::selection{background:#72e6d7;color:#000}.mono,.eyebrow,h1,.pinwi-project{font-family:'Space Mono',monospace}.pinwi-project{font-size:25px;font-weight:700}.eyebrow{font-size:11px;letter-spacing:.13em;text-transform:uppercase;color:#94b3ae;line-height:1.8}h1,h2,h3,p{margin-top:0}h2{font-size:clamp(38px,5vw,76px);font-weight:400;letter-spacing:-.055em;line-height:1.06}p{font-size:18px;line-height:1.7;color:#a8bab5}em{font-style:normal;color:#78e4d3}.hero{height:calc(100svh - 78px);min-height:670px;margin-top:78px;position:relative;overflow:hidden;padding:50px 5%}.hero-image{position:absolute;width:100%;height:100%;inset:0;object-fit:cover;object-position:center 62%;opacity:.85}.hero:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#03070730,transparent 40%,#030707)}.hero-copy{position:relative;z-index:1;display:grid;grid-template-columns:1fr 1fr;align-items:end}.hero h1{font-size:clamp(100px,19vw,270px);letter-spacing:-.095em;line-height:1;margin:0 0 20px -10px;font-weight:400}.hero .intro{max-width:370px;justify-self:end;margin-bottom:20px}.hero .intro p{font-size:22px;color:#e0eee9;line-height:1.4}.hero-bottom{position:absolute;bottom:35px;left:5%;right:5%;z-index:2;display:flex;justify-content:space-between;font-size:11px;letter-spacing:.12em}.hero-bottom a{border-bottom:1px solid #70decd;padding-bottom:10px}.section{padding:130px 6%}.lead{display:grid;grid-template-columns:1fr 2fr;gap:8%;border-top:1px solid #23403a}.lead h2{max-width:920px}.lead p{max-width:650px}.story{height:340vh}.story-sticky{position:sticky;top:78px;height:calc(100svh - 78px);min-height:530px;display:grid;grid-template-columns:40% 60%;align-items:center;overflow:hidden;padding:5%}.story-copy{position:relative;height:330px;z-index:2}.story-copy article{position:absolute;inset:0;opacity:0;transform:translateY(25px);transition:opacity .6s,transform .6s;pointer-events:none}.story-copy article.active{opacity:1;transform:none}.story-copy h2{font-size:clamp(35px,4.2vw,64px)}.story-copy p{max-width:370px}.story-photos{position:relative;height:100%;min-height:400px}.story-photos img{position:absolute;width:100%;height:100%;object-fit:contain;opacity:0;transform:scale(.96);transition:opacity .8s,transform 1s}.story-photos img.active{opacity:1;transform:scale(1)}.progress{position:absolute;bottom:24px;left:5%;right:5%;height:1px;background:#18342e}.progress span{display:block;height:2px;background:#75e1d1;transform-origin:left;transform:scaleX(var(--progress,0))}.math{background:#0b1512;display:grid;grid-template-columns:1fr 1fr;gap:6%;align-items:center}.math canvas{width:100%;aspect-ratio:1;touch-action:pan-y}.math p{max-width:520px}.facts{display:flex;gap:45px;margin:40px 0}.facts strong{display:block;font:32px 'Space Mono',monospace;color:#d7ede6}.facts span{font-size:12px;color:#8ca69c}.diagram-note{font-size:12px;color:#98b3a8}.assembly{display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:center}.assembly img{width:100%;height:680px;object-fit:contain}.parts{counter-reset:parts}.parts article{padding:22px 0;border-top:1px solid #26443a}.parts h3{font-size:22px;font-weight:400}.parts h3:before{counter-increment:parts;content:'0' counter(parts) ' / ';font:12px 'Space Mono',monospace;color:#74d9c5}.parts p{font-size:16px;margin:0}.frame{display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:center;background:#09110e}.frame img{width:100%;max-height:420px;object-fit:contain}.making-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:45px}.making-heading p{max-width:420px}.making-grid{display:grid;grid-template-columns:1fr 1fr 1.2fr;gap:24px}.making-grid figure{margin:0}.making-grid img{width:100%;height:400px;object-fit:contain;background:#080d0b}.making-grid figcaption{font-size:13px;color:#96aaa2;margin-top:18px}.full-photo{position:relative;height:85vh;min-height:500px;display:flex;align-items:flex-end;padding:6%}.full-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:#000}.full-photo h2{position:relative;max-width:550px;font-size:clamp(40px,5vw,72px);text-shadow:0 2px 30px #000}.end{padding:90px 6%;display:flex;justify-content:space-between;gap:35px;align-items:center;border-top:1px solid #26392f}.end h2{font-size:40px;margin-bottom:20px}.text-link{display:inline-block;border-bottom:1px solid #82b7a8;padding:12px 0;font-size:14px}.reveal{opacity:0;transform:translateY(35px);transition:opacity .9s,transform .9s}.reveal.visible{opacity:1;transform:none}:focus-visible{outline:2px solid #81efcf;outline-offset:6px}
@media(max-width:700px){.hero{margin-top:104px;height:calc(100svh - 104px);min-height:600px;padding:30px 5%}.hero-copy{display:block}.hero h1{font-size:29vw;margin-left:-5px}.hero .intro{max-width:270px}.hero .intro p{font-size:19px}.hero-image{object-position:58% 70%}.hero-bottom{font-size:9px;gap:20px}.section{padding:80px 6%}.lead,.math,.assembly,.frame{grid-template-columns:1fr;gap:35px}.story-sticky{top:104px;height:calc(100svh - 104px);display:flex;flex-direction:column;align-items:stretch;padding:35px 6%}.story-copy{height:245px;flex-shrink:0}.story-copy h2{font-size:38px}.story-copy p{font-size:16px}.story-photos{height:45%;min-height:230px}.assembly img{height:440px}.making-heading{display:block}.making-grid{grid-template-columns:1fr}.making-grid img{height:380px}.full-photo{height:650px}.full-photo h2{font-size:43px}.end{display:block}.end>a{margin-top:35px}.facts{gap:30px}.hero .eyebrow{font-size:9px}.pinwi-project{font-size:22px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}.reveal{opacity:1;transform:none}}