.hero{display:grid;grid-template-columns:34.1% 1fr 1fr}.hero .content{grid-column:span 1}.hero .image{display:flex;grid-column:span 2}@media screen and (min-width:1440px){.hero{grid-template-columns:calc((100vw - var(--container-width))/2) 1fr 1fr 1fr calc((100vw - var(--container-width))/2)}.hero .content{grid-column:1/span 2}.hero .image{display:flex;grid-column:3/span 3}}.hero .image img{height:-webkit-fill-available;object-fit:cover;width:100%}@media screen and (max-width:1400px){.hero{grid-template-columns:repeat(1,1fr)}}