/* Relief par perspective CSS, sans moteur 3D lourd ni animation permanente. */
.depth-surface{--tilt-x:0deg;--tilt-y:0deg;--light-x:50%;--light-y:50%;transform:perspective(1100px) rotateX(var(--tilt-x)) rotateY(var(--tilt-y));transform-origin:center;transition:transform .45s cubic-bezier(.2,.8,.2,1),box-shadow .45s;backface-visibility:hidden}
.depth-active{transition:transform .14s ease-out;box-shadow:0 24px 48px -25px #102b2680}
.js-motion .reveal.visible.depth-surface{transform:perspective(1100px) rotateX(var(--tilt-x)) rotateY(var(--tilt-y))}
.hero-photo.depth-active img,.space-photo.depth-active img{transform:scale(1.04);transition:transform .5s}
.hero-photo img{transition:transform .5s}
.service-card.depth-surface{position:relative;transform-style:preserve-3d;background:var(--cream)}
.service-card.depth-active h3{transform:translateZ(18px)}
.service-card h3{transition:transform .4s}
.depth-surface:focus-visible{transform:perspective(1100px) rotateY(-2deg)}
.hero-photo .photo-label{transition:transform .4s}
.hero-photo.depth-active .photo-label{transform:translateY(-7px)}
.venue.depth-active{transform:perspective(850px) rotateX(var(--tilt-x)) rotateY(var(--tilt-y)) translateY(-3px);box-shadow:0 16px 38px #0006}
.venue.depth-active .venue-photo{transform:scale(1.045)}
.venue.depth-active:before{content:'';position:absolute;inset:0;background:radial-gradient(circle at var(--light-x) var(--light-y),#fff2,transparent 62%);pointer-events:none;z-index:0}
.venue .venue-content{z-index:1}
@media(hover:none),(pointer:coarse){.depth-surface{transform:none!important;box-shadow:none}.venue:active,.service-card:active{scale:.99}}
@media(prefers-reduced-motion:reduce){.depth-surface,.depth-active{transform:none!important;transition:none!important;box-shadow:none!important}.depth-surface *{transition:none!important}.depth-active img,.depth-active h3,.depth-active .photo-label{transform:none!important}}