.hero{--hero-spacing:40px;--hero-top-spacing:calc(0px - var(--hero-spacing) + var(--top-page-spacing));overflow:hidden;padding:calc(var(--hero-spacing) + var(--top-page-spacing)) 0 var(--vertical-spacing-smaller);position:relative;z-index:1}.hero.hero-is-centered{padding:calc(var(--hero-spacing) + var(--top-page-spacing) * 2) 0 var(--vertical-spacing-smaller)}.hero-is-centered.hero-bg{background-color:var(--background-color-hero)}.hero-is-split .hero-graphic{padding-right:var(--hero-spacing)}@media(min-width:760px){.hero-is-split .hero-graphic{padding-left:var(--hero-spacing)}.hero-is-split .hero-header{margin:calc(var(--hero-spacing) * 2) 0 0}}.hero-is-centered .hero-headline,.hero-is-centered .hero-copy{margin:0 auto}.header-is-centered .hero-copy{max-width:680px}.hero p:not(:first-of-type){margin:24px 0 0}.hero a:not(.t-button){color:var(--link-color);text-decoration:underline;text-decoration-color:var(--link-color)}.hero a:not(.t-button):hover{color:var(--link-color-hover)}.hero-graphic{height:100%;position:relative;z-index:1}.hero-graphic-visual-container{margin:0 auto;max-width:720px;position:relative;z-index:2}.hero-graphic-image{display:block;height:100%;width:100%;object-fit:contain}.hero-graphic-video{border-radius:4px;box-shadow:0 32px 60px -24px rgb(48 48 92 / 54%),0 16px 32px -12px rgb(0 0 0 / 16%);overflow:hidden}.hero-color-block{border:var(--gutter) solid var(--block-color);min-height:340px;max-height:680px;height:100%;width:76%;position:absolute;top:calc(16px - var(--hero-spacing));right:16px;z-index:1}.hero-header{display:grid;gap:32px 0;padding:0 var(--gutter);position:relative;z-index:2}.hero-text-is-wide .hero-headline{max-width:880px}.hero-headline{font-size:clamp(40px,5.6vw,72px);font-family:var(--font-secondary);font-weight:var(--font-secondary-bolder);font-feature-settings:var(--font-secondary-settings);line-height:clamp(calc(40px + 4px),calc(5.6vw + 4px),calc(72px + 4px));letter-spacing:-1.28px;max-width:640px}.hero-copy{font-size:16px;line-height:1.335;max-width:460px}@media(min-width:760px){.hero-copy{margin:clamp(8px,2.4vw,40px) 0 0 var(--line-second-spacing)}}