.hero{background:var(--black);color:#fff;font-size:2.2rem;line-height:1.6;padding:0 2rem}.hero .content-wrapper{align-items:center;display:flex;gap:4rem;justify-content:space-between}.hero-image .content-wrapper{align-items:flex-end;justify-content:unset}@media (min-width:1024px){.hero-image .content-wrapper{gap:7rem}}@media (min-width:1280px){.hero-image .content-wrapper{gap:11rem}}.hero__content{flex:0 1 48rem;padding:11rem 0}.hero-image .hero__content{padding:7rem 0}.hero .button{margin-top:2rem}.hero .button--primary:hover{background:var(--primary-color-hover)}.hero__images.collage{display:grid;flex:0 1 62rem;gap:2rem;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(4,1fr)}.hero__images.image{flex:0 1 75.6rem}.collage .hero__image{align-items:flex-end;display:flex;justify-content:flex-end}.collage .hero__image img{aspect-ratio:1}.hero__image-bg{background:var(--yellow)}.hero__images.collage .hero__image:nth-child(3) .hero__image-bg,.hero__images.collage .hero__image:nth-child(6) .hero__image-bg,.hero__images.collage .hero__image:nth-child(9) .hero__image-bg{width:7rem}@media (max-width:767px){.hero{font-size:1.8rem}.hero .content-wrapper{flex-direction:column}.hero h1{font-size:4.8rem}.hero__content{flex:1;padding:4.9rem 0 0!important}.hero__images{display:none!important;flex:1!important;margin:0 -2rem;width:calc(100% + 4rem)}.hero__content{padding-bottom:3rem!important}}