/* Original extracted hero layers - precise text cutout, construction preserved */
.home-hero-static--layered-wow{
  position:relative;
  animation:none !important;
  overflow:hidden;
}

.home-hero-hotspot,
.home-hero-overlay{
  position:absolute;
}

.home-hero-hotspot{
  z-index:4;
  background:transparent;
}

.home-hero-overlay{
  inset:0;
  z-index:2;
  pointer-events:none;
  background-repeat:no-repeat;
  background-position:center top;
  background-size:contain;
  mix-blend-mode:screen;
  transform:translateZ(0);
  will-change:opacity,filter;
}

/* Calm overlays hidden */
.home-hero-overlay--blueprint-calm,
.home-hero-overlay--dots-calm{
  opacity:0 !important;
}

.home-hero-overlay--blueprint-calm{
  background-image:url('/assets/hero/layers/hero-blueprint-calm-20260619-original.png?v=20260619-original-layer-10');
}

.home-hero-overlay--dots-calm{
  background-image:url('/assets/hero/layers/hero-dots-calm-20260619-original.png?v=20260619-original-layer-10');
}

/* Bright states */
.home-hero-overlay--blueprint-bright,
.home-hero-overlay--dots-bright{
  opacity:0;
  transition:opacity .42s cubic-bezier(.2,.7,.2,1), filter .42s cubic-bezier(.2,.7,.2,1);
}

.home-hero-overlay--blueprint-bright{
  background-image:url('/assets/hero/layers/hero-blueprint-bright-20260619-original.png?v=20260619-original-layer-10');
  clip-path:ellipse(21% 24% at 58% 28%);
  -webkit-clip-path:ellipse(21% 24% at 58% 28%);
  -webkit-mask-image:radial-gradient(
    ellipse at 58% 28%,
    rgba(0,0,0,1) 0%,
    rgba(0,0,0,1) 14%,
    rgba(0,0,0,.72) 24%,
    rgba(0,0,0,.38) 38%,
    rgba(0,0,0,.18) 52%,
    rgba(0,0,0,.10) 66%,
    rgba(0,0,0,.06) 74%,
    transparent 86%
  );
  mask-image:radial-gradient(
    ellipse at 58% 28%,
    rgba(0,0,0,1) 0%,
    rgba(0,0,0,1) 14%,
    rgba(0,0,0,.72) 24%,
    rgba(0,0,0,.38) 38%,
    rgba(0,0,0,.18) 52%,
    rgba(0,0,0,.10) 66%,
    rgba(0,0,0,.06) 74%,
    transparent 86%
  );
  -webkit-mask-repeat:no-repeat;
  mask-repeat:no-repeat;
  -webkit-mask-size:100% 100%;
  mask-size:100% 100%;
  filter:brightness(1.08) contrast(1.04) drop-shadow(0 0 1px rgba(170,220,255,.04));
}

.home-hero-overlay--dots-bright{
  background-image:url('/assets/hero/layers/hero-dots-bright-20260619-original.png?v=20260619-original-layer-10');
  filter:brightness(1.10) contrast(1.05) saturate(1.06) drop-shadow(0 0 5px rgba(90,175,255,.20));
}

/* Tight mouse reaction zone around the drawing center */
.home-hero-hotspot--blueprint{
  left:52.5%;
  top:16.5%;
  width:11.5%;
  height:14.5%;
}

.home-hero-hotspot--dots{
  left:34.0%;
  top:56.8%;
  width:54.5%;
  height:36.5%;
}

.home-hero-hotspot--blueprint:hover ~ .home-hero-overlay--blueprint-bright{
  opacity:.22;
}

.home-hero-hotspot--dots:hover ~ .home-hero-overlay--dots-bright{
  opacity:.38;
}

/* Text cutout only. No wide left-side fill: the curved workshop boundary and pixel flow stay visible. */
.home-hero-static--layered-wow::before{
  content:"" !important;
  display:block !important;
  position:absolute !important;
  inset:0 !important;
  z-index:6 !important;
  pointer-events:none !important;
  opacity:1 !important;
  background:rgba(246,249,253,.72) !important;
  -webkit-backdrop-filter:blur(9px) brightness(1.035) saturate(.92) !important;
  backdrop-filter:blur(9px) brightness(1.035) saturate(.92) !important;
  mix-blend-mode:normal !important;
  transform:none !important;
  animation:none !important;
  box-shadow:none !important;
  -webkit-mask-image:
    radial-gradient(ellipse 14% 6% at 14% 7%, #000 0 66%, rgba(0,0,0,.72) 78%, transparent 100%),
    radial-gradient(ellipse 19% 13% at 17% 34%, #000 0 68%, rgba(0,0,0,.72) 80%, transparent 100%),
    radial-gradient(ellipse 16% 10% at 13% 57%, #000 0 66%, rgba(0,0,0,.72) 80%, transparent 100%),
    radial-gradient(ellipse 23% 10% at 20% 88%, #000 0 65%, rgba(0,0,0,.68) 78%, transparent 100%);
  mask-image:
    radial-gradient(ellipse 14% 6% at 14% 7%, #000 0 66%, rgba(0,0,0,.72) 78%, transparent 100%),
    radial-gradient(ellipse 19% 13% at 17% 34%, #000 0 68%, rgba(0,0,0,.72) 80%, transparent 100%),
    radial-gradient(ellipse 16% 10% at 13% 57%, #000 0 66%, rgba(0,0,0,.72) 80%, transparent 100%),
    radial-gradient(ellipse 23% 10% at 20% 88%, #000 0 65%, rgba(0,0,0,.68) 78%, transparent 100%);
  -webkit-mask-repeat:no-repeat;
  mask-repeat:no-repeat;
}

/* Remove moving glare / running sheen completely */
.home-hero-static--layered-wow::after{
  content:none !important;
  display:none !important;
  opacity:0 !important;
  background:none !important;
  animation:none !important;
  box-shadow:none !important;
}

.home-hero-static--layered-wow:hover::after{
  opacity:0 !important;
}

/* Hero HTML icons/cards removed from visual layer */
.hero-liquid-icons,
.hero-liquid-card{
  display:none !important;
  visibility:hidden !important;
  opacity:0 !important;
  pointer-events:none !important;
}

@media (min-width:2200px){
  .home-hero-overlay{background-size:auto 100%;background-position:center top;}
}
@media (min-width:1600px) and (max-width:2199px){
  .home-hero-overlay{background-size:auto 100%;background-position:center top;}
}
@media (min-width:1101px) and (max-width:1599px){
  .home-hero-overlay{background-size:cover;background-position:center top;}
}

@media (max-width:1100px), (hover:none){
  .home-hero-hotspot,
  .home-hero-overlay,
  .hero-liquid-icons,
  .hero-liquid-card{display:none !important;}

  .home-hero-static--layered-wow::before{
    content:none !important;
    display:none !important;
  }
}