.hero-block{--hero-tag-color: inherit;--hero-title-color: inherit;display:flex;gap:var(--spacing);flex-direction:column;position:relative}.hero-block.bg--primary,.hero-block.bg--dark{--hero-title-color: var(--color-text-highlight)}.hero-block.bg--primary,.hero-block.bg--dark,.hero-block.bg--success{--hero-tag-color: var(--color-gray)}@media screen and (min-width: 64rem){.hero-block{display:grid;grid-template-columns:8fr 4fr;gap:var(--spacing-l)}}.hero-block--large{padding:var(--spacing-l) 0 0}@media screen and (min-width: 64rem){.hero-block--large{padding:var(--spacing-xl) 0 0;grid-template-columns:7fr 5fr}}@media screen and (min-width: 64rem){.hero-block:has(.hero-block__image){gap:var(--spacing-3xl);aspect-ratio:21/9}}.hero-block__tag{margin-bottom:var(--spacing-s);color:var(--hero-tag-color)}.hero-block__heading{margin-bottom:var(--spacing);font-size:2.125rem;color:var(--hero-title-color)}@media screen and (min-width: 48rem){.hero-block__heading{font-size:3.125rem}}.hero-block__content{padding:var(--spacing-l) 0 var(--spacing);max-width:var(--container-max-width--small)}@media screen and (min-width: 48rem){.hero-block__content{padding:var(--spacing-xl) 0 var(--spacing-m)}}@media screen and (min-width: 48rem){.hero-block:has(.hero-block__image) .hero-block__content{padding:var(--spacing-3xl) 0 var(--spacing-m)}}@media screen and (min-width: 48rem){.hero-block--large:has(.hero-block__image) .hero-block__content{padding:0 0 var(--spacing-l);display:flex;flex-direction:column}}@media screen and (min-width: 48rem){.hero-block--large:has(.hero-block__image) .hero-block__content{padding-bottom:var(--spacing-xl)}}.hero-block--large .hero-block__ingress{flex-grow:1}.hero-block__image{object-fit:cover;display:flex;flex-direction:column;justify-content:flex-end;flex-shrink:0;margin-right:calc(var(--container-padding) * -1)}@media screen and (max-width: 63.99875rem){.hero-block__image{margin-left:calc(var(--container-padding) * -1)}}.hero-block__image img{width:100%}.hero-area>.hero-block:first-child:before{top:calc(var(--header-height) * -1)}@media screen{html:not([data-menu-is-open=true]) body:has(.hero-area>.hero-block.bg--primary:first-child) .connect-header:not(:has([aria-pressed=true])):not(:has([aria-expanded=true])),html:not([data-menu-is-open=true]) body:has(.hero-area>.hero-block.bg--primary:first-child) .default-header,html:not([data-menu-is-open=true]) body:has(.hero-area>.hero-block.bg--success:first-child) .connect-header:not(:has([aria-pressed=true])):not(:has([aria-expanded=true])),html:not([data-menu-is-open=true]) body:has(.hero-area>.hero-block.bg--success:first-child) .default-header,html:not([data-menu-is-open=true]) body:has(.hero-area>.hero-block.bg--dark:first-child) .connect-header:not(:has([aria-pressed=true])):not(:has([aria-expanded=true])),html:not([data-menu-is-open=true]) body:has(.hero-area>.hero-block.bg--dark:first-child) .default-header{background:transparent}html:not([data-menu-is-open=true]) body:has(.hero-area>.hero-block.bg--primary:first-child) .connect-header:not(:has([aria-pressed=true])):not(:has([aria-expanded=true])):before,html:not([data-menu-is-open=true]) body:has(.hero-area>.hero-block.bg--primary:first-child) .default-header:before,html:not([data-menu-is-open=true]) body:has(.hero-area>.hero-block.bg--success:first-child) .connect-header:not(:has([aria-pressed=true])):not(:has([aria-expanded=true])):before,html:not([data-menu-is-open=true]) body:has(.hero-area>.hero-block.bg--success:first-child) .default-header:before,html:not([data-menu-is-open=true]) body:has(.hero-area>.hero-block.bg--dark:first-child) .connect-header:not(:has([aria-pressed=true])):not(:has([aria-expanded=true])):before,html:not([data-menu-is-open=true]) body:has(.hero-area>.hero-block.bg--dark:first-child) .default-header:before{content:"";position:absolute;left:50%;transform:translate(-50%);background:transparent;top:0;bottom:0;width:100vw;z-index:-1}html:not([data-menu-is-open=true]) body:has(.hero-area>.hero-block.bg--primary:first-child) .connect-header:not(:has([aria-pressed=true])):not(:has([aria-expanded=true])) .connect-header__logo,html:not([data-menu-is-open=true]) body:has(.hero-area>.hero-block.bg--primary:first-child) .connect-header:not(:has([aria-pressed=true])):not(:has([aria-expanded=true])) .connect-header__main-menu,html:not([data-menu-is-open=true]) body:has(.hero-area>.hero-block.bg--primary:first-child) .connect-header:not(:has([aria-pressed=true])):not(:has([aria-expanded=true])) .connect-header__tools,html:not([data-menu-is-open=true]) body:has(.hero-area>.hero-block.bg--primary:first-child) .connect-header:not(:has([aria-pressed=true])):not(:has([aria-expanded=true])) .default-header__logo,html:not([data-menu-is-open=true]) body:has(.hero-area>.hero-block.bg--primary:first-child) .connect-header:not(:has([aria-pressed=true])):not(:has([aria-expanded=true])) .default-header__main-menu,html:not([data-menu-is-open=true]) body:has(.hero-area>.hero-block.bg--primary:first-child) .connect-header:not(:has([aria-pressed=true])):not(:has([aria-expanded=true])) .default-header__tools,html:not([data-menu-is-open=true]) body:has(.hero-area>.hero-block.bg--primary:first-child) .default-header .connect-header__logo,html:not([data-menu-is-open=true]) body:has(.hero-area>.hero-block.bg--primary:first-child) .default-header .connect-header__main-menu,html:not([data-menu-is-open=true]) body:has(.hero-area>.hero-block.bg--primary:first-child) .default-header .connect-header__tools,html:not([data-menu-is-open=true]) body:has(.hero-area>.hero-block.bg--primary:first-child) .default-header .default-header__logo,html:not([data-menu-is-open=true]) body:has(.hero-area>.hero-block.bg--primary:first-child) .default-header .default-header__main-menu,html:not([data-menu-is-open=true]) body:has(.hero-area>.hero-block.bg--primary:first-child) .default-header .default-header__tools,html:not([data-menu-is-open=true]) body:has(.hero-area>.hero-block.bg--success:first-child) .connect-header:not(:has([aria-pressed=true])):not(:has([aria-expanded=true])) .connect-header__logo,html:not([data-menu-is-open=true]) body:has(.hero-area>.hero-block.bg--success:first-child) .connect-header:not(:has([aria-pressed=true])):not(:has([aria-expanded=true])) .connect-header__main-menu,html:not([data-menu-is-open=true]) body:has(.hero-area>.hero-block.bg--success:first-child) .connect-header:not(:has([aria-pressed=true])):not(:has([aria-expanded=true])) .connect-header__tools,html:not([data-menu-is-open=true]) body:has(.hero-area>.hero-block.bg--success:first-child) .connect-header:not(:has([aria-pressed=true])):not(:has([aria-expanded=true])) .default-header__logo,html:not([data-menu-is-open=true]) body:has(.hero-area>.hero-block.bg--success:first-child) .connect-header:not(:has([aria-pressed=true])):not(:has([aria-expanded=true])) .default-header__main-menu,html:not([data-menu-is-open=true]) body:has(.hero-area>.hero-block.bg--success:first-child) .connect-header:not(:has([aria-pressed=true])):not(:has([aria-expanded=true])) .default-header__tools,html:not([data-menu-is-open=true]) body:has(.hero-area>.hero-block.bg--success:first-child) .default-header .connect-header__logo,html:not([data-menu-is-open=true]) body:has(.hero-area>.hero-block.bg--success:first-child) .default-header .connect-header__main-menu,html:not([data-menu-is-open=true]) body:has(.hero-area>.hero-block.bg--success:first-child) .default-header .connect-header__tools,html:not([data-menu-is-open=true]) body:has(.hero-area>.hero-block.bg--success:first-child) .default-header .default-header__logo,html:not([data-menu-is-open=true]) body:has(.hero-area>.hero-block.bg--success:first-child) .default-header .default-header__main-menu,html:not([data-menu-is-open=true]) body:has(.hero-area>.hero-block.bg--success:first-child) .default-header .default-header__tools,html:not([data-menu-is-open=true]) body:has(.hero-area>.hero-block.bg--dark:first-child) .connect-header:not(:has([aria-pressed=true])):not(:has([aria-expanded=true])) .connect-header__logo,html:not([data-menu-is-open=true]) body:has(.hero-area>.hero-block.bg--dark:first-child) .connect-header:not(:has([aria-pressed=true])):not(:has([aria-expanded=true])) .connect-header__main-menu,html:not([data-menu-is-open=true]) body:has(.hero-area>.hero-block.bg--dark:first-child) .connect-header:not(:has([aria-pressed=true])):not(:has([aria-expanded=true])) .connect-header__tools,html:not([data-menu-is-open=true]) body:has(.hero-area>.hero-block.bg--dark:first-child) .connect-header:not(:has([aria-pressed=true])):not(:has([aria-expanded=true])) .default-header__logo,html:not([data-menu-is-open=true]) body:has(.hero-area>.hero-block.bg--dark:first-child) .connect-header:not(:has([aria-pressed=true])):not(:has([aria-expanded=true])) .default-header__main-menu,html:not([data-menu-is-open=true]) body:has(.hero-area>.hero-block.bg--dark:first-child) .connect-header:not(:has([aria-pressed=true])):not(:has([aria-expanded=true])) .default-header__tools,html:not([data-menu-is-open=true]) body:has(.hero-area>.hero-block.bg--dark:first-child) .default-header .connect-header__logo,html:not([data-menu-is-open=true]) body:has(.hero-area>.hero-block.bg--dark:first-child) .default-header .connect-header__main-menu,html:not([data-menu-is-open=true]) body:has(.hero-area>.hero-block.bg--dark:first-child) .default-header .connect-header__tools,html:not([data-menu-is-open=true]) body:has(.hero-area>.hero-block.bg--dark:first-child) .default-header .default-header__logo,html:not([data-menu-is-open=true]) body:has(.hero-area>.hero-block.bg--dark:first-child) .default-header .default-header__main-menu,html:not([data-menu-is-open=true]) body:has(.hero-area>.hero-block.bg--dark:first-child) .default-header .default-header__tools{filter:brightness(0) invert(1)}}@media screen{html:not([data-menu-is-open=true]) body:has(.hero-area>.hero-block.bg--subtle:first-child) .connect-header:not(:has([aria-pressed=true])):not(:has([aria-expanded=true])),html:not([data-menu-is-open=true]) body:has(.hero-area>.hero-block.bg--subtle:first-child) .default-header,html:not([data-menu-is-open=true]) body:has(.hero-area>.hero-block.bg--secondary:first-child) .connect-header:not(:has([aria-pressed=true])):not(:has([aria-expanded=true])),html:not([data-menu-is-open=true]) body:has(.hero-area>.hero-block.bg--secondary:first-child) .default-header,html:not([data-menu-is-open=true]) body:has(.hero-area>.hero-block.bg--information:first-child) .connect-header:not(:has([aria-pressed=true])):not(:has([aria-expanded=true])),html:not([data-menu-is-open=true]) body:has(.hero-area>.hero-block.bg--information:first-child) .default-header,html:not([data-menu-is-open=true]) body:has(.hero-area>.hero-block.bg--pale:first-child) .connect-header:not(:has([aria-pressed=true])):not(:has([aria-expanded=true])),html:not([data-menu-is-open=true]) body:has(.hero-area>.hero-block.bg--pale:first-child) .default-header{background:transparent}html:not([data-menu-is-open=true]) body:has(.hero-area>.hero-block.bg--subtle:first-child) .connect-header:not(:has([aria-pressed=true])):not(:has([aria-expanded=true])):before,html:not([data-menu-is-open=true]) body:has(.hero-area>.hero-block.bg--subtle:first-child) .default-header:before,html:not([data-menu-is-open=true]) body:has(.hero-area>.hero-block.bg--secondary:first-child) .connect-header:not(:has([aria-pressed=true])):not(:has([aria-expanded=true])):before,html:not([data-menu-is-open=true]) body:has(.hero-area>.hero-block.bg--secondary:first-child) .default-header:before,html:not([data-menu-is-open=true]) body:has(.hero-area>.hero-block.bg--information:first-child) .connect-header:not(:has([aria-pressed=true])):not(:has([aria-expanded=true])):before,html:not([data-menu-is-open=true]) body:has(.hero-area>.hero-block.bg--information:first-child) .default-header:before,html:not([data-menu-is-open=true]) body:has(.hero-area>.hero-block.bg--pale:first-child) .connect-header:not(:has([aria-pressed=true])):not(:has([aria-expanded=true])):before,html:not([data-menu-is-open=true]) body:has(.hero-area>.hero-block.bg--pale:first-child) .default-header:before{content:"";position:absolute;left:50%;transform:translate(-50%);background:transparent;top:0;bottom:0;width:100vw;z-index:-1}}