body.garage-focus .world{transform:translate(var(--garage-camera-x),var(--garage-camera-y)) scale(var(--garage-camera-scale))}
.garage-discover{position:absolute;z-index:4;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;border:3px solid #c4b487;background:#1c2a28;padding:7px 10px;color:var(--paper);cursor:zoom-in;visibility:hidden;pointer-events:none;text-align:center;font-family:inherit;isolation:isolate;transition:background 180ms,border-color 180ms}
/* A solid enamel plaque with a strong brass edge and one recessed Deco line. */
.garage-discover::before{content:"";position:absolute;inset:4px;z-index:-1;pointer-events:none;border:1px solid #c4b48766}
.garage-discover:is(:hover,:focus-visible){background:#2b3e36;border-color:#ead5a3}
@media(max-width:760px){.garage-discover{translate:0 -86px}}
.garage-discover-title{display:block;width:76px;height:auto}
.garage-discover-action{display:flex;align-items:center;gap:9px;font-size:13px;line-height:1.5;letter-spacing:.015em;white-space:nowrap;color:inherit}
.garage-discover-action>span:last-child{transition:transform 160ms}
.garage-discover:is(:hover,:focus-visible) .garage-discover-action>span:last-child{transform:translateX(3px)}
.garage-discover[hidden]{display:none!important}
body[data-current-scene="contact"]:not(.overview):not(.camera-travelling):not(.garage-focus):not(.product-detail-reading) .garage-discover{visibility:visible;pointer-events:auto}
.garage-discover:focus-visible{outline:1px solid currentColor;outline-offset:4px}
.garage-focus #contact .scene-content,.garage-focus .garage-discover,.garage-focus .site-header{visibility:hidden;pointer-events:none}
.garage-focus .scene-controls{z-index:12;visibility:visible;pointer-events:auto;bottom:max(14px,env(safe-area-inset-bottom))}
.garage-focus .viewport{overflow:hidden;touch-action:none}
.garage-focus .scene-boundary{visibility:hidden}
.atelier-view{position:fixed;inset:0;z-index:9;background:#111c1b;display:flex;align-items:center;justify-content:center;padding-bottom:68px;isolation:isolate;animation:atelier-arrive 950ms ease-out both}
.atelier-view[hidden]{display:none}
.atelier-view.atelier-exiting{animation:none;pointer-events:none;transition:opacity 280ms ease-out}
.atelier-view.atelier-exiting *{animation:none!important;transition:none!important}
.atelier-canvas{position:relative;width:min(100vw,calc((100dvh - 68px)*1.777778));aspect-ratio:16/9;overflow:hidden;background:#17211e}
.atelier-camera{position:absolute;inset:0;transform-origin:0 0;transition:transform 2100ms cubic-bezier(.22,.7,.22,1)}
.garage-entered .atelier-camera{transform:translate(-111.111111%,-88.888889%) scale(2.22222222)}
.atelier-street,.atelier-interior{position:absolute;inset:0;transform-origin:0 0}
.atelier-street>svg,.atelier-interior>svg{display:block;width:100%;height:100%}
.atelier-interior{transform:translate(50%,40%) scale(.45);pointer-events:none}
.atelier-street{opacity:1;transition:opacity 650ms 1400ms}
.garage-entered .atelier-street{opacity:0;pointer-events:none}
.garage-leaving .atelier-street{transition:opacity 400ms;opacity:1}
.atelier-founders,.atelier-person-label{position:absolute;z-index:4;color:#e0d8c3;visibility:hidden;opacity:0;pointer-events:none}
.garage-entered :is(.atelier-founders,.atelier-person-label){visibility:visible;opacity:1;transition:opacity 500ms 1700ms}
.atelier-founders{left:30%;width:40%;bottom:2.4%;text-align:center}
.atelier-founders h2{font-family:inherit;font-size:clamp(12px,1.12vw,16px);font-weight:400;letter-spacing:.04em;margin:0 0 5px}
.atelier-founders p{font-size:clamp(11px,1vw,14px);line-height:1.55;margin:0;color:#c8c5b4}
.atelier-person-label{bottom:4%;transform:translateX(-50%);font-size:clamp(10px,1.12vw,15px);letter-spacing:.035em}
.atelier-person-doun{left:20%}.atelier-person-bera{left:82%}
#atelier-street-shutter{transition:transform 1200ms cubic-bezier(.24,.6,.2,1)}
.garage-door-open #atelier-street-shutter{transform:translateY(-425px)}
#atelier-door-light-spill{opacity:0;transition:opacity 900ms 160ms ease-out}
.garage-door-open #atelier-door-light-spill{opacity:1}
.atelier-street text{font-family:Sado Sans,Sado Latin,Arial,sans-serif}
.garage-return{position:fixed;left:50%;bottom:max(16px,env(safe-area-inset-bottom));transform:translateX(-50%);z-index:12;border:0;background:none;color:var(--paper);min-height:44px;padding:10px 14px;font-size:14px;cursor:pointer;display:flex;align-items:center;gap:12px}
.garage-return[hidden]{display:none!important}
.garage-focus .garage-return{left:max(24px,env(safe-area-inset-left));bottom:max(14px,env(safe-area-inset-bottom));transform:none}
@media(max-width:1000px){.garage-focus .garage-return{left:50%;bottom:calc(76px + env(safe-area-inset-bottom));transform:translateX(-50%)}.garage-focus .atelier-view{padding-bottom:132px}.garage-focus .atelier-canvas{width:min(100vw,calc((100dvh - 132px)*1.777778))}}
.garage-return:focus-visible{outline:1px solid var(--paper);outline-offset:4px}
.garage-door-toggle{position:absolute;left:50%;top:40%;width:45%;height:45%;z-index:3;border:0;padding:0;background:none;color:var(--paper);cursor:pointer}
.garage-door-toggle[hidden],.camera-travelling .garage-door-toggle{visibility:hidden;pointer-events:none}
.garage-door-toggle:focus-visible{outline:1px solid #ded0a5;outline-offset:4px}
.garage-door-toggle span{position:absolute;bottom:9%;left:50%;transform:translateX(-50%);font-size:clamp(10px,1.1vw,16px);white-space:nowrap;padding:7px 8px;background:#111b19d9}
.garage-door-toggle[aria-disabled="true"] span{opacity:0}
#garage-doun-wave,#garage-user-wave,#garage-doun-head-greeting,#garage-user-head-greeting{opacity:0;pointer-events:none}
.garage-greeting{--garage-gesture-duration:3400ms;--garage-gesture-stagger:220ms}
.garage-goodbye{--garage-gesture-duration:2300ms;--garage-gesture-stagger:150ms}
.garage-focus:is(.garage-greeting,.garage-goodbye) :is(#garage-doun-head-working,#garage-user-head-working){animation:garage-look-up var(--garage-gesture-duration) ease-in-out both}
.garage-focus:is(.garage-greeting,.garage-goodbye) :is(#garage-doun-head-greeting,#garage-user-head-greeting){animation:garage-look-at-visitor var(--garage-gesture-duration) ease-in-out both}
.garage-focus:is(.garage-greeting,.garage-goodbye) :is(#garage-doun-working-arm,#garage-user-working-arm){animation:garage-rest-working-hand var(--garage-gesture-duration) ease-in-out both}
.garage-focus:is(.garage-greeting,.garage-goodbye) :is(#garage-doun-wave,#garage-user-wave){animation:garage-raise-arm var(--garage-gesture-duration) ease-in-out both}
.garage-focus:is(.garage-greeting,.garage-goodbye) #garage-doun-wave-forearm{--garage-elbow-rest:-22deg;animation:garage-lift-forearm var(--garage-gesture-duration) ease-in-out both}
.garage-focus:is(.garage-greeting,.garage-goodbye) #garage-user-wave-forearm{--garage-elbow-rest:14deg;animation:garage-lift-forearm var(--garage-gesture-duration) ease-in-out both}
.garage-focus:is(.garage-greeting,.garage-goodbye) :is(#garage-doun-wave-hand,#garage-user-wave-hand){animation:garage-wave-wrist var(--garage-gesture-duration) ease-in-out both}
.garage-focus:is(.garage-greeting,.garage-goodbye) :is(#garage-user-head-working,#garage-user-head-greeting,#garage-user-working-arm,#garage-user-wave,#garage-user-wave-forearm,#garage-user-wave-hand){animation-delay:var(--garage-gesture-stagger)}
body.garage-focus.garage-door-open:not(.garage-greeting):not(.garage-goodbye) #garage-user-mouse-hand{animation:garage-mouse 4.7s ease-in-out infinite}
body.garage-focus.garage-door-open:not(.garage-greeting):not(.garage-goodbye) #garage-doun-assembly-hand{animation:garage-assembly 6.3s ease-in-out infinite}
body.garage-focus.garage-door-open #garage-monitor-face-light{animation:garage-screen-light 6.8s ease-in-out infinite}
body.garage-focus.garage-door-open #garage-lamp-center .lamp-light{animation:garage-lamp-flicker 23s linear infinite}
body.garage-focus.garage-door-open #garage-lamp-center-pool{animation:garage-lamp-flicker 23s linear infinite}
body.garage-idle-paused .atelier-view *{animation-play-state:paused!important}
@keyframes atelier-arrive{0%{opacity:0;transform:scale(1.04)}30%{opacity:0}100%{opacity:1;transform:scale(1)}}
/* A glance, lifted arm, wrist greeting and a return to the workbench. */
@keyframes garage-look-up{0%,100%{opacity:1;transform:rotate(0)}10%{opacity:1;transform:rotate(-3deg)}17%,84%{opacity:0;transform:rotate(-3deg)}94%{opacity:1;transform:rotate(-1deg)}}
@keyframes garage-look-at-visitor{0%,10%,100%{opacity:0;transform:translateY(2px) rotate(-3deg)}19%,78%{opacity:1;transform:translateY(-1px) rotate(0)}84%{opacity:1;transform:translateY(0) rotate(2deg)}94%{opacity:0;transform:translateY(2px) rotate(3deg)}}
@keyframes garage-rest-working-hand{0%,8%,97%,100%{opacity:1}17%,89%{opacity:0}}
@keyframes garage-raise-arm{0%,10%,100%{opacity:0}20%,85%{opacity:1}95%{opacity:0}}
@keyframes garage-lift-forearm{0%,10%,100%{transform:rotate(var(--garage-elbow-rest))}28%,80%{transform:rotate(0)}95%{transform:rotate(var(--garage-elbow-rest))}}
@keyframes garage-wave-wrist{0%,29%,82%,100%{transform:rotate(0)}35%,51%,67%{transform:rotate(-10deg)}43%,59%,75%{transform:rotate(10deg)}}
@keyframes garage-mouse{0%,22%,100%{transform:translate(0,0)}36%,48%{transform:translate(3px,-1px)}65%{transform:translate(1px,0)}81%{transform:translate(2px,1px)}}
@keyframes garage-assembly{0%,24%,100%{transform:translate(0,0)}36%,45%{transform:translate(-1px,-2px)}63%,78%{transform:translate(1px,-1px)}}
@keyframes garage-screen-light{0%,100%{opacity:.10}20%{opacity:.22}31%{opacity:.13}46%{opacity:.29}60%{opacity:.17}79%{opacity:.25}91%{opacity:.12}}
/* One short dip, a long steady interval, then one soft double dip. */
@keyframes garage-lamp-flicker{0%,22%,24%,67%,69%,71%,100%{opacity:1}23%{opacity:.4}68%{opacity:.25}70%{opacity:.6}}
@media(prefers-reduced-motion:reduce){html:not([data-motion="full"]) .atelier-view,html:not([data-motion="full"]) .atelier-view *{animation:none!important;transition:none!important}html:not([data-motion="full"]) #garage-monitor-face-light{opacity:.16}}
@media(max-width:760px){.garage-discover{gap:5px}.garage-discover-title{width:68px}.garage-discover-action{font-size:12px;gap:7px}.atelier-view{padding-bottom:80px}.atelier-canvas{width:min(100vw,calc((100dvh - 80px)*1.777778))}.atelier-founders{position:fixed;top:calc(50% + 100px);bottom:auto;left:24px;right:24px;width:auto}.atelier-founders h2{font-size:16px}.atelier-founders p{font-size:13px;line-height:1.6}}