/* Small 2D hover effects only. No perspective or permanent compositing layers. */
@media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){
 body.studio .btn{transition:translate .25s ease,box-shadow .25s ease,background-color .2s ease}
 body.studio .btn:hover{translate:0 -3px;box-shadow:0 8px 20px #0b15361a}
 body.studio .btn span{display:inline-block;transition:transform .25s ease}
 body.studio .btn:hover span{transform:translateX(5px)}
 body.studio .app-icon{transition:transform .35s cubic-bezier(.22,.7,.25,1)}
 body.studio .app-card:hover .app-icon{transform:translateY(-5px) rotate(-4deg)}
 body.studio .service-number{display:inline-block;transition:transform .3s ease,color .3s ease}
 body.studio .service-row:hover .service-number{transform:translateY(-4px);color:var(--studio-primary)}
}


.page-title-line{display:inline-block;max-width:100%}
@media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){
 body.studio .service-symbol{transition:transform .3s ease}
 body.studio .service-card:hover .service-symbol{transform:translateY(-5px) rotate(-6deg)}
 body.studio .work-card-image img{transition:transform .4s ease}
 body.studio .work-card:hover .work-card-image img{transform:scale(1.035)}
}