.hero{--font-size-h1-base: 7rem;display:grid;min-height:min(50vw,65rem);view-timeline-inset:0 100%}.hero .wrapper,.hero .module__background,.hero .tile{--animation-from-translateY: 0;--animation-from-opacity: 1;--animation-to-opacity: 0;animation-name:translateY,opacity}.hero .wrapper{--parallax-ratio: .5;position:relative;z-index:10;place-items:flex-start;grid-template-rows:5rem 1fr auto 1fr 5rem;gap:5rem 3rem;height:100%}@media (max-width: 1023px){.hero .wrapper{grid-template-rows:5rem 1fr auto auto}}.hero .rich-text{font-weight:600}@media (max-width: 1023px){.hero .rich-text{text-wrap:balance}}.hero:has(.logo) .wrapper{grid-template-columns:auto 1fr;align-items:center}.hero:has(.logo) .heading,.hero:has(.logo) .rich-text{grid-column:1/-1}.hero.layout--1{--tile-width: 17rem;position:relative;min-height:min(100vh,62.5vw)}.hero.layout--1 .wrapper{grid-template-columns:auto}.hero.layout--1 .header .heading{font-size:9rem;font-weight:400}@media (min-width: 1024px){.hero.layout--1 .header .heading{max-width:calc(100% - var(--tile-width))}}@media (max-width: 1349px){.hero.layout--1 .header .heading{font-size:8rem}}@media (max-width: 1023px){.hero.layout--1 .header .heading{font-size:7rem}}@media (max-width: 767px){.hero.layout--1 .header .heading{font-size:6rem}}.hero.layout--1 .header .heading strong{font-weight:inherit}.hero.layout--1 .header .rich-text{color:var(--color-strong)}.hero.layout--1 .tile{--tile-width: inherit;--tile-image-padding: calc(var(--tile-width) - 1.5rem);--parallax-ratio: .5;position:absolute;top:0;right:0;bottom:0;height:min-content;width:var(--tile-width);min-width:0;min-height:0;margin:auto;padding:1.5rem;will-change:opacity,transform}@media (max-width: 1023px){.hero.layout--1 .tile{position:relative;top:var(--module-padding);align-content:space-between;gap:1rem;margin:0 0 0 auto;width:30rem;height:10rem;padding:1.2rem 1rem 1rem 11rem!important}}@media (max-width: 1023px){.hero.layout--1 .tile__hero{height:10rem;width:10rem}}.hero.layout--1 .tile .heading{font-size:var(--font-size-regular);font-weight:600}.hero.layout--1 .tile .link__icon{--icon-size: 1.8rem;bottom:1.5rem;right:1.5rem}@media (max-width: 1023px){.hero.layout--1 .tile .link__icon{bottom:1rem;right:1rem}}.hero.layout--1 .logos{display:flex;gap:2rem;justify-content:start}@media (max-width: 1023px){.hero.layout--1 .logos{gap:1.5rem}}.hero.layout--1 .logos__label{flex:none;font-size:var(--font-size-tiny);font-weight:600}
