:root{--hero-1-padding-top:var(--spacing-100);--hero-project-image-height:25rem;--hero-project-direction:column}@media (min-width:768px){:root{--hero-1-padding-top:var(--spacing-120);--hero-project-image-height:37.5rem}}@media (min-width:1024px){:root{--hero-project-direction:row}}@media (min-width:1280px){:root{--hero-1-padding-top:var(--spacing-200)}}.hero{background-color:var(--color-grey-200);padding-bottom:0}.hero.hero-1{padding-top:var(--hero-1-padding-top)}@media (min-width:768px) and (max-width:1024px){.hero.hero-1 .hero-col-one,.hero.hero-1 .hero-col-two{width:50%}}.hero.hero-1 .hero-image{aspect-ratio:18/5}.hero.hero-1 .hero-info{grid-gap:var(--spacing-xl);gap:var(--spacing-xl)}@media (min-width:768px){.hero.hero-1 .hero-info{align-items:flex-end}}.hero.hero-1 .hero-col-two{max-width:30rem}.hero.hero-2{max-width:110rem;margin:auto;padding-top:0}@media (min-width:1024px) and (max-width:1360px){.hero.hero-2 .hero-col-one,.hero.hero-2 .hero-col-two{width:50%}.hero.hero-2 .hero-col-two{flex-direction:column-reverse}.hero.hero-2 .hero-col-two .hero-info-boxes{justify-content:space-between}.hero.hero-2 .hero-col-two .hero-info-box{width:50%;max-width:100%}.hero.hero-2 .hero-col-two .hero-project-image{margin-left:auto}}.hero.hero-2 .hero-col-two.no-project-img{flex-direction:column}@media (min-width:768px){.hero.hero-2 .hero-col-two.no-project-img .hero-info-box{max-width:100%;width:21.125rem}}@media (min-width:1024px) and (max-width:1360px){.hero.hero-2 .hero-col-two.no-project-img .hero-info-box{width:50%;max-width:100%}}.hero.hero-2 .hero-image{max-height:25rem;max-height:var(--hero-project-image-height)}.hero.hero-2 .hero-info{flex-direction:column;flex-direction:var(--hero-project-direction);grid-gap:var(--spacing-40);gap:var(--spacing-40)}.hero.hero-2 .hero-project-image{width:var(--spacing-100);border-radius:var(--border-radius-sm);overflow:hidden}.hero.hero-2 .hero-project-image img{width:100%}.hero.hero-3{max-width:110rem;margin:auto;padding-top:0}.hero.hero-3 .hero-image img{aspect-ratio:4/3}@media (min-width:768px){.hero.hero-3 .hero-image img{aspect-ratio:9/3}}.hero.hero-3 .hero-col-one{max-width:var(--spacing-600);margin:auto}.hero.hero-3 .hero-col-one .upper{display:flex;justify-content:space-between;align-items:center}.hero.hero-4{max-width:110rem;margin:auto;padding-top:0}.hero.hero-4 .hero-image img{aspect-ratio:4/3}@media (min-width:768px){.hero.hero-4 .hero-image img{aspect-ratio:9/3}}.hero.hero-4 .hero-info.wrapper{grid-gap:var(--spacing-40);gap:var(--spacing-40)}.hero.hero-4 .hero-info-box{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.hero.hero-4 .hero-info-box .pre-title{display:flex;flex-direction:column}.hero.hero-4 .hero-info-box .btn{margin-top:0}.hero-content{display:flex;flex-direction:column}.hero-info{justify-content:space-between;padding:var(--spacing-40) 0}.hero-info,.hero-info-boxes{display:flex;flex-direction:var(--direction)}.hero-info-boxes{grid-gap:var(--spacing-xl);gap:var(--spacing-xl)}.hero-info-box{display:flex;flex-direction:column;grid-gap:var(--spacing-sm);gap:var(--spacing-sm);background-color:var(--color-white);height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;border-radius:var(--border-radius);padding:var(--spacing-xl)}@media (min-width:768px){.hero-info-box{max-width:15rem}}.hero-info-box h4,.hero-info-box p{margin-bottom:0}.hero-info-box p{word-break:keep-all}.hero-col-one{display:flex;flex-direction:column;grid-gap:var(--spacing);gap:var(--spacing);max-width:var(--spacing-600)}.hero-col-one h1{margin-bottom:0}.hero-col-two{display:flex;flex-direction:var(--direction);grid-gap:var(--spacing-xl);gap:var(--spacing-xl)}.hero-col-two h1,.hero-col-two h2,.hero-col-two h3{margin-bottom:0}.hero-image{width:100%}.hero-image img{width:100%;-o-object-fit:cover;object-fit:cover}