body[data-page="home"] .hero{
  position: relative;
  overflow: hidden;
  isolation: isolate;
}

body[data-page="home"] .hero::before{
  opacity: .14;
}

body[data-page="home"] .hero-binary-matrix{
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
  opacity: .58;
  pointer-events: none;
}

body[data-page="home"] .hero-grid{
  position: relative;
  z-index: 1;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
  align-items: center;
  gap: clamp(28px, 4vw, 64px) !important;
}

body[data-page="home"] .hero-content,
body[data-page="home"] .hero-card{
  min-width: 0;
}

body[data-page="home"] .hero-content{
  max-width: 100%;
}

body[data-page="home"] .hero-content > p{
  max-width: 650px;
}

body[data-page="home"] .hero-card,
body[data-page="home"] .hero-brand-stage{
  min-height: clamp(360px, 36vw, 500px) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

body[data-page="home"] .hero-card::before,
body[data-page="home"] .hero-card::after,
body[data-page="home"] .hero-brand-stage::before,
body[data-page="home"] .hero-brand-stage::after,
body[data-page="home"] .hero-brand-showcase::before,
body[data-page="home"] .hero-brand-showcase::after,
body[data-page="home"] .hero-brand-halo,
body[data-page="home"] .hero-brand-scan,
body[data-page="home"] .hero-logo-colorbuild-canvas,
body[data-page="home"] .hero-logo-colorbuild-fallback{
  display: none !important;
}

body[data-page="home"] .hero-brand-showcase.hero-binary-wordmark{
  position: relative !important;
  width: min(100%, 760px) !important;
  height: clamp(390px, 35vw, 500px) !important;
  min-height: 390px !important;
  background: transparent !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  outline: none !important;
  overflow: visible !important;
  animation: none !important;
  transform: none !important;
}

body[data-page="home"] .hero-brand-showcase.hero-binary-wordmark::before,
body[data-page="home"] .hero-brand-showcase.hero-binary-wordmark::after{
  content: none !important;
  display: none !important;
  background: none !important;
  border: none !important;
  box-shadow: none !important;
}



body[data-page="home"] .hero-binary-wordmark,
body[data-page="home"] .hero-binary-wordmark *,
body[data-page="home"] .hero-binary-logo-canvas{
  text-decoration: none !important;
  border-bottom: 0 !important;
  box-shadow: none;
}


body[data-page="home"] .hero-brand-showcase.hero-binary-wordmark,
body[data-page="home"] .hero-brand-showcase.hero-binary-wordmark::before,
body[data-page="home"] .hero-brand-showcase.hero-binary-wordmark::after,
body[data-page="home"] .hero-brand-showcase.hero-binary-wordmark *,
body[data-page="home"] .hero-binary-logo-canvas{
  background-image: none !important;
  text-decoration: none !important;
  border-bottom: 0 !important;
  outline: none !important;
}

body[data-page="home"] .hero-binary-logo-canvas{
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  display: block;
}

body[data-page="home"] .social-button--facebook,
body[data-page="home"] .footer-social-links .social-button--facebook,
body[data-page="home"] .social-dock .social-button--facebook{
  color: var(--color-brand-soft);
  background: linear-gradient(145deg, rgba(8,37,47,.96), rgba(3,20,28,.98));
  border: 1px solid rgba(80,239,207,.42);
  box-shadow: inset 0 0 16px rgba(80,239,207,.07), 0 0 18px rgba(76,201,240,.12), 0 10px 24px rgba(0,0,0,.28);
  opacity: 1 !important;
  filter: none !important;
  cursor: pointer !important;
}

body[data-page="home"] .social-button--facebook:hover,
body[data-page="home"] .social-button--facebook:focus-visible{
  color: #efffff;
  border-color: rgba(80,239,207,.82);
  box-shadow: inset 0 0 18px rgba(80,239,207,.10), 0 0 24px rgba(80,239,207,.22), 0 12px 28px rgba(0,0,0,.32);
  transform: translateY(-3px);
}

body[data-page="home"] .social-button--facebook:active{
  transform: translateY(-1px) scale(.98);
}

@media (max-width: 980px){
  body[data-page="home"] .hero-grid{
    grid-template-columns: 1fr !important;
    text-align: center;
  }

  body[data-page="home"] .hero-content > p{
    margin-inline: auto;
  }

  body[data-page="home"] .hero-actions,
  body[data-page="home"] .hero-stats{
    justify-content: center;
  }

  body[data-page="home"] .hero-card{
    order: -1;
  }

  body[data-page="home"] .hero-brand-showcase.hero-binary-wordmark{
    width: min(88vw, 520px) !important;
    height: clamp(320px, 60vw, 400px) !important;
    min-height: 320px !important;
  }
}

@media (max-width: 680px){
  body[data-page="home"] .hero-binary-matrix{
    opacity: .42;
  }

  body[data-page="home"] .hero-brand-showcase.hero-binary-wordmark{
    width: min(90vw, 440px) !important;
    height: clamp(270px, 68vw, 340px) !important;
    min-height: 270px !important;
  }
}