.hero-finder{position:relative;aspect-ratio:21/9;padding:var(--spacing-xxl) 0;display:flex;align-items:center;justify-content:center;text-align:center;width:100%}.hero-finder,.hero-finder:first-child{margin-top:0}.hero-finder__content{width:100%;max-width:var(--container-max-width--small);margin:auto;z-index:2}.hero-finder__heading{margin-bottom:var(--spacing-m)}@media screen and (min-width: 48rem){.hero-finder__heading{margin-bottom:var(--spacing-l)}}.hero-finder:has(.hero-finder__image) .hero-finder__heading-span{color:var(--kiwa-mint)}.hero-finder__sub-title{display:block;font-size:1rem}.hero-finder__sub-title:where(:not(:first-child)){margin-top:var(--spacing-s)}.hero-finder:has(.hero-finder__image){position:relative;z-index:1;z-index:2}.hero-finder:has(.hero-finder__image):after{content:"";z-index:2;position:absolute;top:0;right:0;bottom:0;left:0;background:var(--kiwa-dark-blue);opacity:.6;pointer-events:none}.hero-finder:has(.hero-finder__image):after{content:"";position:absolute;left:50%;width:100vw;top:0;bottom:0;z-index:1;transform:translate(-50%)}.in-edit-mode .hero-finder:has(.hero-finder__image):not(:has(img)):after{display:none}.hero-finder__image{z-index:-1;position:absolute;top:0;bottom:0;left:0;right:0}.hero-finder__image img{position:absolute;width:100vw;max-width:100vw;height:100%;left:50%;transform:translate(-50%);object-fit:cover}.hero-area>.hero-finder:first-child:before,.hero-area>.hero-finder:first-child:after{top:calc(var(--header-height) * -1)}.hero-area>.hero-finder:first-child .hero-finder__image{top:calc(var(--header-height) * -1)}@media (prefers-contrast: more){.hero-finder__image{display:none}}@media (prefers-reduced-transparency: reduce){.hero-finder__image{display:none}}@media screen{html:not([data-menu-is-open=true]) body:has(.hero-area>.hero-finder.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-finder.bg--blue:first-child) .default-header,html:not([data-menu-is-open=true]) body:has(.hero-area>.hero-finder.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-finder.bg--green:first-child) .default-header,html:not([data-menu-is-open=true]) body:has(.hero-area>.hero-finder.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-finder.bg--dark-blue:first-child) .default-header{background:transparent}html:not([data-menu-is-open=true]) body:has(.hero-area>.hero-finder.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-finder.bg--blue:first-child) .default-header:before,html:not([data-menu-is-open=true]) body:has(.hero-area>.hero-finder.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-finder.bg--green:first-child) .default-header:before,html:not([data-menu-is-open=true]) body:has(.hero-area>.hero-finder.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-finder.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-finder.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-finder.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-finder.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-finder.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-finder.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-finder.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-finder.bg--blue:first-child) .default-header .connect-header__logo,html:not([data-menu-is-open=true]) body:has(.hero-area>.hero-finder.bg--blue:first-child) .default-header .connect-header__main-menu,html:not([data-menu-is-open=true]) body:has(.hero-area>.hero-finder.bg--blue:first-child) .default-header .connect-header__tools,html:not([data-menu-is-open=true]) body:has(.hero-area>.hero-finder.bg--blue:first-child) .default-header .default-header__logo,html:not([data-menu-is-open=true]) body:has(.hero-area>.hero-finder.bg--blue:first-child) .default-header .default-header__main-menu,html:not([data-menu-is-open=true]) body:has(.hero-area>.hero-finder.bg--blue:first-child) .default-header .default-header__tools,html:not([data-menu-is-open=true]) body:has(.hero-area>.hero-finder.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-finder.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-finder.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-finder.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-finder.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-finder.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-finder.bg--green:first-child) .default-header .connect-header__logo,html:not([data-menu-is-open=true]) body:has(.hero-area>.hero-finder.bg--green:first-child) .default-header .connect-header__main-menu,html:not([data-menu-is-open=true]) body:has(.hero-area>.hero-finder.bg--green:first-child) .default-header .connect-header__tools,html:not([data-menu-is-open=true]) body:has(.hero-area>.hero-finder.bg--green:first-child) .default-header .default-header__logo,html:not([data-menu-is-open=true]) body:has(.hero-area>.hero-finder.bg--green:first-child) .default-header .default-header__main-menu,html:not([data-menu-is-open=true]) body:has(.hero-area>.hero-finder.bg--green:first-child) .default-header .default-header__tools,html:not([data-menu-is-open=true]) body:has(.hero-area>.hero-finder.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-finder.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-finder.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-finder.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-finder.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-finder.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-finder.bg--dark-blue:first-child) .default-header .connect-header__logo,html:not([data-menu-is-open=true]) body:has(.hero-area>.hero-finder.bg--dark-blue:first-child) .default-header .connect-header__main-menu,html:not([data-menu-is-open=true]) body:has(.hero-area>.hero-finder.bg--dark-blue:first-child) .default-header .connect-header__tools,html:not([data-menu-is-open=true]) body:has(.hero-area>.hero-finder.bg--dark-blue:first-child) .default-header .default-header__logo,html:not([data-menu-is-open=true]) body:has(.hero-area>.hero-finder.bg--dark-blue:first-child) .default-header .default-header__main-menu,html:not([data-menu-is-open=true]) body:has(.hero-area>.hero-finder.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-finder.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-finder.bg--sand:first-child) .default-header,html:not([data-menu-is-open=true]) body:has(.hero-area>.hero-finder.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-finder.bg--mint:first-child) .default-header,html:not([data-menu-is-open=true]) body:has(.hero-area>.hero-finder.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-finder.bg--yellow:first-child) .default-header,html:not([data-menu-is-open=true]) body:has(.hero-area>.hero-finder.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-finder.bg--light-blue:first-child) .default-header{background:transparent}html:not([data-menu-is-open=true]) body:has(.hero-area>.hero-finder.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-finder.bg--sand:first-child) .default-header:before,html:not([data-menu-is-open=true]) body:has(.hero-area>.hero-finder.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-finder.bg--mint:first-child) .default-header:before,html:not([data-menu-is-open=true]) body:has(.hero-area>.hero-finder.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-finder.bg--yellow:first-child) .default-header:before,html:not([data-menu-is-open=true]) body:has(.hero-area>.hero-finder.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-finder.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}}