/* Motion Workshop Kinetoscope: Exposure Gate → Pose Corridor → Calibration → Motion Strip → Pegboard → Flipbook → Weight → Lightbox → Request → Exit. */
:root{--ink:#1f2426;--paper:#f2eee4;--red:#ef4f3b;--blue:#376db5;--sun:#eebf56}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.6 'Space Grotesk',sans-serif}img{display:block;max-width:100%}.wrap{width:min(1180px,calc(100% - 40px));margin:auto}.navbar{background:var(--paper);border-bottom:1px solid #b7b0a1}.navbar .wrap{display:flex;justify-content:space-between;align-items:center;min-height:72px}.brand{display:flex;align-items:center;gap:10px;color:var(--ink);text-decoration:none;font-weight:700}.brand img{width:42px;height:42px}.brand small{display:block;font:10px 'IBM Plex Mono';letter-spacing:.08em}.contact{color:var(--ink);font-weight:700;text-decoration:none}.gate{min-height:760px;position:relative;display:grid;align-items:center;overflow:hidden}.gate>img,.exit>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:contrast(.9)}.gate:after,.exit:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(242,238,228,.95),rgba(242,238,228,.12))}.gate .wrap{position:relative;z-index:1}.gate p,.corridor p,.calibration>div>p,.strip p,.pegboard p,.flipbook p,.weight p,.lightbox p,.request p{font:11px 'IBM Plex Mono';letter-spacing:.09em;color:var(--red)}h1,h2,h3{font-family:Fraunces,serif;line-height:.9;margin:.25em 0}h1{font-size:clamp(4.5rem,10vw,10rem)}h1 em{color:var(--red)}h2{font-size:clamp(3.2rem,6vw,6.4rem)}.gate a,.request button{display:inline-block;padding:13px 17px;background:var(--red);color:#fff;text-decoration:none;font-weight:700}.corridor{display:grid;grid-template-columns:1fr 1fr;gap:55px;padding:110px 0;align-items:center}.corridor img{height:500px;width:100%;object-fit:cover}.calibration{background:var(--ink);color:var(--paper);padding:95px 0}.cal-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:0;margin-top:25px}.cal-grid img{height:310px;width:100%;object-fit:cover}.cal-grid article{padding:26px;background:var(--blue)}.cal-grid h3{font-size:2.7rem}.strip{padding:110px 0}.stripbar{display:flex;gap:18px;align-items:center;border-top:2px solid var(--ink);border-bottom:2px solid var(--ink);padding:18px 0}.stripbar input{accent-color:var(--red);width:70%}.stripbar output{font:600 14px 'IBM Plex Mono'}.strip-stage{display:grid;grid-template-columns:1.1fr .9fr;align-items:center;margin-top:35px}.strip-stage img{height:430px;width:100%;object-fit:cover}.strip-stage div{padding:8%;background:var(--sun);min-height:330px}.pegboard{display:grid;grid-template-columns:1fr 1fr;background:#dce6eb}.pegboard>img{height:570px;width:100%;object-fit:cover}.pegboard>div{padding:85px 12%}.toolset{display:flex;flex-wrap:wrap;gap:9px;margin:22px 0}.toolset button,.flip-controls button,#light{padding:12px 14px;background:transparent;border:1px solid var(--ink);color:var(--ink);font-weight:700}.toolset button.active{background:var(--red);color:white}.flipbook{padding:110px 0;display:grid;grid-template-columns:.75fr 1.25fr;gap:45px;align-items:center}.flipbook>img{width:100%;height:460px;object-fit:cover}.flip-controls{display:flex;align-items:center;gap:15px;margin-top:20px}.flip-controls span{font:14px 'IBM Plex Mono'}.weight{background:var(--red);color:#fff;padding:105px 0}.weight .wrap{display:grid;grid-template-columns:1fr 1fr;gap:55px;align-items:center}.weight img{height:400px;width:100%;object-fit:cover;border-radius:50%}.weight p{color:#fff}.lightbox{padding:115px 0;background:var(--ink);color:var(--paper);text-align:center}.lightbox #light{border-color:var(--paper);color:var(--paper)}#lightNote{max-width:600px;margin:22px auto 0;background:var(--sun);color:var(--ink);padding:18px}.request{display:grid;grid-template-columns:1fr 1fr;gap:70px;padding:110px 0}.request form{display:grid;gap:11px;padding:25px;background:#dce6eb}.form-control{font-size:16px;border-radius:0}.request button{border:0}.exit{position:relative;min-height:520px;display:grid;align-items:center;overflow:hidden}.exit h2{position:relative;z-index:1;width:min(1180px,calc(100% - 40px));margin:auto;color:#fff;font-size:clamp(5rem,10vw,10rem)}footer{background:var(--ink);color:var(--paper);padding:38px 0}footer .brand{color:var(--paper)}footer .wrap{display:grid;grid-template-columns:1fr 1fr 1fr;gap:25px}footer p{margin:0}footer nav{display:flex;gap:12px;flex-wrap:wrap}footer nav a{color:var(--paper);font-size:.85rem;text-decoration:none}@media(max-width:650px){.corridor,.strip-stage,.flipbook,.weight .wrap,.request,.pegboard{grid-template-columns:1fr;gap:28px}.corridor,.strip,.flipbook,.weight,.request{padding:70px 0}.gate{min-height:650px}.gate>img{opacity:.55}.cal-grid{grid-template-columns:1fr}.cal-grid img{height:260px}.pegboard>img{height:350px}.pegboard>div{padding:65px 24px}.flipbook>img{height:310px}.weight img{height:320px}.exit{min-height:430px}footer .wrap{grid-template-columns:1fr}footer nav{display:grid;grid-template-columns:1fr 1fr}footer nav a{min-height:44px;display:flex;align-items:center}}
