/* Homepage hero, responsive (13 November 2026).
   H1: white line "COME LET'S GROW -" and turquoise line "AND KEEP GROWING" each stay on one line.
   Each line is ~5.95em wide in Bebas Neue, so font-size = column width / 6.2. */
html body section.wrap.hero .hero-copy{min-width:0}
html body section.wrap.hero h1{font-size:clamp(34px,calc((100vw - 48px)/6.4),88px)!important;line-height:1.02!important;max-width:none!important;overflow-wrap:normal!important;word-break:normal!important;hyphens:none!important}
@supports (container-type:inline-size){
  html body section.wrap.hero .hero-copy{container-type:inline-size}
  html body section.wrap.hero h1{font-size:clamp(30px,16cqi,88px)!important}
}
html body section.wrap.hero h1 span{display:block!important;white-space:nowrap!important;font-size:1em!important;letter-spacing:inherit!important;line-height:inherit!important}
/* Tablet: two columns are too narrow for the dashboard cards, so stack copy above the art. */
@media (min-width:761px) and (max-width:960px){
  html body section.wrap.hero{grid-template-columns:minmax(0,1fr)!important;row-gap:48px!important}
  html body section.wrap.hero .hero-art{width:100%!important;max-width:600px!important;margin-inline:auto!important;justify-self:center!important}
}