/* 3D layered night scene: same photo split into depth layers, slow dolly/orbit, mouse + scroll parallax. No overlays with lines. */
.d3{position:absolute;inset:0;z-index:-3;overflow:hidden;perspective:1100px;perspective-origin:50% 45%;background:#000}
.d3-cam{position:absolute;inset:-8%;transform-style:preserve-3d;animation:d3orbit 26s ease-in-out infinite alternate;will-change:transform}
.d3-rig{position:absolute;inset:0;transform-style:preserve-3d;transform:rotateY(calc(var(--mx,0)*4deg)) rotateX(calc(var(--my,0)*-3deg)) translateZ(calc(var(--sy,0)*60px));transition:transform .6s cubic-bezier(.2,.7,.2,1)}
.d3 i{position:absolute;inset:0;background-image:var(--d3img);background-size:cover;background-position:var(--d3pos,50% 50%);backface-visibility:hidden}
.d3-back{transform:translateZ(-320px) scale(1.32);filter:blur(5px) brightness(.55) saturate(.8)}
.d3-mid{transform:translateZ(-60px) scale(1.06);filter:brightness(.82) contrast(1.08) saturate(.85);-webkit-mask:radial-gradient(ellipse 58% 62% at 50% 52%,#000 45%,transparent 78%);mask:radial-gradient(ellipse 58% 62% at 50% 52%,#000 45%,transparent 78%)}
.d3-front{transform:translateZ(140px) scale(.88);filter:blur(3px) brightness(.6);-webkit-mask:linear-gradient(to top,#000 0,#000 14%,transparent 34%);mask:linear-gradient(to top,#000 0,#000 14%,transparent 34%)}
.d3-light{position:absolute;inset:0;z-index:-2;pointer-events:none;background:radial-gradient(45% 40% at 50% 30%,#f2d9a018,transparent 70%),radial-gradient(35% 35% at 75% 25%,#82DFCB14,transparent 70%);animation:d3flick 7s infinite;mix-blend-mode:screen}
@keyframes d3orbit{0%{transform:translate3d(-1.5%,0,0) rotateY(-3deg) rotateX(1deg) translateZ(0)}50%{transform:translate3d(0,-1%,0) rotateY(0) rotateX(-1deg) translateZ(70px)}100%{transform:translate3d(1.5%,0,0) rotateY(3deg) rotateX(1deg) translateZ(30px)}}
@keyframes d3flick{0%,100%{opacity:1}37%{opacity:1}38%{opacity:.65}39%{opacity:1}41%{opacity:.8}42%{opacity:1}70%{opacity:.9}}
@media (prefers-reduced-motion:reduce){.d3-cam,.d3-light{animation:none!important}.d3-rig{transform:none!important;transition:none!important}.d3-back,.d3-front{display:none}.d3-mid{transform:none;-webkit-mask:none;mask:none}}
@supports (background-image:image-set(url("a.webp") type("image/webp"))){.d3 i{background-image:var(--d3webp,var(--d3img))}}