.advanced-hero{--button-outline-border-color: var(--kiwa-mint);--button-outline-fg: var(--kiwa-mint);--button-outline-bg--hover: var(--kiwa-mint);--button-outline-fg--hover: var(--color-black);position:relative;display:flex;justify-content:center;width:100%;z-index:1;margin-bottom:var(--block-spacing);color:var(--color-white)}@media screen and (max-width: 63.99875rem){.advanced-hero{flex-direction:column}}@media screen and (min-width: 64rem){.advanced-hero{gap:var(--spacing);min-height:46.125rem}}.advanced-hero:after{content:"";position:absolute;left:50%;width:100vw;top:0;bottom:0;z-index:1;transform:translate(-50%)}.advanced-hero,.advanced-hero:first-child{margin-top:0}.advanced-hero__panel,.advanced-hero__content{width:100%;min-height:100%;color:var(--color-white);z-index:2;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:var(--spacing-m);position:relative}.advanced-hero__content:has(.advanced-hero__image) .advanced-hero__image{position:relative;z-index:1;position:absolute}.advanced-hero__content:has(.advanced-hero__image) .advanced-hero__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}.advanced-hero__content{padding:var(--spacing-l) 0 var(--spacing-xxl)}@media screen and (min-width: 48rem){.advanced-hero__content{padding:var(--spacing-xxl) 0 var(--spacing-4xl)}}@media screen and (max-width: 63.99875rem){.advanced-hero:has(.advanced-hero__panel) .advanced-hero__content{padding-bottom:var(--spacing-l)}}.advanced-hero__panel{--button-bg: var(--color-white);--button-fg: var(--color-text);--button-bg--hover: var(--kiwa-blue);--button-fg--hover: var(--color-white);position:relative;background:var(--kiwa-dark-blue);color:var(--color-white);z-index:2;padding:var(--spacing-l) var(--spacing)}@media screen and (max-width: 63.99875rem){.advanced-hero__panel{margin-left:calc(var(--container-padding) * -1);margin-right:calc(var(--container-padding) * -1);width:calc(100% + var(--container-padding) * 2);max-width:calc(100% + var(--container-padding) * 2);padding-left:var(--container-padding);padding-right:var(--container-padding)}}@media screen and (min-width: 64rem){.advanced-hero__panel{width:30.3125rem;flex-shrink:0;font-size:1.25rem;padding:var(--spacing-xxl) 0 var(--spacing-4xl) var(--spacing-xl)}.advanced-hero__panel:before{content:"";position:absolute;top:0;left:0;right:initial;bottom:0;width:50vw;background:var(--kiwa-dark-blue);z-index:-1}}.advanced-hero__slogan,.advanced-hero__text,.advanced-hero__links{z-index:2;max-width:var(--container-max-width--small)}@media screen and (min-width: 64rem){.advanced-hero__slogan,.advanced-hero__text,.advanced-hero__links{max-width:var(--container-max-width--medium)}}.advanced-hero__slogan{text-transform:lowercase;font-weight:var(--light);margin:0;font-size:3.125rem;line-height:1.2;z-index:2;max-width:var(--container-max-width--small)}@media screen and (min-width: 64rem){.advanced-hero__slogan{font-size:6.25rem;line-height:1;padding:0 var(--spacing-xxl)}}.advanced-hero__slogan span{font-weight:var(--semibold);font-style:italic;color:var(--kiwa-mint);display:block}@media screen and (min-width: 64rem){.advanced-hero__slogan+.advanced-hero__links{padding:0 var(--spacing-xxl)}}.advanced-hero__heading{color:var(--kiwa-mint);margin-bottom:var(--spacing);line-height:1.2;font-size:2.125rem;max-width:100%}@media screen and (min-width: 48rem){.advanced-hero__heading{font-size:3.125rem}}@media screen and (min-width: 64rem){.advanced-hero__heading{font-size:4.0625rem}}.advanced-hero__panel-heading{color:inherit;font-size:2.125rem;margin-bottom:var(--spacing)}@media screen and (min-width: 64rem){.advanced-hero__panel-heading{margin-bottom:var(--spacing-m);font-size:3.125rem}}@media screen and (min-width: 64rem){.advanced-hero--large-heading .advanced-hero__heading{font-size:6.25rem}}.advanced-hero--align-top .advanced-hero__text{flex-grow:1;align-items:flex-start;justify-content:space-between}.advanced-hero--align-bottom .advanced-hero__text{flex-grow:1;justify-content:flex-end;display:flex;flex-direction:column}.advanced-hero .btn--outline{--button-bg: transparent;--button-fg: var(--kiwa-mint)}.advanced-hero__video,.advanced-hero__image{position:relative;z-index:1;z-index:-1;position:absolute;width:100vw;max-width:100vw;top:0;bottom:0;left:50%;transform:translate(-50%);overflow:hidden}.advanced-hero__video:after,.advanced-hero__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}.advanced-hero__image img{position:absolute;object-fit:cover;pointer-events:none;width:100vw;min-height:100%;object-position:center center}.advanced-hero__video iframe{position:absolute;aspect-ratio:16/9;top:calc(50% - var(--header-height));transform:translateY(-50%) scale(2);pointer-events:none}@media screen and (max-width: 63.99875rem){.advanced-hero__video iframe{height:100%}}@media screen and (min-width: 64rem){.advanced-hero__video iframe{width:100%}}@media screen and (min-width: 93.75rem){.advanced-hero__video iframe{transform:translateY(-50%) scale(1.4)}}.advanced-hero__image img{height:calc(100% + var(--header-height))}.advanced-hero__links{display:flex;flex-wrap:wrap;gap:var(--spacing)}.hero-area>.advanced-hero:first-child:before,.hero-area>.advanced-hero:first-child:after,.hero-area>.advanced-hero:first-child .advanced-hero__panel:before,.hero-area>.advanced-hero:first-child .advanced-hero__image,.hero-area>.advanced-hero:first-child .advanced-hero__video{top:calc(var(--header-height) * -1)}@media screen and (min-width: 64rem){.hero-area>.advanced-hero:first-child .advanced-hero__panel:before{top:calc(var(--header-height) * -1)}}@media (prefers-contrast: more){.advanced-hero__video,.advanced-hero__image{display:none}}@media (prefers-reduced-transparency: reduce){.advanced-hero__video,.advanced-hero__image{display:none}}@media (prefers-reduced-motion){.advanced-hero__video{display:none}}@media screen{html:not([data-menu-is-open=true]) body:has(.hero-area>.advanced-hero.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>.advanced-hero.bg--blue:first-child) .default-header,html:not([data-menu-is-open=true]) body:has(.hero-area>.advanced-hero.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>.advanced-hero.bg--green:first-child) .default-header,html:not([data-menu-is-open=true]) body:has(.hero-area>.advanced-hero.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>.advanced-hero.bg--dark-blue:first-child) .default-header{background:transparent}html:not([data-menu-is-open=true]) body:has(.hero-area>.advanced-hero.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>.advanced-hero.bg--blue:first-child) .default-header:before,html:not([data-menu-is-open=true]) body:has(.hero-area>.advanced-hero.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>.advanced-hero.bg--green:first-child) .default-header:before,html:not([data-menu-is-open=true]) body:has(.hero-area>.advanced-hero.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>.advanced-hero.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>.advanced-hero.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>.advanced-hero.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>.advanced-hero.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>.advanced-hero.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>.advanced-hero.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>.advanced-hero.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>.advanced-hero.bg--blue:first-child) .default-header .connect-header__logo,html:not([data-menu-is-open=true]) body:has(.hero-area>.advanced-hero.bg--blue:first-child) .default-header .connect-header__main-menu,html:not([data-menu-is-open=true]) body:has(.hero-area>.advanced-hero.bg--blue:first-child) .default-header .connect-header__tools,html:not([data-menu-is-open=true]) body:has(.hero-area>.advanced-hero.bg--blue:first-child) .default-header .default-header__logo,html:not([data-menu-is-open=true]) body:has(.hero-area>.advanced-hero.bg--blue:first-child) .default-header .default-header__main-menu,html:not([data-menu-is-open=true]) body:has(.hero-area>.advanced-hero.bg--blue:first-child) .default-header .default-header__tools,html:not([data-menu-is-open=true]) body:has(.hero-area>.advanced-hero.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>.advanced-hero.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>.advanced-hero.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>.advanced-hero.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>.advanced-hero.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>.advanced-hero.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>.advanced-hero.bg--green:first-child) .default-header .connect-header__logo,html:not([data-menu-is-open=true]) body:has(.hero-area>.advanced-hero.bg--green:first-child) .default-header .connect-header__main-menu,html:not([data-menu-is-open=true]) body:has(.hero-area>.advanced-hero.bg--green:first-child) .default-header .connect-header__tools,html:not([data-menu-is-open=true]) body:has(.hero-area>.advanced-hero.bg--green:first-child) .default-header .default-header__logo,html:not([data-menu-is-open=true]) body:has(.hero-area>.advanced-hero.bg--green:first-child) .default-header .default-header__main-menu,html:not([data-menu-is-open=true]) body:has(.hero-area>.advanced-hero.bg--green:first-child) .default-header .default-header__tools,html:not([data-menu-is-open=true]) body:has(.hero-area>.advanced-hero.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>.advanced-hero.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>.advanced-hero.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>.advanced-hero.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>.advanced-hero.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>.advanced-hero.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>.advanced-hero.bg--dark-blue:first-child) .default-header .connect-header__logo,html:not([data-menu-is-open=true]) body:has(.hero-area>.advanced-hero.bg--dark-blue:first-child) .default-header .connect-header__main-menu,html:not([data-menu-is-open=true]) body:has(.hero-area>.advanced-hero.bg--dark-blue:first-child) .default-header .connect-header__tools,html:not([data-menu-is-open=true]) body:has(.hero-area>.advanced-hero.bg--dark-blue:first-child) .default-header .default-header__logo,html:not([data-menu-is-open=true]) body:has(.hero-area>.advanced-hero.bg--dark-blue:first-child) .default-header .default-header__main-menu,html:not([data-menu-is-open=true]) body:has(.hero-area>.advanced-hero.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>.advanced-hero.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>.advanced-hero.bg--sand:first-child) .default-header,html:not([data-menu-is-open=true]) body:has(.hero-area>.advanced-hero.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>.advanced-hero.bg--mint:first-child) .default-header,html:not([data-menu-is-open=true]) body:has(.hero-area>.advanced-hero.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>.advanced-hero.bg--yellow:first-child) .default-header,html:not([data-menu-is-open=true]) body:has(.hero-area>.advanced-hero.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>.advanced-hero.bg--light-blue:first-child) .default-header{background:transparent}html:not([data-menu-is-open=true]) body:has(.hero-area>.advanced-hero.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>.advanced-hero.bg--sand:first-child) .default-header:before,html:not([data-menu-is-open=true]) body:has(.hero-area>.advanced-hero.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>.advanced-hero.bg--mint:first-child) .default-header:before,html:not([data-menu-is-open=true]) body:has(.hero-area>.advanced-hero.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>.advanced-hero.bg--yellow:first-child) .default-header:before,html:not([data-menu-is-open=true]) body:has(.hero-area>.advanced-hero.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>.advanced-hero.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}}