.hero{display:flex;flex-direction:column;gap:0;margin:0}.hero__top{background:#fff;padding:4rem 1rem 0}.hero__top-wrapper{align-items:center;display:grid;gap:2rem;grid-template-columns:1fr;margin:auto;max-width:1240px}@media screen and (min-width:768px){.hero__top-wrapper{grid-template-columns:1fr .5fr}}.hero__top h1{margin:0;max-width:12ch}.hero__top .hero-content{display:flex;flex-direction:column;gap:1rem}.hero__top .hero-content *{margin:0}