/* Only final.html: the approved artwork and hit areas keep their exact geometry. */
.final-preview .court-reveal,
.final-preview .court-reveal.is-awaiting{opacity:1;translate:none;transition:none}
.final-preview .court-intro,
.final-preview .court-price,
.final-preview .court-about{transform:translate3d(0,var(--depth-y,0px),0)}
.final-preview .court-reveal:focus-within{transform:none!important}
.final-preview .court-reveal.is-depth-visible{will-change:transform}
@media(max-width:760px){
 .final-preview .court-reveal{transform:none;will-change:auto}
 .final-preview .court-reveal> *{transform:translate3d(0,var(--depth-y,0px),0)}
 .final-preview .court-reveal:focus-within> *{transform:none!important}
 .final-preview .court-intro{background-position:22% calc(10% + var(--depth-bg,0px))}
 .final-preview .court-price{background-position:center calc(55% + var(--depth-bg,0px))}
 .final-preview .court-about{background-position:20% calc(88% + var(--depth-bg,0px))}
 .final-preview .workshop-crop{background-position:right calc(91% + var(--depth-bg,0px))}
}
@media(prefers-reduced-motion:reduce){
 .final-preview .court-reveal,.final-preview .court-reveal> *{transform:none!important;will-change:auto!important}
 .final-preview .court-reveal,.final-preview .workshop-crop{--depth-y:0px!important;--depth-bg:0px!important}
}