:root{color-scheme:dark;--paper:#f4efe3;--muted:#a7a69f;--line:#ffffff24;--p:0}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:80px}body{margin:0;background:#111512;color:var(--paper);font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}a:focus-visible{outline:3px solid #e3bf77;outline-offset:8px}header{padding:26px 5vw;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line)}.home{font-size:21px;letter-spacing:3px;font-weight:700}.home b{color:#dfbd7a}.home span{display:block;font-size:8px;letter-spacing:2px;margin-top:8px;color:var(--muted)}.skip{font-size:12px}.skip span{margin-left:20px}.intro{padding:85px 7vw 65px;max-width:1400px;margin:auto}.eyebrow{font-size:10px;letter-spacing:3px;color:#d9bc87;font-weight:bold}h1{font-size:clamp(52px,7.5vw,108px);font-weight:500;letter-spacing:-5px;line-height:1.02;margin:26px 0}h1 em{font-family:Georgia,serif;font-weight:400;color:#d9bc87}.intro>p:not(.eyebrow),.creators>p:not(.eyebrow){color:var(--muted);font-size:16px;line-height:1.7}.scroll{display:inline-flex;gap:40px;font-size:11px;margin-top:30px;padding-bottom:12px;border-bottom:1px solid #787e73}.sequence{height:270vh;min-height:1200px}.stage{height:100vh;min-height:550px;position:sticky;top:0;overflow:hidden;background:radial-gradient(ellipse at 50% 50%,#293029,#141915 65%)}.scene-label{position:absolute;left:5vw;right:5vw;top:35px;display:flex;justify-content:space-between;font-size:9px;letter-spacing:2px;color:#9ca596}.scene{position:absolute;width:min(850px,95vw);height:480px;left:50%;top:48%;transform:translate(-50%,-50%);perspective:900px}.halo{position:absolute;left:25%;top:3%;width:50%;height:80%;border:1px solid #ffffff07;border-radius:50%}.table{position:absolute;left:0;right:0;top:330px;height:115px;background:linear-gradient(160deg,#75604a,#493b2e 65%);transform:rotateX(59deg);box-shadow:0 20px 0 #302a22,0 50px 70px #0008;border-radius:5px}.grain{height:100%;background:repeating-linear-gradient(3deg,transparent 0 16px,#d3af7710 18px 19px)}.printer{position:absolute;width:260px;height:290px;left:calc(50% - 130px);top:55px;transform:translateY(var(--drop,-520px)) rotate(var(--tilt,-8deg));filter:drop-shadow(0 20px 20px #0008)}.frame{height:230px;border:16px solid #373f3d;border-top:20px solid #4b5451;border-radius:9px 9px 0 0;position:relative;background:linear-gradient(100deg,#ffffff06,transparent)}.rail{position:absolute;left:0;right:0;top:var(--rail,60px);height:12px;background:linear-gradient(#a8afaa,#515c55)}.head{position:absolute;top:var(--rail,60px);left:var(--head,40%);width:38px;height:43px;background:#a0a99e;border-radius:4px;box-shadow:0 5px 7px #0005}.head i{position:absolute;bottom:-10px;left:14px;border-top:12px solid #d5b379;border-left:5px solid transparent;border-right:5px solid transparent}.bed{position:absolute;bottom:9px;left:3%;width:94%;height:13px;background:#777d70;box-shadow:0 6px 0 #1c2421}.base{height:38px;background:linear-gradient(#4b5650,#28312d);border-radius:0 0 8px 8px;display:flex;justify-content:space-between;align-items:center;padding:15px;font-size:8px;letter-spacing:2px}.base i{color:#d7bb82}.spool{position:absolute;width:65px;height:65px;border:13px solid #b9aa8b;border-radius:50%;top:-50px;left:30px;background:#222c26;box-shadow:0 0 0 5px #404942}.print-glow{position:absolute;bottom:22px;left:10%;width:80%;height:var(--print,0%);background:repeating-linear-gradient(0deg,#d7bd7c55 0 2px,transparent 2px 5px);opacity:var(--printing,0)}.signs{position:absolute;top:190px;left:8%;width:84%;display:flex;justify-content:space-between;perspective:800px}.sign{width:29%;height:170px;background:#171c19;border:1px solid #b9b19a45;border-radius:8px;transform-origin:50% 100%;transform:rotateX(var(--stand,85deg)) scaleY(var(--reveal,0));opacity:var(--sign-opacity,0);box-shadow:0 10px 20px #0006;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden}.sign img{width:95%;height:125px;object-fit:contain}.sign strong{font-size:10px;letter-spacing:1px}.scene-caption{position:absolute;bottom:40px;left:5vw;right:5vw;display:flex;align-items:center;gap:30px}.scene-caption p{font-family:Georgia,serif;font-size:22px;width:45%;margin:0}.scene-caption>span{font-size:8px;letter-spacing:2px;color:var(--muted)}.track{height:1px;background:#ffffff20;flex:1}.track i{display:block;width:calc(var(--p)*100%);height:2px;background:#d9bc87}.creators{text-align:center;padding:100px 6vw 110px;max-width:1200px;margin:auto}h2{font-family:Georgia,serif;font-weight:400;font-size:clamp(36px,5vw,64px);letter-spacing:-2px;margin:20px 0}.destinations{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin-top:50px;text-align:left}.destination{border:1px solid var(--line);background:#191e19;transition:transform .2s,border-color .2s}.destination:hover{transform:translateY(-5px);border-color:#d9bc87}.logo{height:260px;display:grid;place-items:center;background:radial-gradient(#2a3028,transparent 70%);padding:25px}.logo img{width:100%;height:100%;object-fit:contain;max-height:210px}.destination-label{padding:25px;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:15px}.destination-label h3{font-size:13px;letter-spacing:1px;margin:0}.destination-label span{font-size:11px;color:var(--muted)}footer{padding:30px 5vw;border-top:1px solid var(--line);display:flex;justify-content:space-between;font-size:10px;color:var(--muted);gap:20px}@media(max-width:600px){header{padding:22px 6vw}.home{font-size:15px}.home span{font-size:6px;letter-spacing:1px}.skip{font-size:10px}.skip span{margin-left:3px}.intro{padding-top:70px}h1{letter-spacing:-3px}.sequence{height:220vh}.scene{transform:translate(-50%,-50%) scale(.85);width:110vw}.sign{width:27%;height:135px}.sign img{height:100px}.sign strong{font-size:7px}.printer{width:220px;left:calc(50% - 110px)}.scene-caption{flex-wrap:wrap;gap:15px}.scene-caption p{width:100%;font-size:20px}.scene-label{font-size:7px}.destinations{grid-template-columns:1fr}.creators{padding-top:70px}.destination-label{padding:20px}.logo{height:230px}footer{flex-wrap:wrap}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.sequence{height:600px;min-height:0}.stage{position:relative;height:600px}.printer{transform:none}.sign{transform:none;opacity:1}.destination{transition:none}.scene-caption>span{display:none}}
.motion-controls{padding:10px 7vw 25px;display:flex;align-items:center;gap:18px;flex-wrap:wrap}.motion-controls button{background:transparent;color:#f4efe3;border:1px solid #d9bc87;padding:12px 18px;border-radius:3px;cursor:pointer;font:inherit;font-size:12px}.motion-controls span{font-size:12px;color:#a7a69f}html.motion-enabled .sequence{height:270vh;min-height:1200px}html.motion-enabled .stage{position:sticky;height:100vh}html.motion-enabled .printer{transform:translateY(var(--drop,-520px)) rotate(var(--tilt,-8deg))}html.motion-enabled .sign{transform:rotateX(var(--stand,85deg)) scaleY(var(--reveal,0));opacity:var(--sign-opacity,0)}html.motion-enabled .scene-caption>span{display:inline}
/* Two-printer scroll sequence. The travelling logos are the only chooser logos. */
.sequence,html.motion-enabled .sequence{height:420vh;min-height:1800px}.stage,html.motion-enabled .stage{height:100vh;min-height:690px}.machines{position:absolute;top:11%;left:50%;width:min(660px,76vw);height:310px;transform:translateX(-50%);display:flex;justify-content:space-between;perspective:1100px}.h2c{position:relative;width:42%;height:280px;background:linear-gradient(110deg,#d3d6d2,#959f99 50%,#67746d);border-radius:15px 15px 7px 7px;padding:10px;box-shadow:12px 12px 0 #101613,0 25px 30px #0007;transform:translateY(var(--arrival,0px));z-index:2}.ams{position:absolute;top:-36px;left:16%;width:68%;height:35px;border:3px solid #717b74;border-radius:14px 14px 3px 3px;background:linear-gradient(#39473fcc,#151e19);display:flex;justify-content:space-evenly;align-items:center}.ams i{height:23px;width:23px;border-radius:50%;border:5px solid #82795d;background:#2a342d}.ams i:nth-child(2){border-color:#74926c}.ams i:nth-child(3){border-color:#b4afa3}.ams i:nth-child(4){border-color:#a77975}.machine-top{height:48px;display:flex;align-items:center;gap:8px;color:#28322d;font-size:8px;letter-spacing:1px;font-weight:bold}.machine-top b{font-size:17px}.screen{margin-left:auto;background:#122e2b;color:#65ebae;width:49px;height:32px;transform:rotate(-8deg);padding:5px;font-size:7px;border:3px solid #344a3d}.screen small{display:block;font-size:5px;margin-top:2px}.chamber{height:190px;position:relative;background:linear-gradient(100deg,#131c17,#26362d,#101913);border:6px solid #435149;border-radius:4px;perspective:600px;box-shadow:inset 0 2px 8px #000}.chamber:before,.chamber:after{content:'';position:absolute;top:6%;bottom:9%;width:3px;background:linear-gradient(90deg,#3b4940,#a3b5a4,#3a4a40);left:10%}.chamber:after{left:auto;right:10%}.gantry{height:9px;position:absolute;top:var(--gantry,40px);left:7%;right:7%;background:linear-gradient(#a4b2a4,#384c3d)}.toolhead{position:absolute;top:calc(var(--gantry,40px) - 8px);left:var(--nozzle,45%);width:32px;height:32px;border:4px solid #87968a;border-radius:3px;background:#202c23;box-shadow:0 5px 0 -1px #c0a674;z-index:2}.plate{position:absolute;bottom:12px;left:5%;width:90%;height:16px;background:linear-gradient(#a0a893,#3a4a39);transform:rotateX(40deg);border-bottom:5px solid #101a12}.logo-origin{position:absolute;width:72%;height:103px;bottom:25px;left:14%}.glass-door{position:absolute;inset:-3px;background:linear-gradient(120deg,#c7e6db15,#afd1bd05 45%,#e9ffef19 46%,#afd1bd03 48%);border:5px solid #33453a;border-radius:5px;transform-origin:0 50%;transform:rotateY(var(--door,0deg));z-index:4;box-shadow:inset 0 0 12px #b8debf13}.glass-door i{position:absolute;right:4%;top:37%;width:7px;height:50px;background:linear-gradient(90deg,#596c5f,#d5dfd6);border-radius:4px}.glass-door span{position:absolute;bottom:8px;left:10px;font-size:7px;letter-spacing:2px;color:#d6dfd4}.machine-foot{display:flex;align-items:center;justify-content:space-between;color:#28372d;height:20px;font-size:6px;letter-spacing:1px}.machine-foot i{color:#143622}.worktop{position:absolute;top:280px;left:-10%;right:-10%;height:25px;background:linear-gradient(#736048,#483c2d);box-shadow:0 8px 0 #2a251c;transform:skewX(-12deg)}.landing-zone{position:absolute;bottom:68px;left:50%;width:min(760px,88vw);transform:translateX(-50%)}.landing-zone h2{text-align:center;font-size:24px;letter-spacing:-.5px;margin:0 0 10px;opacity:var(--landed,0)}.landing-slots{display:grid;grid-template-columns:1fr 1fr;gap:30px}.landing-slot{height:130px;border-bottom:1px solid #bca27255;opacity:var(--landed,0)}.travel-logo{position:absolute;z-index:5;display:flex;flex-direction:column;align-items:center;justify-content:center;transform-origin:center;will-change:left,top,width,height;filter:drop-shadow(0 5px 3px #0008);clip-path:inset(var(--clip,100%) 0 0 0);pointer-events:none}.travel-logo img{width:100%;height:calc(100% - 22px);object-fit:contain}.travel-logo span{font-size:10px;color:#eee4cd;opacity:var(--landed,0);white-space:nowrap;margin-top:6px}.travel-logo.ready{pointer-events:auto}.travel-logo.ready:hover{filter:drop-shadow(0 0 9px #d9bc8755)}.products-link{margin-top:14px;min-height:43px;border:1px solid #c8ae79;color:#ecdec1;display:flex;align-items:center;justify-content:center;gap:30px;font-size:12px;opacity:var(--landed,0);visibility:hidden}.products-link.ready{visibility:visible}.products-link:hover{background:#c8ae7915}.scene-caption{bottom:22px;gap:20px}.scene-caption p{font-size:15px}.scene-caption>span{font-size:7px}.lift-hands{position:absolute;inset:0;z-index:6;pointer-events:none}.lift-hands i{position:absolute;width:52px;height:28px;background:linear-gradient(10deg,#ad8266,#e1b999);border-radius:8px 18px 12px 18px;opacity:var(--hands,0);box-shadow:0 3px 5px #0004;transform:rotate(-12deg)}.lift-hands i:before{content:'';position:absolute;left:-33px;top:9px;width:47px;height:17px;background:#404c41;border-radius:5px}.lift-hands i:after{content:'';position:absolute;right:1px;top:-7px;width:27px;height:12px;background:#ddb295;border-radius:8px;transform:rotate(-20deg)}.lift-hands i:nth-child(2){transform:scaleX(-1) rotate(-12deg)}
@media(max-width:600px){.stage,html.motion-enabled .stage{min-height:640px}.machines{width:83vw;top:14%;height:250px}.h2c{width:43%;height:220px;padding:6px;border-radius:10px}.machine-top{height:35px;font-size:5px;gap:3px}.machine-top b{font-size:12px}.screen{width:30px;height:25px;border-width:2px}.screen small{font-size:4px}.chamber{height:155px;border-width:4px}.logo-origin{height:82px;bottom:22px;width:80%;left:10%}.machine-foot{font-size:4px;letter-spacing:0}.ams{left:8%;width:84%;height:30px;top:-30px}.ams i{height:18px;width:18px;border-width:4px}.worktop{top:220px}.landing-zone{bottom:80px}.landing-zone h2{font-size:19px}.landing-slot{height:95px}.landing-slots{gap:16px}.products-link{font-size:10px;gap:8px}.travel-logo span{font-size:8px}.scene-caption p{width:100%;font-size:13px}.scene-caption{gap:8px;bottom:18px}.scene-label{font-size:6px}.lift-hands i{width:36px;height:21px}.lift-hands i:before{width:30px;left:-22px;height:12px}.lift-hands i:after{width:19px;height:10px}}
@media(prefers-reduced-motion:reduce){html:not(.motion-enabled) .sequence{height:720px;min-height:0}html:not(.motion-enabled) .stage{height:720px;position:relative}}
.original-brand{position:relative;display:block;width:235px;height:67px;overflow:hidden;flex-shrink:0}.original-brand img{position:absolute;width:960px;max-width:none;height:auto;left:-365px;top:-176px}header{padding-top:13px;padding-bottom:13px}@media(max-width:600px){.original-brand{width:188px;height:54px}.original-brand img{width:768px;left:-292px;top:-141px}}
/* Larger printer presentation, with space kept clear for the logo landing. */
.machines{width:min(1040px,88vw);height:clamp(240px,44vh,340px);top:12%}.h2c{width:42%;height:100%;padding:12px;border-radius:19px 19px 8px 8px}.machine-top{height:48px;font-size:10px}.machine-top b{font-size:23px}.chamber{height:calc(100% - 70px)}.logo-origin{height:65%;bottom:22px;width:80%;left:10%}.ams{height:43px;top:-43px}.ams i{width:30px;height:30px;border-width:6px}.machine-foot{font-size:8px;height:22px}.screen{width:58px;height:36px}.worktop{top:100%}.landing-zone{width:min(1000px,88vw);bottom:65px}.landing-slot{height:140px}.landing-zone h2{font-size:23px}.travel-logo img{height:calc(100% - 24px)}
@media(max-height:740px) and (min-width:601px){.machines{height:40vh;top:13%}.landing-slot{height:113px}.landing-zone h2{font-size:20px}.landing-zone{bottom:64px}}
@media(max-width:600px){.machines{width:90vw;height:235px;top:15%}.h2c{width:44%;padding:6px;border-radius:10px}.machine-top{font-size:5px;height:34px}.machine-top b{font-size:13px}.chamber{height:calc(100% - 55px)}.machine-foot{font-size:4px}.screen{width:32px;height:26px}.ams{height:30px;top:-30px}.ams i{width:20px;height:20px;border-width:4px}.landing-slot{height:105px}.landing-zone h2{font-size:18px}.landing-zone{bottom:82px}.logo-origin{height:65%;bottom:18px;width:86%;left:7%}}
.stage .motion-controls{position:absolute;top:14px;left:5vw;right:5vw;padding:0;z-index:15}.stage .motion-controls button{font-size:10px;padding:8px 12px}.stage .motion-controls span{font-size:10px}.scene-label{top:63px}.machines{top:23%;opacity:var(--machine-opacity,1)}.final-copy{position:absolute;top:20%;left:6%;right:6%;text-align:center;opacity:var(--title-opacity,0);pointer-events:none}.final-copy h1{font-size:clamp(40px,6vw,78px);line-height:1.08;letter-spacing:-3px;margin:20px auto;max-width:850px;white-space:pre-line;font-family:Georgia,serif;color:#f4efe3}.typing-cursor{display:inline-block;width:2px;height:.8em;background:#d9bc87;vertical-align:baseline;margin-left:5px;opacity:var(--cursor,1)}.landing-zone h2{font-family:Arial,sans-serif;font-size:11px;letter-spacing:2px;text-transform:uppercase;color:#bca982}.landing-zone{bottom:72px}.h2c .screen small{font-size:5px}.lift-hands{opacity:var(--hands,0)}
@media(max-width:600px){.stage .motion-controls span{display:none}.machines{top:25%;height:235px}.final-copy{top:24%}.final-copy h1{font-size:42px;letter-spacing:-2px}.final-copy .eyebrow{font-size:8px}.landing-zone h2{font-size:9px}.scene-label{top:60px}}@media(max-height:740px) and (min-width:601px){.machines{top:22%;height:36vh}.final-copy{top:22%}.final-copy h1{font-size:58px}}
.landing-slot{height:clamp(140px,22vh,240px)}@media(max-height:740px) and (min-width:601px){.landing-slot{height:140px}}@media(max-width:600px){.landing-slot{height:125px}}
/* Photoreal matched H2C states: fixed-aspect product images, no transformed doors. */
.machines{top:14%;width:min(1220px,94vw);height:clamp(300px,58vh,560px);gap:1vw;align-items:center;justify-content:center;opacity:var(--machine-opacity,1)}.h2c.photo-printer{padding:0;border:0;background:none;box-shadow:none;border-radius:0;width:auto;height:100%;aspect-ratio:1;flex:0 1 auto;max-width:48%;transform:translateY(var(--arrival,0px));filter:drop-shadow(0 18px 12px #0005)}.machine-photo{position:absolute;inset:0;background-image:url('assets/tankz-printer-colors-v3.webp');background-size:200% 100%;background-repeat:no-repeat;pointer-events:none}.closed-photo{background-position:left center;opacity:calc(1 - var(--door-open,0))}.open-photo{background-position:right center;opacity:var(--door-open,0);transform:translateX(4.8%)}.photo-printer>.logo-origin{position:absolute;left:33%;top:43%;bottom:auto;width:45%;height:31%}.bench-label{position:absolute;bottom:-20px;left:25%;right:10%;text-align:center;font-size:8px;letter-spacing:2px;color:#b6b7aa}.worktop{height:13px;top:98%;left:3%;right:3%;background:linear-gradient(#6b5944,#342c21);transform:none;opacity:.7}.lift-hands{display:none}.landing-zone{bottom:70px}.landing-slot{height:clamp(150px,21vh,230px)}.final-copy{top:22%}.travel-logo{filter:drop-shadow(0 7px 5px #0008)}
@media(max-height:780px) and (min-width:601px){.machines{height:55vh;top:15%;width:min(1100px,94vw)}.landing-slot{height:140px}.final-copy{top:19%}.final-copy h1{font-size:52px}.bench-label{bottom:-13px;font-size:6px}}
@media(max-width:600px){.machines{height:auto;width:100%;top:26%;gap:0;align-items:start}.h2c.photo-printer{width:50%;height:auto;max-width:none;aspect-ratio:1;flex:0 0 50%}.photo-printer>.logo-origin{left:33%;top:43%;height:31%;width:45%}.worktop{top:98%;left:4%;right:4%}.bench-label{font-size:5px;letter-spacing:1px;bottom:-8px}.landing-slot{height:125px}.final-copy{top:24%}.final-copy h1{font-size:38px}}
/* Basement workbench and large square destinations. */
.stage{isolation:isolate;background:#151612}.workshop-background{position:absolute;inset:0;z-index:-2;opacity:var(--workshop-opacity,1)}.workshop-background img{width:100%;height:100%;object-fit:cover}.stage:after{content:'';position:absolute;inset:0;background:linear-gradient(#0008,transparent 27%,transparent 65%,#0009);opacity:var(--scene-shade,.6);z-index:-1;pointer-events:none}.workshop-background:after{content:'';position:absolute;inset:0;background:#080e09;opacity:var(--backdrop-shade,.1)}.machines{top:12%;bottom:auto;height:clamp(300px,52vh,560px)}.machine-photo{background-image:url('assets/tankz-printer-colors-v3.webp')}.worktop{display:none}.moving-toolhead{position:absolute;width:13%;height:13%;object-fit:contain;left:var(--nozzle,55%);top:var(--head-y,50%);transform:translate(-50%,-50%);opacity:var(--head-opacity,0);z-index:8;filter:drop-shadow(0 3px 2px #0008);pointer-events:none}.travel-logo{z-index:4}.travel-logo.ready{background:#101812e8;border:1px solid #d4b77c80;border-radius:8px;box-shadow:0 16px 35px #0008;padding:20px;overflow:hidden}.travel-logo.ready:hover{border-color:#e7ce95;background:#202b1cf5;box-shadow:0 16px 35px #0008,0 0 25px #d5be7820}.travel-logo.ready img{width:100%;height:calc(100% - 30px)}.travel-logo.ready span{font-size:12px;letter-spacing:1px;margin-top:10px}.landing-zone{width:min(840px,90vw);bottom:76px}.landing-slots{display:flex;justify-content:center;gap:30px}.landing-slot{width:min(32vh,320px);height:auto;aspect-ratio:1;border:0}.products-link{background:#111a12ee;margin-top:18px;min-height:46px;box-shadow:0 8px 25px #0005}.final-copy{top:14%}.final-copy h1{text-shadow:0 3px 15px #0008}.stage .motion-controls span,.scene-label,.scene-caption{color:#f2e9d8;text-shadow:0 2px 4px #000}.stage .motion-controls button{background:#141b13d9}.scene-caption p{font-size:14px}.landing-zone h2{color:#e4d8bd;text-shadow:0 2px 6px #000}.stage .motion-controls{z-index:20}
@media(max-height:780px) and (min-width:601px){.machines{height:52vh}.landing-slot{width:min(31vh,245px);height:auto}.final-copy{top:14%}.final-copy h1{font-size:44px;line-height:1.02;margin:12px auto}.final-copy .eyebrow{font-size:8px;margin:0}.landing-zone{bottom:68px}.landing-zone h2{margin-bottom:9px}.products-link{min-height:38px;margin-top:12px}.travel-logo.ready{padding:12px}}
@media(max-width:600px){.machines{width:100%;height:auto;top:20%}.landing-zone{width:90vw;bottom:88px}.landing-slots{gap:16px}.landing-slot{width:calc((90vw - 16px)/2);height:auto}.travel-logo.ready{padding:12px}.travel-logo.ready span{font-size:8px;letter-spacing:0}.final-copy{top:18%}.final-copy h1{font-size:36px}.products-link{margin-top:14px;font-size:10px;min-height:43px}.landing-zone h2{font-size:8px}}
@keyframes printhead-sweep{from{left:39%}to{left:71%}}.is-printing .moving-toolhead{animation:printhead-sweep 1.1s ease-in-out infinite alternate}.is-printing [data-creator="stewz"] .moving-toolhead{animation-delay:-.55s}
.workshop-background img{object-fit:contain}.workshop-background{background:#111711}@media(max-width:600px){.workshop-background img{object-fit:cover}}
/* Moving metal gantry, chamber glazing, and contact with the desktop. */
.print-rod{position:absolute;left:32%;width:47%;height:1.3%;top:var(--head-y,68%);transform:translateY(-50%);background:linear-gradient(180deg,#202a29 0%,#ccd3cc 24%,#889890 47%,#34413e 70%,#111917 100%);border:1px solid #8c9b8a55;border-radius:2px;opacity:var(--head-opacity,0);box-shadow:0 2px 3px #0007;z-index:7}.print-rod:before,.print-rod:after{content:'';position:absolute;top:-3px;width:6px;height:calc(100% + 6px);background:linear-gradient(90deg,#24302a,#6e7a72,#18251d);border-radius:2px;left:-3px}.print-rod:after{left:auto;right:-3px}.moving-toolhead{filter:brightness(var(--print-brightness,.6)) saturate(var(--print-saturation,.72)) drop-shadow(0 3px 2px #0007)}.travel-logo:not(.ready){filter:brightness(var(--print-brightness,.6)) saturate(var(--print-saturation,.72)) drop-shadow(0 5px 3px #0007);opacity:var(--print-opacity,.72)}.glass-overlays{position:absolute;inset:0;pointer-events:none;z-index:9}.glass-overlays i{position:absolute;border-radius:3px;background:linear-gradient(117deg,#e4f4e50d 0%,#06110d16 26%,#06100c22 51%,#d9f0e315 52%,#e6f1e108 54%,#06120c18 56%,#06120b20 100%);border:1px solid #c5d8ca17;box-shadow:inset 0 0 8px #0b140d66;opacity:var(--glass-opacity,1)}.photo-printer:after{content:'';position:absolute;left:22%;width:68%;height:4%;top:94%;border-radius:50%;background:#000b;filter:blur(7px);z-index:-1}.photo-printer{isolation:isolate}.print-rod,.moving-toolhead{will-change:top,left}
/* Keep moving mechanics behind the physical glass aperture and casing. */
.chamber-motion{position:absolute;inset:0;clip-path:inset(38.2% 20.2% 10% 31.5% round 2px);pointer-events:none;z-index:8;overflow:hidden}
/* The shared sign settles into place after both printers arrive. */
.hanging-sign{position:absolute;top:82px;left:50%;width:min(620px,70vw);z-index:10;transform-origin:50% -120px;transform:translate(-50%,var(--sign-drop,-140vh)) rotate(var(--sign-swing,0deg));opacity:var(--sign-visible,0);pointer-events:none;filter:drop-shadow(0 9px 8px #0008)}.hanging-sign img{width:100%;height:auto;display:block}.hanging-sign:before,.hanging-sign:after{content:'';position:absolute;width:5px;height:100vh;top:calc(-100vh + 7px);left:20%;background:repeating-linear-gradient(0deg,#967c4b 0 2px,#302a1b 2px 4px,#c3a976 4px 7px,#342a1a 7px 9px);border-left:1px solid #c8ac664d;border-right:1px solid #0009;border-radius:3px}.hanging-sign:after{left:80%}.final-copy{top:34%}.final-copy h1{font-size:clamp(36px,4.5vw,62px);margin-top:0}@media(max-height:780px) and (min-width:601px){.hanging-sign{top:72px}.final-copy{top:34%}.final-copy h1{font-size:42px;line-height:1.06}}@media(max-width:600px){.hanging-sign{top:85px;width:82vw}.hanging-sign:before,.hanging-sign:after{width:3px}.final-copy{top:32%}.final-copy h1{font-size:31px}}
[data-creator="tankz"] .machine-photo{background-image:url('assets/tankz-printer-colors-v3.webp')}[data-creator="stewz"] .machine-photo{background-image:url('assets/stewz-printer-colors-v3.webp')}
/* Illustrated shared-products banner stays within the combined logo width. */
.products-link{position:relative;isolation:isolate;overflow:hidden;border-radius:5px;width:min(100%,calc(min(32vh,320px)*2 + 30px));margin:18px auto 0;height:150px;min-height:0;padding:0;display:grid;place-items:center;background:#142016;gap:0}.products-link>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 30%;z-index:-2}.products-link:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,transparent 25%,#08120c33 42%,#08120c33 61%,transparent 76%);z-index:-1}.products-button-copy{display:flex;flex-direction:column;text-align:center;gap:8px;max-width:46%;text-shadow:0 2px 5px #000}.products-button-copy strong{font:400 24px Georgia,serif;color:#fff4da}.products-button-copy>span{font-size:11px;line-height:1.3;color:#fff2cf}.products-link:hover{border-color:#f1d29a;filter:brightness(1.08)}
@media(max-height:950px) and (min-width:601px){.landing-slot{width:min(27vh,245px)}.products-link{width:min(100%,calc(min(27vh,245px)*2 + 30px));height:110px}.final-copy{top:28%}.final-copy h1{font-size:36px;line-height:1.06}.products-button-copy strong{font-size:20px}.products-button-copy>span{font-size:10px}}
@media(max-width:600px){.products-link{width:100%;height:110px;margin-top:14px}.products-button-copy{gap:5px;max-width:44%}.products-button-copy strong{font-size:18px}.products-button-copy>span{font-size:9px}.landing-zone{bottom:88px}}@media(max-width:600px) and (max-height:740px){.final-copy h1{font-size:28px}}
.scene-skip{position:absolute;top:22px;right:5vw;z-index:21;font-size:10px;color:#e4d6b7;background:#101710bd;padding:9px 12px;border:1px solid #c5af752e;border-radius:3px}.scene-skip:hover{border-color:#d9bc87;color:#fff}.scene-label{top:26px;right:auto;gap:24px}.scene-label>span:last-child{display:none}@media(max-width:600px){.scene-skip{font-size:9px;top:14px;padding:8px 10px}.scene-label{top:24px;font-size:6px}}
/* Scene and destination dimensions share the same height, including still fallback. */
.stage,html.motion-enabled .stage{height:100svh;min-height:690px}html:not(.motion-enabled) .stage{height:100svh;min-height:690px}.landing-slots{gap:30px}.final-copy h1{line-height:1.08}@media(max-width:600px){.landing-slots{gap:16px}}