/* Only the commercial Site illustration receives these additional depth layers. */
#nolvenn-pilier-preview[data-pillar-commercial="site"] .scene{perspective:1000px;transform-style:flat}
#nolvenn-pilier-preview[data-pillar-commercial="site"] .scene-object{backface-visibility:hidden;--hover-x:0px;--hover-y:-12px;--hover-z:12px;--hover-turn:4deg}
#nolvenn-pilier-preview[data-pillar-commercial="site"] .browser{transform:rotateY(-17deg) rotateX(11deg) rotateZ(-4deg);box-shadow:inset 0 1px 0 #fff,1px 2px 0 #e8e3d8,2px 4px 0 #d7d4ce,3px 6px 0 #c7c8c9,4px 8px 0 #b8bdc5,0 32px 55px #101b3529;--hover-x:5px;--hover-y:-13px;--hover-z:16px;--hover-turn:4deg;--hover-duration:11s}
#nolvenn-pilier-preview[data-pillar-commercial="site"] .mobile{transform:rotateY(-19deg) rotateX(11deg) rotateZ(8deg) translateZ(26px);box-shadow:1px 1px 0 #35415d,2px 3px 0 #25314d,4px 5px 0 #101b35,0 28px 38px #101b353b;--hover-x:-6px;--hover-y:-15px;--hover-z:18px;--hover-turn:-6deg;--hover-duration:9.5s}
#nolvenn-pilier-preview[data-pillar-commercial="site"] .identity-card{transform:rotateY(-11deg) rotateX(12deg) rotateZ(7deg) translateZ(44px);box-shadow:inset 0 1px 0 #fff,1px 2px 0 #ebe6da,2px 4px 0 #d8d4cb,3px 6px 0 #c5c6c7,0 22px 34px #101b3524;--hover-x:6px;--hover-y:-18px;--hover-z:20px;--hover-turn:6deg;--hover-duration:8.5s}
#nolvenn-pilier-preview[data-pillar-commercial="site"] .contact-card{transform:rotateY(-10deg) rotateX(8deg) rotateZ(-5deg) translateZ(36px);box-shadow:inset 0 1px 0 #ffffff16,1px 2px 0 #26324e,2px 4px 0 #17233f,3px 6px 0 #0b1429,0 28px 38px #101b353b;--hover-x:8px;--hover-y:12px;--hover-z:16px;--hover-turn:-5deg;--hover-duration:10s}
#nolvenn-pilier-preview[data-pillar-commercial="site"] .content-card{transform:rotateY(-9deg) rotateX(9deg) rotateZ(3deg) translateZ(22px);box-shadow:inset 0 1px 0 #fff,1px 2px 0 #e8e2d5,2px 4px 0 #d3d2cd,3px 5px 0 #c1c4c9,0 20px 30px #101b3526;--hover-x:-7px;--hover-y:13px;--hover-z:14px;--hover-turn:5deg;--hover-duration:12s}
#nolvenn-pilier-preview[data-pillar-commercial="site"][data-pillar-depth-ready] .scene-object{animation:nolvenn-site-depth var(--hover-duration,10s) ease-in-out infinite;animation-play-state:paused;will-change:translate,rotate}
#nolvenn-pilier-preview[data-pillar-commercial="site"][data-pillar-depth="running"] .scene-object{animation-play-state:running}
@keyframes nolvenn-site-depth{0%,100%{translate:0 0 0;rotate:.3 1 0 0deg}25%{translate:var(--hover-x) var(--hover-y) var(--hover-z);rotate:.3 1 0 var(--hover-turn)}50%{translate:0 0 0;rotate:.3 1 0 0deg}75%{translate:calc(var(--hover-x) * -.65) calc(var(--hover-y) * -.55) calc(var(--hover-z) * -.4);rotate:.3 1 0 calc(var(--hover-turn) * -.7)}}
@media(max-width:760px){#nolvenn-pilier-preview[data-pillar-commercial="site"] .scene{perspective:1100px}#nolvenn-pilier-preview[data-pillar-commercial="site"] .mobile{transform:rotateY(-16deg) rotateX(9deg) rotateZ(8deg) translateZ(10px)}#nolvenn-pilier-preview[data-pillar-commercial="site"] .identity-card{transform:rotateY(-10deg) rotateX(10deg) rotateZ(7deg) translateZ(12px)}#nolvenn-pilier-preview[data-pillar-commercial="site"] .contact-card{transform:rotateY(-9deg) rotateX(8deg) rotateZ(-5deg) translateZ(10px)}#nolvenn-pilier-preview[data-pillar-commercial="site"] .content-card{transform:rotateY(-8deg) rotateX(8deg) rotateZ(3deg) translateZ(8px)}#nolvenn-pilier-preview[data-pillar-commercial="site"] .scene-object{--hover-x:3px;--hover-y:-8px;--hover-z:7px;--hover-turn:3deg}}
@media(prefers-reduced-motion:reduce){#nolvenn-pilier-preview[data-pillar-commercial="site"] .scene-object{animation:none!important;translate:none!important;rotate:none!important;will-change:auto}}