.hero-block{--hero-block-secondary-color: var(--block-text-color);--hero-block-tag-color: inherit;display:flex;gap:var(--spacing);flex-direction:column;position:relative}@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-block-tag-color)}.hero-block__heading{margin-bottom:var(--spacing);font-size:2.125rem;color:var(--hero-block--secondary-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)}.hero-block.bg--dark-blue{--hero-block-tag-color: var(--color-grey);--hero-block--secondary-color: var(--kiwa-mint);--block-text-color: var(--color-white)}.hero-block.bg--blue{--block-text-color: var(--color-white);--hero-block--secondary-color: var(--kiwa-mint);--button-outline-border-color: var(--hero-block--secondary-color);--button-outline-fg: var(--hero-block--secondary-color);--button-outline-bg--hover: var(--hero-block--secondary-color);--button-outline-fg--hover: var(--color-black);--button-bg: var(--hero-block--secondary-color);--button-fg: var(--color-black);--hero-block-tag-color: var(--color-grey)}.hero-block.bg--green{--hero-block-tag-color: var(--color-grey);--block-text-color: var(--color-white)}@media screen{html:not([data-menu-is-open=true]) body:has(.hero-area>.hero-block.bg--blue: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--blue:first-child) .default-header,html:not([data-menu-is-open=true]) body:has(.hero-area>.hero-block.bg--green: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--green:first-child) .default-header,html:not([data-menu-is-open=true]) body:has(.hero-area>.hero-block.bg--dark-blue: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-blue:first-child) .default-header{background:transparent}html:not([data-menu-is-open=true]) body:has(.hero-area>.hero-block.bg--blue: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--blue:first-child) .default-header:before,html:not([data-menu-is-open=true]) body:has(.hero-area>.hero-block.bg--green: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--green:first-child) .default-header:before,html:not([data-menu-is-open=true]) body:has(.hero-area>.hero-block.bg--dark-blue: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-blue: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--blue: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--blue: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--blue: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--blue: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--blue: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--blue: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--blue:first-child) .default-header .connect-header__logo,html:not([data-menu-is-open=true]) body:has(.hero-area>.hero-block.bg--blue:first-child) .default-header .connect-header__main-menu,html:not([data-menu-is-open=true]) body:has(.hero-area>.hero-block.bg--blue:first-child) .default-header .connect-header__tools,html:not([data-menu-is-open=true]) body:has(.hero-area>.hero-block.bg--blue:first-child) .default-header .default-header__logo,html:not([data-menu-is-open=true]) body:has(.hero-area>.hero-block.bg--blue:first-child) .default-header .default-header__main-menu,html:not([data-menu-is-open=true]) body:has(.hero-area>.hero-block.bg--blue:first-child) .default-header .default-header__tools,html:not([data-menu-is-open=true]) body:has(.hero-area>.hero-block.bg--green: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--green: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--green: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--green: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--green: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--green: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--green:first-child) .default-header .connect-header__logo,html:not([data-menu-is-open=true]) body:has(.hero-area>.hero-block.bg--green:first-child) .default-header .connect-header__main-menu,html:not([data-menu-is-open=true]) body:has(.hero-area>.hero-block.bg--green:first-child) .default-header .connect-header__tools,html:not([data-menu-is-open=true]) body:has(.hero-area>.hero-block.bg--green:first-child) .default-header .default-header__logo,html:not([data-menu-is-open=true]) body:has(.hero-area>.hero-block.bg--green:first-child) .default-header .default-header__main-menu,html:not([data-menu-is-open=true]) body:has(.hero-area>.hero-block.bg--green:first-child) .default-header .default-header__tools,html:not([data-menu-is-open=true]) body:has(.hero-area>.hero-block.bg--dark-blue: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-blue: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-blue: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-blue: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-blue: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-blue: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-blue:first-child) .default-header .connect-header__logo,html:not([data-menu-is-open=true]) body:has(.hero-area>.hero-block.bg--dark-blue:first-child) .default-header .connect-header__main-menu,html:not([data-menu-is-open=true]) body:has(.hero-area>.hero-block.bg--dark-blue:first-child) .default-header .connect-header__tools,html:not([data-menu-is-open=true]) body:has(.hero-area>.hero-block.bg--dark-blue:first-child) .default-header .default-header__logo,html:not([data-menu-is-open=true]) body:has(.hero-area>.hero-block.bg--dark-blue:first-child) .default-header .default-header__main-menu,html:not([data-menu-is-open=true]) body:has(.hero-area>.hero-block.bg--dark-blue: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--sand: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--sand:first-child) .default-header,html:not([data-menu-is-open=true]) body:has(.hero-area>.hero-block.bg--mint: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--mint:first-child) .default-header,html:not([data-menu-is-open=true]) body:has(.hero-area>.hero-block.bg--yellow: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--yellow:first-child) .default-header,html:not([data-menu-is-open=true]) body:has(.hero-area>.hero-block.bg--light-blue: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--light-blue:first-child) .default-header{background:transparent}html:not([data-menu-is-open=true]) body:has(.hero-area>.hero-block.bg--sand: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--sand:first-child) .default-header:before,html:not([data-menu-is-open=true]) body:has(.hero-area>.hero-block.bg--mint: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--mint:first-child) .default-header:before,html:not([data-menu-is-open=true]) body:has(.hero-area>.hero-block.bg--yellow: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--yellow:first-child) .default-header:before,html:not([data-menu-is-open=true]) body:has(.hero-area>.hero-block.bg--light-blue: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--light-blue:first-child) .default-header:before{content:"";position:absolute;left:50%;transform:translate(-50%);background:transparent;top:0;bottom:0;width:100vw;z-index:-1}}