@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--background:#fcfcfc;--surface:#efefeb;--text:#252522;--line:#d8d8d1}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;color:var(--text);background:var(--background);font-family:Manrope,Helvetica,sans-serif}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button,a,input,textarea{outline-offset:5px}header{height:88px;padding:0 4.5%;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);background:var(--background);position:relative;z-index:5}.logo{font-size:24px;font-weight:800;letter-spacing:-1.5px}.logo span{font-size:12px;vertical-align:top;margin-left:5px}nav{display:flex;gap:38px;font-size:13px}nav a:hover,.text-link:hover{color:#777}.print-story{height:220vh;position:relative}.sticky{position:sticky;top:0;height:100vh;min-height:670px;display:grid;grid-template-columns:44% 56%;padding:7vh 4.5% 60px;overflow:hidden}.hero-copy{z-index:1;align-self:center;padding-bottom:60px}h1{font-size:clamp(58px,6.7vw,108px);line-height:1.02;letter-spacing:-.075em;margin:0 0 32px;font-weight:500}h1 span{color:#91918a}.hero-copy p{font-size:18px;line-height:1.6;margin-bottom:32px}.button{display:inline-flex;justify-content:space-between;gap:35px;border:1px solid #292926;background:#292926;color:white;padding:18px 22px;border-radius:6px;font-size:13px;cursor:pointer}.button:hover{background:#4a4a44}.scroll-note{font-size:11px;color:#777;margin-top:50px}.machine{align-self:center;position:relative;min-width:0}canvas{width:100%;display:block}#printer{height:65vh;max-height:700px;min-height:400px}.machine-meta,.machine-caption{display:flex;justify-content:space-between;font-size:10px;letter-spacing:.08em}.machine-meta #percentage{font-size:24px;letter-spacing:-1px}.machine-meta{align-items:center}.track{height:2px;background:#deded8;margin:12px 0}#bar{height:100%;width:0;background:#353530}.machine-caption{color:#777;letter-spacing:0}.hero-bottom{position:absolute;bottom:24px;left:4.5%;right:4.5%;display:flex;justify-content:space-between;font-size:11px;color:#777;border-top:1px solid var(--line);padding-top:18px}.intro,.objects{padding:100px 7%;border-top:1px solid var(--line)}.section-index{font-size:12px;color:#777;margin-bottom:42px}h2{font-size:clamp(36px,4.6vw,70px);font-weight:500;line-height:1.1;letter-spacing:-.055em;margin:0}.intro-bottom{display:grid;grid-template-columns:1fr 1fr;gap:10%;margin:40px 0 64px 35%;font-size:15px;line-height:1.8}.intro-bottom p{margin:0}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}.steps article{border-top:1px solid var(--line);padding-top:22px}.steps span{font-size:12px;color:#888}h3{font-size:21px;font-weight:500;letter-spacing:-.04em}.steps p{max-width:290px;font-size:13px;line-height:1.8;color:#777}.objects{background:var(--surface)}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:30px}.section-heading p{font-size:13px;line-height:1.8;color:#777}.playground{display:grid;grid-template-columns:62% 38%;margin-top:50px;border-top:1px solid #d0d0c8;border-bottom:1px solid #d0d0c8}.object-view{position:relative;min-width:0;border-right:1px solid #d0d0c8}#object{height:490px;touch-action:pan-y;cursor:grab}.view-label,.drag-label{position:absolute;bottom:20px;font-size:10px;color:#777}.view-label{left:0}.drag-label{right:24px}.controls{padding:44px 0 30px 50px}.controls h3{font-size:30px;margin:0 0 20px}.controls p{font-size:13px;line-height:1.8;color:#666}.options{display:flex;gap:8px;margin:32px 0}.options button{background:transparent;padding:10px 14px;border:1px solid #c6c6bd;border-radius:6px;cursor:pointer;font-size:12px}.options button.selected{background:#292926;color:#fff;border-color:#292926}.controls label{font-size:12px}.swatches{display:flex;gap:12px;margin-top:16px}.swatches button{width:28px;height:28px;border-radius:50%;border:3px solid var(--surface);background:var(--swatch);cursor:pointer}.swatches .selected{outline:1px solid #777}.object-note{font-size:11px;line-height:1.8;color:#888;margin:32px 0}.text-link{font-size:13px;border-bottom:1px solid #777;padding-bottom:6px}.contact{padding:100px 7%;display:grid;grid-template-columns:1fr 1fr;gap:10%;background:#292926;color:#f4f4ee}.contact .section-index{color:#aaa}.contact p{font-size:14px;color:#bcbcb4}form{display:flex;flex-direction:column;gap:12px}form label{font-size:12px}input,textarea{width:100%;background:transparent;border:0;border-bottom:1px solid #66665e;color:#fff;padding:10px 0 18px;margin-bottom:12px;border-radius:0}textarea{min-height:100px;resize:vertical}form .button{background:#eeeee7;color:#292926;margin-top:10px}form .form-note{font-size:11px;line-height:1.7}#formResult{line-height:1.7}footer{padding:32px 4.5%;display:flex;align-items:center;justify-content:space-between}footer span,footer>a:last-child{font-size:12px}@media(max-width:760px){header{height:70px}.logo{font-size:20px}nav{gap:16px}nav a:not(:last-child){display:none}.sticky{grid-template-columns:1fr;padding-top:35px;min-height:730px;grid-template-rows:auto 1fr;height:100svh}.hero-copy{padding-bottom:0;align-self:start}h1{font-size:57px;margin-bottom:16px}.hero-copy p{font-size:13px;margin:0 0 18px}.hero-copy .button{padding:12px 16px}.scroll-note{position:absolute;bottom:70px;margin:0;font-size:10px}.machine{align-self:start;margin-top:-15px;margin-left:15%;width:85%}#printer{height:35vh;min-height:270px}.hero-bottom span:last-child{display:none}.hero-bottom{font-size:10px}.machine-caption span:last-child{display:none}.intro,.objects,.contact{padding:64px 6%}.intro-bottom{margin:32px 0;gap:24px;font-size:13px}.steps{gap:20px}.steps h3{font-size:17px}.steps p{font-size:11px}.section-heading{display:block}.playground{grid-template-columns:1fr}.object-view{border-right:0;border-bottom:1px solid #d0d0c8}#object{height:350px}.controls{padding:32px 0}.contact{grid-template-columns:1fr;gap:32px}footer{gap:20px}footer span{display:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}