/* 3D "eSimple" word above the homepage hero. Decorative; the static text below
   shows until WebGL is ready (or forever when WebGL / motion is unavailable). */
.hero3d{position:relative;text-align:center;overflow:hidden;padding:clamp(.75rem,2vw,1.5rem) clamp(1.25rem,4vw,4rem) 0;}
.hero3d-stage{position:relative;width:min(1180px,100%);height:clamp(150px,22vw,300px);margin:0 auto;touch-action:pan-y;cursor:grab;}
.hero3d-stage:active{cursor:grabbing;}
.hero3d-stage canvas{display:block;width:100%;height:100%;opacity:0;transition:opacity .7s ease;}
.hero3d-stage.is-live canvas{opacity:1;}
.hero3d-fallback{
  position:absolute;inset:0;display:flex;align-items:center;justify-content:center;
  font-family:"Archivo",sans-serif;font-weight:900;font-size:clamp(3.4rem,11.5vw,9.5rem);line-height:1;
  letter-spacing:-.03em;color:var(--ink,#F5F4EF);transition:opacity .7s ease;pointer-events:none;
}
.hero3d-fallback span{color:var(--pop,#D7FF3D);}
.hero3d-stage.is-live .hero3d-fallback{opacity:0;}