@import url("https://fonts.googleapis.com/css2?family=Amiko:wght@700&family=Lato:wght@400;700&display=swap");.hero-curve{background:#000;color:#fff;overflow:visible;padding:120px 16px;position:relative}.hero-curve:after{background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1600 150' preserveAspectRatio='none'>  <!-- sides higher (y=90), center lower (y=120) -->  <path d='M0,90 C400,120 1200,120 1600,90 L1600,150 L0,150 Z' fill='%23ffffff'/></svg>") bottom /100% 100% no-repeat;bottom:-1px;content:"";height:150px;left:0;pointer-events:none;position:absolute;right:0;z-index:0}.hero-curve__inner{margin:0 auto;max-width:1100px;position:relative;text-align:center;z-index:1}.hero-curve__title{font-family:Amiko,sans-serif;font-size:60px;font-weight:700;margin:0 0 18px}.hero-curve__subtitle,.hero-curve__title{color:#fff;letter-spacing:0;line-height:1.2em}.hero-curve__subtitle{font-family:Lato,sans-serif;font-size:22px;font-style:normal;font-weight:400;margin:0}@media (max-width:900px){.hero-curve{padding:70px 16px 100px}.hero-curve__title{font-size:48px}}@media (max-width:600px){.hero-curve{padding:60px 14px 90px}.hero-curve:after{bottom:-60px;height:120px}.hero-curve__title{font-size:25px}.hero-curve__subtitle{color:#fff;font-family:Lato,sans-serif;font-size:16px;font-style:normal;font-weight:400;letter-spacing:0;line-height:1.2em;margin:0}}