/* ==========================================================
   gk-hero.css — Estilos do hero (apenas index.html)
   ========================================================== */

.floating-heading-splash.gk-hero-heading-empty {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

.div-for-subtitle {
  z-index: 15 !important;
  position: relative !important;
}

.subtitle.hero-copy-stack {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
  gap: 0.35em !important;
}

.subtitle .splash-hero-name {
  font-family: 'Montserrat', sans-serif !important;
  font-weight: 400 !important;
  font-size: clamp(42px, 10.5vw, 158px) !important;
  letter-spacing: 0.04em !important;
  text-transform: uppercase !important;
  color: #f8f8f8 !important;
  margin: 0 !important;
  line-height: 1.05 !important;
}

.subtitle .splash-hero-tagline-below {
  font-family: 'Montserrat', sans-serif !important;
  font-weight: 500 !important;
  font-size: clamp(14px, 3.4vw, 44px) !important;
  letter-spacing: 0.32em !important;
  text-transform: uppercase !important;
  color: #f0f0f0 !important;
  margin: 0 !important;
  line-height: 1.2 !important;
}

.logo-background-home {
  background-image: none !important;
}

/* position:relative + overflow:hidden: contém o parallax (110% width) e as bandeiras */
.section-home1 {
  position: relative;
  overflow: hidden;
}

/* Textura de fundo: o elemento tem width:110% mas left:0 por defeito.
   O IX2 aplica translate3d(+Xpx, +Ypx) que empurra para a direita,
   revelando uma faixa escura à esquerda. Centramos com left:-5%
   e aumentamos o buffer para ±10% para cobrir qualquer deslocamento. */
.section-home1 .background-image-paralax.div-block-4 {
  left: -10% !important;
  width: 120% !important;
}

/* Imagem flutuante do artista:
   - Alargada 40px (20px cada lado) para cobrir o deslocamento do IX2 parallax
   - background-position compensa os 20px extras no lado direito do elemento
   - overflow:hidden na section-home1 garante que o excesso é cortado */
.chiwon-float {
  left: -20px !important;
  width: calc(100% + 40px) !important;
  background-position: 0 0, center bottom 0px, 0 0 !important;
}