/* A vector fallback remains visible until the first complete Canvas frame. */
.brand-vector-fallback{position:absolute;inset:15%;width:70%;height:70%;color:#143e2b;pointer-events:none;transition:opacity .25s}
.canvas-ready .brand-vector-fallback,.hero.use-custom-image .brand-vector-fallback{opacity:0}
.brand-stage canvas{position:absolute;inset:0;width:100%;height:100%;display:block}
.brand-stage .stage-coordinate{pointer-events:none}
@media(prefers-reduced-motion:reduce){.brand-vector-fallback{transition:none}}

.brand-stage .brand-studio-canvas{z-index:1;pointer-events:none}
.brand-stage.studio-ready>#brand-canvas{visibility:hidden}
.hero.use-custom-image .brand-studio-canvas{display:none}