.hero h1{font-size:clamp(48px,7.2vw,108px)}html[lang=en] .hero h1{font-size:clamp(44px,6.4vw,96px)}
@media(min-width:1600px){.hero h1{font-size:116px}html[lang=en] .hero h1{font-size:104px}}
@media(max-width:800px){.hero h1{font-size:clamp(48px,10.5vw,84px)}html[lang=en] .hero h1{font-size:clamp(43px,9.5vw,76px)}}
@media(max-width:580px){.hero h1{font-size:clamp(34px,10.8vw,62px)}html[lang=en] .hero h1{font-size:clamp(30px,9.2vw,53px)}}

/* Keep the highlight behind every word in this line, not just its own text. */
.hero .heading-line{position:relative;isolation:isolate}.hero .accent-word{z-index:auto}.hero .accent-word:before{inset-inline:-3%}

/* White floating NEXT LEVEL label. */
.hero-art .sticker-dark{background:#fff;color:var(--ink)}