/* Full-bleed ProfileCard treatment. Replaces the cover transform, not a second tilt. */
body.slide-projector-enabled #openingPhotoGrainient,
body.slide-projector-enabled[data-projector="on"] #openingProjector .wall-photo{
 transform:perspective(1400px) rotateX(calc(var(--cover-y,0)*-6deg)) rotateY(calc(var(--cover-x,0)*6deg)) translate3d(calc(var(--cover-x,0)*4px),calc(var(--cover-y,0)*4px),0) scale(1.06)!important;
 transition:transform .4s ease!important;
}
#openingPhotoGrainient::before,#openingPhotoGrainient::after{content:"";position:absolute;inset:0;pointer-events:none;z-index:2;opacity:0;transition:opacity .45s ease}
#openingPhotoGrainient::before{background:linear-gradient(120deg,transparent 12%,#c5b0ed55 30%,#96e0db55 45%,#f5db9a55 58%,#d9b1d655 75%,transparent 90%);background-size:200% 200%;background-position:calc(50% + var(--cover-x,0)*50%) calc(50% + var(--cover-y,0)*50%);mix-blend-mode:color-dodge}
#openingPhotoGrainient::after{background:radial-gradient(ellipse at calc(50% + var(--cover-x,0)*50%) calc(50% + var(--cover-y,0)*50%),#ffffff70,transparent 65%);mix-blend-mode:screen}
body[data-projector="on"] #openingProjector.opening-profile-active #openingPhotoGrainient::before{opacity:.38}
body[data-projector="on"] #openingProjector.opening-profile-active #openingPhotoGrainient::after{opacity:.24}
@media(hover:none),(pointer:coarse),(prefers-reduced-motion:reduce){
 body.slide-projector-enabled #openingPhotoGrainient,body.slide-projector-enabled[data-projector="on"] #openingProjector .wall-photo{transform:none!important;transition:none!important}
 #openingPhotoGrainient::before,#openingPhotoGrainient::after{display:none}
}