/* The drawing room: precise instrument, generous product scale. */
header{padding-top:23px;padding-bottom:23px}.hero{grid-template-columns:.9fr 1.2fr;min-height:calc(100svh - 96px);padding-top:0;column-gap:2%}.hero-copy{padding-bottom:80px}h1{font-size:clamp(65px,7.3vw,120px);letter-spacing:-.075em;line-height:1.02}.hero-copy p{max-width:350px}.drawing-column{margin-top:0;padding-bottom:35px}.canvas-heading{display:flex;align-items:center;justify-content:space-between;font-size:13px;margin:16px 6% 0 8%}.live-dot{width:8px;height:8px;border-radius:50%;background:var(--ink);position:relative}.live-dot:after{content:'';position:absolute;inset:-5px;border-radius:50%;background:var(--ink);opacity:.12;animation:breathe 2.3s ease-in-out infinite}.drawing{width:110%;margin-left:-5%;transform:perspective(1000px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transition:transform .7s ease;aspect-ratio:1;overflow:visible}.drawing canvas{clip-path:none;mix-blend-mode:normal;inset:3%;width:94%;height:94%;filter:drop-shadow(0 calc(var(--finish,0)*20px) calc(var(--finish,0)*14px) #7d4c001c)}.drawing #product{opacity:0;clip-path:none}.drawing.fallback #product{opacity:1}.drawing .reveal-line{position:absolute;width:0;height:0;bottom:auto;top:0;left:0;transition:opacity .2s;z-index:3;pointer-events:none;transform:translate(0,0)}.pen{position:absolute;width:38px;height:180px;top:0;left:0;transform:translate(-50%,-98%) rotate(var(--tilt,22deg));transform-origin:50% 100%;filter:drop-shadow(7px 9px 3px #0002);transition:transform .18s linear}.drawing-note{right:2%;top:2%;font-size:15px;line-height:1.35;transform:rotate(6deg)}.studio-control{max-width:none;width:84%;margin:-6% auto 0}.phase-status{display:flex;align-items:center;gap:16px;font-size:14px;min-height:38px}#phase-label{font-weight:600;flex:1}#progress-value{font-variant-numeric:tabular-nums;font-size:13px}.phase-status button{border:0;background:var(--ink);color:var(--ground);border-radius:30px;padding:9px 15px;font-size:13px;transition:transform .2s}.phase-status button:hover{transform:rotate(-5deg)}input[type=range]{appearance:none;display:block;height:30px;background:transparent;margin:3px 0 0;width:100%}input[type=range]::-webkit-slider-runnable-track{height:5px;background:#263e3d24;border-radius:5px}input[type=range]::-webkit-slider-thumb{appearance:none;width:17px;height:17px;background:var(--ink);border:3px solid var(--ground);outline:2px solid var(--ink);border-radius:50%;margin-top:-6px}input[type=range]::-moz-range-track{height:5px;background:#263e3d24}input[type=range]::-moz-range-thumb{width:15px;height:15px;border:2px solid var(--ground);outline:2px solid var(--ink);background:var(--ink);border-radius:50%}.process-stages{display:flex;justify-content:space-between;gap:6px}.process-step{border:0;background:none;color:var(--ink);font-size:13px;min-height:36px;min-width:44px;padding:6px 8px;position:relative;opacity:.55;transition:opacity .2s,transform .2s}.process-step.active{opacity:1;font-weight:700}.process-step.active:after{content:'';display:block;background:var(--ink);height:4px;width:4px;border-radius:50%;position:absolute;bottom:0;left:calc(50% - 2px)}.process-step:hover{opacity:1;transform:translateY(-2px)}.hint{margin-top:12px;opacity:.8}.hero-bottom{align-self:end;margin-top:16px;padding-bottom:9px}.hero-bottom span{font-size:13px}.contact-arrow{background:var(--accent)}.brand{position:relative}.brand-word{font-size:clamp(80px,11vw,175px)}.brand-art img{width:63%;right:0;bottom:0}.brand-copy{position:relative;z-index:1}.section-top{grid-template-columns:1.15fr 1fr;gap:10%}@keyframes breathe{50%{transform:scale(1.65);opacity:0}}@media(min-width:1450px){.drawing-column{max-width:790px;justify-self:center;width:100%}}@media(max-width:850px){.hero{grid-template-columns:.92fr 1.08fr;gap:0}h1{font-size:8vw}.hero-copy p{font-size:16px}.hero-copy .button{font-size:13px;padding:15px 19px;gap:15px}.canvas-heading{font-size:12px;margin:16px 0 5px}.studio-control{width:94%}.phase-status{gap:8px;font-size:13px}.phase-status button{font-size:12px;padding:8px 11px}.drawing-note{font-size:12px;top:0;right:0}.drawing-column{padding-bottom:25px}.hero-copy{padding-bottom:65px}.pen{width:28px;height:140px}.hint{font-size:12px}}
@media(max-width:600px){header{padding-top:18px;padding-bottom:18px}.hero{display:flex;flex-direction:column;align-items:stretch;padding-top:8px}.hero-copy{padding:14px 0 24px}.hero h1{font-size:clamp(60px,14.6vw,86px);line-height:.99}.hero-copy p{margin-top:20px;font-size:16px;line-height:1.5}.hero-copy .button{margin-top:20px}.drawing-column{width:100%;padding-bottom:25px;margin-top:4px}.canvas-heading{margin:0 2% 0;font-size:12px}.drawing{width:100%;margin:0}.drawing canvas{inset:0;width:100%;height:100%}.drawing-note{right:0;top:1%;font-size:12px}.pen{width:26px;height:125px}.studio-control{width:100%;margin:-1% auto 0}.phase-status{font-size:14px}.process-step{font-size:13px}.hero-bottom{width:100%;font-size:11px;padding-bottom:13px}.hero-bottom span{font-size:11px;max-width:180px}.section-top{grid-template-columns:1fr}.brand-art img{width:65%;right:2%}.brand-word{font-size:110px}}@media(prefers-reduced-motion:reduce){.live-dot:after{animation:none}.drawing{transform:none!important}}
.drawing canvas{inset:0;width:100%;height:100%}
.studio-control{background:var(--ink);color:var(--ground);padding:16px 20px 17px;width:94%;margin:-3% auto 0}.phase-status button{background:var(--accent);color:var(--ink)}.process-step{color:var(--ground)}.process-step.active{color:var(--accent)}.process-step.active:after{background:var(--accent)}.studio-control input[type=range]::-webkit-slider-runnable-track{background:#e6e9e640}.studio-control input[type=range]::-webkit-slider-thumb{background:var(--accent);border-color:var(--ink);outline-color:var(--accent)}.studio-control input[type=range]::-moz-range-track{background:#e6e9e640}.studio-control input[type=range]::-moz-range-thumb{background:var(--accent);border-color:var(--ink);outline-color:var(--accent)}.studio-control .hint{font-size:12px;margin-top:8px}.studio-control input:focus-visible{outline:2px solid var(--accent);outline-offset:4px}@media(max-width:600px){.studio-control{width:100%;margin:0;padding:15px 17px}.hero{min-height:auto}.hero-bottom{margin-top:10px}}
.material-legend{position:absolute;left:8%;right:8%;bottom:0;display:flex;justify-content:space-between;font-size:13px;opacity:0;transition:opacity .6s;pointer-events:none}.complete .material-legend{opacity:1}.brand-art img,dialog img{mix-blend-mode:normal}.drawing-note{right:1%;top:0}.brand-art img{width:82%;right:-5%}
.material-legend{display:none}
.drawing #pencil-art{display:none}.drawing-column{padding-bottom:25px}.canvas-heading{justify-content:flex-start}.material-legend{display:flex;bottom:-10px;left:14%;right:14%;font-size:12px;letter-spacing:.02em}.drawing{transform:none!important}.pen{transition:opacity .25s,transform .18s linear}.hero-copy{padding-bottom:25px}@media(max-width:600px){.drawing-column{padding-bottom:30px}.hero-copy{padding-bottom:20px}.hero-bottom{margin-top:10px}}