/* Wider homepage headline, with natural wrapping on mobile. */
@media(min-width:761px){
 .wide-hero-page .hero.hero-connected{padding-inline:32px}
 .wide-hero-page .hero.hero-connected .hero-copy{width:100%;max-width:1120px}
 .wide-hero-page .hero.hero-connected h1{max-width:1120px;text-wrap:balance}
 .wide-hero-page .hero.hero-connected h1>.hero-title-main,.wide-hero-page .hero.hero-connected h1>.hero-title-framework{display:inline;font-size:inherit;line-height:inherit;letter-spacing:inherit;margin:0}
}

.wide-hero-page .hero h1 .hero-highlight{white-space:nowrap;background:var(--hq-gradient);color:#17121c;-webkit-text-fill-color:#17121c;padding:.015em .22em;border:1px solid #f6d6ef99;border-radius:.18em;box-shadow:inset 0 1px 0 #fffc,inset 0 -2px 3px #583c8c30,0 4px 12px #0005,0 5px 24px #cb9ab526;box-decoration-break:clone;-webkit-box-decoration-break:clone}


@media(max-width:600px){.wide-hero-page .hero h1 .hero-highlight{font-size:inherit;white-space:normal}}



.wide-hero-page .hero.hero-connected .masterclass-tag{margin-bottom:40px}



/* Seven percent smaller, retaining the existing responsive scale. */
.wide-hero-page .hero.hero-connected h1{font-size:clamp(39.06px,4.185vw,55.8px)}
@media(max-width:760px){.wide-hero-page .hero.hero-connected h1{font-size:clamp(33.48px,7.254vw,50.22px)}}
@media(max-width:600px){.wide-hero-page .hero.hero-connected h1{font-size:clamp(27.9px,7.812vw,37.2px)}.wide-hero-page .hero h1 .hero-highlight{font-size:inherit;white-space:normal}}

.wide-hero-page .hero .hero-action .action{font-size:18px}
/* Keep the ticket title on its two authored lines at every card width. */
.wide-hero-page .hero-ticket .session-card{container-type:inline-size}
.wide-hero-page .hero-ticket .ticket-title{font-size:min(34px,7cqw);white-space:nowrap}
/* Give wrapped highlight backgrounds their own space between lines. */
@media(max-width:600px){
 .wide-hero-page:not(.stage-page) .hero.hero-connected h1{line-height:1.12}
 .wide-hero-page:not(.stage-page) .hero h1 .hero-highlight{background:none;color:inherit;-webkit-text-fill-color:currentColor;padding:0;border:0;border-radius:0;box-shadow:none}
}

.wide-hero-page .hero.hero-connected h1>.mobile-reference-title{display:none}
@media(max-width:600px){
 .wide-hero-page:not(.stage-page) .hero.hero-connected h1{font-size:clamp(26px,8.33vw,38px);line-height:1.14;letter-spacing:-.045em}
 .wide-hero-page:not(.stage-page) .hero.hero-connected h1>.hero-title-main,.wide-hero-page:not(.stage-page) .hero.hero-connected h1>.hero-title-framework{display:none}
 .wide-hero-page:not(.stage-page) .hero.hero-connected h1>.mobile-reference-title{display:block;font:inherit;letter-spacing:inherit;margin:0}
 .wide-hero-page:not(.stage-page) .hero.hero-connected h1>.mobile-reference-title br{display:block}
 .wide-hero-page:not(.stage-page) .hero.hero-connected .masterclass-tag{margin-bottom:20px}
}
@media(max-width:600px){
 .wide-hero-page:not(.stage-page) .hero.hero-connected h1>.mobile-reference-title{color:#fff;-webkit-text-fill-color:#fff}
}