/* Lightweight, progressive motion. Content remains visible without JavaScript. */
.motion-progress{position:fixed;z-index:90;top:0;left:0;width:100%;height:3px;transform:scaleX(0);transform-origin:left;pointer-events:none}
.motion-ready .reveal{animation:none}
.motion-ready a:focus-visible,.motion-ready button:focus-visible{outline-offset:5px}
.motion-ready details[open] summary{transition:color .2s ease}
.motion-ready :is(.btn,.button,.choose,.textlink,.text-link,.offer-link,.studio-explore){transition:background-color .22s ease,color .22s ease,box-shadow .22s ease,border-color .22s ease}
@media(hover:hover) and (pointer:fine){
 .motion-ready :is(.gallery button,.gallery-grid figure,.card .image,.service-photo,.service .photo,.project-image,.hero-photo,.space-photo,.studio-image){overflow:hidden}
 .motion-ready :is(.gallery button,.gallery-grid figure,.card .image,.service-photo,.service .photo,.project-image,.hero-photo,.space-photo,.studio-image) img{transition:transform .75s cubic-bezier(.22,1,.36,1),filter .5s ease}
 .motion-ready :is(.gallery button,.gallery-grid figure,.card,.service,.project-image,.space-photo,.studio-image):hover img{transform:scale(1.035)}
 .motion-ready :is(.btn,.button,.choose):hover{box-shadow:0 5px 18px #00000016}
 .motion-ready nav a{position:relative}
 .motion-ready nav a:after{content:'';position:absolute;left:0;right:0;bottom:-6px;height:1px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .3s ease}
 .motion-ready nav a:hover:after,.motion-ready nav a:focus-visible:after{transform:scaleX(1)}
}
body[data-motion-theme="royalbarber"] #services .service{transition:padding-left .3s ease,background .3s ease}
body[data-motion-theme="royalbarber"] #services .service:hover{padding-left:12px;background:#b69a6f14}
body[data-motion-theme="royalbarber"] .gallery button img{filter:grayscale(1);transition:filter .6s ease,transform .75s ease}
body[data-motion-theme="royalbarber"] .gallery button:hover img{filter:grayscale(0)}
body[data-motion-theme="fotoevent"] .gallery>button{transition:box-shadow .4s ease}
body[data-motion-theme="fotoevent"] .gallery>button:hover{box-shadow:0 16px 30px #302c2220}
body[data-motion-theme="artmob-cluj"] .studio-explore span:last-child{transition:transform .3s ease}
body[data-motion-theme="artmob-cluj"] .studio-explore:hover span:last-child{transform:translateY(5px)}
body[data-motion-theme="deratx"] .problem .ico{transition:transform .3s ease}
body[data-motion-theme="deratx"] .problem:hover .ico{transform:rotate(-9deg) scale(1.1)}
body[data-motion-theme="deratx"] .problem{transition:border-color .25s ease,background .25s ease}
body[data-motion-theme="terrawood"] .service .photo{overflow:hidden}
body[data-motion-theme="terrawood"] .offer-link span{transition:transform .25s ease}
body[data-motion-theme="terrawood"] .offer-link:hover span{transform:translateX(6px)}
body[data-motion-theme="redlinegarage"] .hero:after{content:'';position:absolute;bottom:0;left:0;height:3px;width:100%;background:#df302d;transform-origin:left;animation:motion-line .9s cubic-bezier(.22,1,.36,1) both;pointer-events:none}
body[data-motion-theme="redlinegarage"] .service img{transition:filter .3s ease}
body[data-motion-theme="redlinegarage"] .service:hover img{filter:saturate(1.2)}
body[data-motion-theme="cleanpro-services"] .chooser button{transition:background .25s ease,border-color .25s ease,box-shadow .25s ease}
body[data-motion-theme="cleanpro-services"] .chooser button:hover{box-shadow:0 4px 18px #20395714}
body[data-motion-theme="cleanpro-services"] .chooser button b{transition:transform .25s ease}
body[data-motion-theme="cleanpro-services"] .chooser button:hover b{transform:translate(3px,-3px)}
body[data-motion-theme="red-auto-detailing"] .service-link{transition:padding-left .25s ease}
body[data-motion-theme="red-auto-detailing"] .service-link:hover{padding-left:10px}
body[data-motion-theme="brendulmeu"] .project .browser{transition:transform .5s cubic-bezier(.22,1,.36,1),box-shadow .5s ease}
body[data-motion-theme="brendulmeu"] .project-image:hover .browser{transform:translateY(-5px);box-shadow:0 18px 36px #1d251922}
@keyframes motion-line{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@media(prefers-reduced-motion:reduce){.motion-progress{display:none}*,*:before,*:after{animation:none!important;transition:none!important}.motion-ready :is(.gallery button,.gallery-grid figure,.card,.service,.project-image,.space-photo,.studio-image):hover img{transform:none!important}.motion-ready nav a:after{display:none}}