/* Interaction polish lives after all visual layers. No JS-dependent hiding. */
.motion-tools{display:flex;align-items:center;gap:8px;margin-left:auto}
.motion-tools button{min-height:28px;padding:4px 9px;background:transparent;border:1px solid #9eabb9;border-radius:20px;font:11px/1.3 'Manrope',sans-serif;color:#243c4b;white-space:nowrap}
.motion-tools button:hover{background:#d9e2eb}
.motion-tools button:disabled{opacity:.65;cursor:default}
.demo-bar:has(.motion-tools){gap:20px}
.demo-bar:has(.motion-tools) .demo-label{margin-left:auto}
.v5-agency-work a,.v5-still-vase,.v5-still-room,.v5-still-small,.v5-serein-photo{overflow:hidden}
.r4-connector{transform-origin:left center}
@media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){
 html:not([data-motion="off"]) .project-card .card-open{transition:transform .35s cubic-bezier(.16,1,.3,1),background .25s}
 html:not([data-motion="off"]) .project-card:hover .card-open{transform:rotate(45deg);background:var(--accent)}
 html:not([data-motion="off"]) .v5-agency-work a{transition:flex-grow .6s cubic-bezier(.16,1,.3,1),filter .35s}
 html:not([data-motion="off"]) .v5-agency-work:has(a:hover) a:not(:hover){filter:saturate(.4)}
 html:not([data-motion="off"]) .v5-agency-work a:hover img{filter:saturate(1.12)}
 html:not([data-motion="off"]) .v5-north-paths a{transition:background .25s,padding-left .3s}
 html:not([data-motion="off"]) .v5-north-paths a:hover{background:#d3d9ff16;padding-left:32px}
 html:not([data-motion="off"]) .current .service-card svg{transition:transform .45s cubic-bezier(.16,1,.3,1)}
 html:not([data-motion="off"]) .current .service-card:hover svg{transform:rotate(-8deg) translateY(-4px)}
 html:not([data-motion="off"]) .product-card img{transition:transform .7s cubic-bezier(.16,1,.3,1)}
 html:not([data-motion="off"]) .product-card:hover img{transform:scale(1.04)}
 html:not([data-motion="off"]) :is(.v5-button,.v3-header .v3-button){transition:box-shadow .25s,filter .25s,transform .25s}
 html:not([data-motion="off"]) :is(.v5-button,.v3-header .v3-button):hover{box-shadow:0 8px 18px #0002;filter:brightness(1.06)}
}
html[data-motion="off"] *,html[data-motion="off"] *::before,html[data-motion="off"] *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
@media(max-width:760px){.demo-bar:has(.motion-tools){gap:6px;padding:6px 12px}.demo-bar:has(.motion-tools)>a{font-size:9px}.demo-bar:has(.motion-tools) .demo-label{display:none}.motion-tools{gap:5px}.motion-tools button{font-size:9px;padding:4px 6px;min-height:44px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}