/* VOZAYA 0.19.41 — HERO SAFE REFLOW
   Long translations must never be clipped by the English hero geometry. */

.early-access-grid,
.early-access-copy,
.join-free-lockup,
.join-free-side{
  min-width:0!important;
}

.early-access-copy{
  width:100%!important;
  max-width:760px!important;
  overflow:visible!important;
}

/* Give translated copy more real estate on desktop. */
html[data-vozaya-hero-long="1"] .early-access-grid{
  grid-template-columns:minmax(0,1.08fr) minmax(370px,.92fr)!important;
  gap:clamp(1.5rem,3vw,3.5rem)!important;
}

/* Never constrain translated hero headings to the old 8.4ch English measure. */
html[data-vozaya-hero-long="1"] .early-access-copy h1{
  max-width:100%!important;
  width:100%!important;
  font-size:clamp(3rem,5.25vw,6rem)!important;
  line-height:.93!important;
  letter-spacing:-.055em!important;
  overflow-wrap:normal!important;
  word-break:normal!important;
  text-wrap:balance!important;
}

/* Kicker can wrap instead of disappearing beyond the column. */
html[data-vozaya-hero-long="1"] .early-access-copy > .kicker{
  display:block!important;
  max-width:100%!important;
  white-space:normal!important;
  line-height:1.35!important;
  text-wrap:balance!important;
}

/* Default translated hero lockup still uses two columns where it fits. */
html[data-vozaya-hero-long="1"] .join-free-lockup{
  grid-template-columns:minmax(0,1fr) minmax(138px,25%)!important;
  width:100%!important;
  max-width:100%!important;
}

/* Runtime may switch to stacked mode when even the translated two-column
   version does not have enough usable width. */
html[data-vozaya-hero-stack="1"] .join-free-lockup{
  grid-template-columns:1fr!important;
  align-items:start!important;
  row-gap:.7rem!important;
}

html[data-vozaya-hero-stack="1"] .join-free-lockup > .free-word,
html[data-vozaya-hero-stack="1"] .join-free-lockup > .join-free-side{
  grid-column:1!important;
  width:100%!important;
  max-width:100%!important;
}

html[data-vozaya-hero-stack="1"] .join-free-side{
  display:grid!important;
  grid-template-columns:auto minmax(0,1fr)!important;
  align-items:start!important;
  column-gap:1rem!important;
  padding-bottom:0!important;
}

html[data-vozaya-hero-stack="1"] .join-free-side > b{
  white-space:nowrap!important;
}

html[data-vozaya-hero-stack="1"] .join-free-side > span{
  max-width:32ch!important;
}

/* Ensure the visible copy itself is never hidden by the hero container. */
html[data-vozaya-hero-long="1"] .early-access-copy{
  overflow:visible!important;
}

/* At tighter desktop widths use a single hero column before clipping can occur. */
@media(max-width:1120px){
  html[data-vozaya-hero-long="1"] .early-access-grid{
    grid-template-columns:1fr!important;
  }
  html[data-vozaya-hero-long="1"] .early-access-copy{
    max-width:760px!important;
    margin-inline:auto!important;
  }
}

@media(max-width:760px){
  html[data-vozaya-hero-long="1"] .early-access-copy h1{
    font-size:clamp(2.8rem,12.5vw,4.8rem)!important;
  }

  html[data-vozaya-hero-stack="1"] .join-free-side{
    grid-template-columns:1fr!important;
    text-align:center!important;
  }
  html[data-vozaya-hero-stack="1"] .join-free-side > b{
    white-space:normal!important;
  }
}
