/* Deskrune v4c — Hero canvas styling.
 *
 * Single rotating wireframe brand glyph. Centered. Restrained.
 * No cursor reactivity, no wave ripples, no edge mask gymnastics.
 * Just a calm 3D object that breathes.
 */

.dr-hero-canvas-wrap {
  position: absolute !important;
  inset: 0 !important;
  pointer-events: none;
  z-index: 0;
  overflow: hidden;
  /* Soft vignette only — gentle, not aggressive */
  mask-image: radial-gradient(ellipse at center, rgba(0,0,0,1) 0%, rgba(0,0,0,0.95) 70%, rgba(0,0,0,0.5) 95%, rgba(0,0,0,0) 100%);
  -webkit-mask-image: radial-gradient(ellipse at center, rgba(0,0,0,1) 0%, rgba(0,0,0,0.95) 70%, rgba(0,0,0,0.5) 95%, rgba(0,0,0,0) 100%);
}

#dr-hero-canvas {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  display: block;
  pointer-events: none;
}

/* Hero text overlay above canvas */
.hero-vp .hero-inner-vp,
.hero .hero-inner {
  position: relative;
  z-index: 2;
}

.hero-vp,
.hero {
  position: relative;
  min-height: clamp(560px, 72vh, 760px);
}

/* Mobile: glyph reads at 70% opacity so text stays primary */
@media (max-width: 759px) {
  .dr-hero-canvas-wrap { opacity: 0.70; }
}
@media (min-width: 760px) {
  .dr-hero-canvas-wrap { opacity: 0.92; }
}

@media (prefers-reduced-motion: reduce) {
  .dr-hero-canvas-wrap { opacity: 0.50; }
}