.hero{height:100vh;background:#f3f3f3;display:flex;position:relative;isolation:isolate}.hero .hero-pattern{position:absolute}.hero .hero-pattern.is--landscape{display:block;top:0;left:50%;transform:translate(-50%);width:88.5rem;height:auto;aspect-ratio:1.57;z-index:-1}.hero .hero-pattern.is--portrait{display:none}.hero .hero-wrapper{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:min(10rem,8vh);padding-bottom:min(15rem,15vh);width:100%}.hero .hero-wrapper .hero-h1{color:#222;text-align:center;font-size:min(12rem,12vh);font-weight:300;line-height:100%;margin-top:min(20rem,20vh)}.hero .hero-wrapper .hero-grid{display:grid;grid-template-columns:repeat(3,44.5rem);gap:2.4rem}.hero .hero-wrapper .hero-grid .hero-grid__item{border-radius:2rem;overflow:hidden;border:1px solid #e9e9e9;background:#fff;display:flex}.hero .hero-wrapper .hero-grid .hero-grid__left{padding:min(1.4rem,1.4vh);flex-grow:1;aspect-ratio:.8}.hero .hero-wrapper .hero-grid .hero-grid__left-icon{border-radius:2rem;background:#f9f9f9;display:grid;height:100%;place-content:center;padding-inline:2.5rem}.hero .hero-wrapper .hero-grid .hero-grid__left svg{width:9rem;height:9rem;flex-shrink:0}.hero .hero-wrapper .hero-grid .hero-grid__divider{width:1px;height:100%;background:#e9e9e9}.hero .hero-wrapper .hero-grid .hero-grid__right{display:grid;gap:min(1.4rem,1.4vh);align-items:start;padding:min(2.8rem,2.8vh) 1.4rem}.hero .hero-wrapper .hero-grid .hero-grid__right .hero-grid__h2{color:#000;font-size:1.8rem;font-weight:300;line-height:110%}.hero .hero-wrapper .hero-grid .hero-grid__right .hero-grid__p{color:#878787;font-size:1.4rem;font-weight:300;line-height:110%;width:23.5rem}@media (orientation: portrait){.hero{height:auto}.hero .hero-pattern.is--landscape{display:none}.hero .hero-pattern.is--portrait{display:block;top:0;left:50%;transform:translate(-50%);width:100%;height:auto;aspect-ratio:2;z-index:-1}.hero .hero-wrapper{gap:3.5rem;padding-inline:2.5rem;padding-bottom:3.5rem;padding-top:11.5rem}.hero .hero-wrapper .hero-h1{font-size:4rem;margin-top:auto}.hero .hero-wrapper .hero-grid{grid-template-rows:repeat(5,15.5rem);grid-template-columns:1fr;gap:1.2rem}.hero .hero-wrapper .hero-grid .hero-grid__item{border-radius:1.5rem;max-width:34rem}.hero .hero-wrapper .hero-grid .hero-grid__left{padding:1rem;flex-shrink:0;width:38%;max-width:38%}.hero .hero-wrapper .hero-grid .hero-grid__left-icon{border-radius:1.5rem;padding-inline:1rem}.hero .hero-wrapper .hero-grid .hero-grid__left svg{width:6.5rem;height:6.5rem}.hero .hero-wrapper .hero-grid .hero-grid__right{gap:1rem;padding:2rem 1.5rem}.hero .hero-wrapper .hero-grid .hero-grid__right .hero-grid__h2{font-size:1.4rem}.hero .hero-wrapper .hero-grid .hero-grid__right .hero-grid__p{font-size:1rem;width:100%}}@media screen and (min-width: 482px) and (max-width: 991px) and (orientation: portrait){.hero .hero-wrapper .hero-grid .hero-grid__left{max-width:25%}}