/* === VENCILLA 04D START (interactive hero globe; mounts into .vx-globe-stage; AVIF/poster stays as fallback) === */
.vx-section .vx-globe-stage>canvas{position:absolute;inset:0;width:100%;height:100%;display:block;opacity:0;transition:opacity .7s ease}
.vx-section .vx-globe-stage>canvas.vx-globe-gl{pointer-events:none}
.vx-section .vx-globe-stage>canvas.vx-globe-ov{pointer-events:auto;touch-action:pan-y;-webkit-tap-highlight-color:transparent}
.vx-section .vx-globe-stage>canvas.vx-globe-ov.is-dragging{cursor:grabbing!important}
.vx-section .vx-globe-stage.vx-globe-live>canvas{opacity:1}
.vx-section .vx-globe-stage::before{transition:opacity .7s ease}
.vx-section .vx-globe-stage.vx-globe-live::before{opacity:0}
@media (prefers-reduced-motion:reduce){.vx-section .vx-globe-stage>canvas,.vx-section .vx-globe-stage::before{transition:none}}
/* when the interactive globe is enqueued (body.vx-globe-js) load only the light poster under it; restore the animated AVIF if WebGL fails */
body.vx-globe-js .vx-section .vx-globe-stage::before{background-image:url("/wp-content/uploads/2026/10/vencilla-hero-globe-poster-800.webp")}
body.vx-globe-js .vx-section .vx-globe-stage.vx-globe-fallback::before{background-image:url("/wp-content/uploads/2026/10/vencilla-hero-globe-800.avif"),url("/wp-content/uploads/2026/10/vencilla-hero-globe-poster-800.webp")}
@media (max-width:767px){
  body.vx-globe-js .vx-section .vx-globe-stage::before{background-image:url("/wp-content/uploads/2026/10/vencilla-hero-globe-poster-480.webp")}
  body.vx-globe-js .vx-section .vx-globe-stage.vx-globe-fallback::before{background-image:url("/wp-content/uploads/2026/10/vencilla-hero-globe-480.avif"),url("/wp-content/uploads/2026/10/vencilla-hero-globe-poster-480.webp")}
}
@media (prefers-reduced-motion:reduce){body.vx-globe-js .vx-section .vx-globe-stage.vx-globe-fallback::before{background-image:url("/wp-content/uploads/2026/10/vencilla-hero-globe-poster-800.webp")}}
/* === VENCILLA 04D END === */