.dot-grid{justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.dot-grid__wrap{width:100%;height:100%;position:relative}.dot-grid__canvas{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}
.hero-container{background-color:var(--color-primary);flex-direction:column;justify-content:center;align-items:center;max-width:100%;display:flex;position:relative}.hero-section{margin:0;color:#fff;width:100%;margin-inline:auto;padding-bottom:20px;position:relative}.hero-content-wrapper{margin-bottom:20px}.hero-content-container{flex-direction:column;gap:20px;min-height:400px;margin-inline:auto;display:flex;container-type:inline-size}.hero-text-wrapper{z-index:10;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.hero-title-wrapper{flex-direction:column;margin-bottom:1rem;display:flex}.hero-title{text-align:center;max-width:48rem;margin-inline:auto;font-size:26.7px;font-weight:800;line-height:30px}.hero-description{color:#fff;text-align:center;max-width:56rem;margin-bottom:2rem;font-size:10px;font-weight:300}.hero-image-outer-wrapper{justify-content:center;width:100%;max-width:90%;display:flex;position:absolute;bottom:-100px;left:50%;transform:translate(-50%)}.hero-image-wrapper{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:18px;justify-content:center;padding:.5rem;display:flex}.hero-image{border-radius:18px;margin-inline:auto;-webkit-mask-image:linear-gradient(#000 80%,#0000 100%);mask-image:linear-gradient(#000 80%,#0000 100%)}@media (min-width:440px){.hero-content-wrapper{margin-bottom:150px}}@media (min-width:640px){.hero-section{padding-block:20px}.hero-content-wrapper{margin-top:30px;margin-bottom:80px}.hero-content-container{min-height:500px}.hero-title{font-size:36.7px;line-height:60px}.hero-description{font-size:16px}.hero-image-outer-wrapper{bottom:-250px}.hero-image-wrapper{border-radius:24px;padding:1rem}.hero-image{border-radius:24px}}@media (min-width:668px){.hero-content-wrapper{margin-bottom:150px}.hero-title{font-size:50px}}@media (min-width:768px){.hero-content-wrapper{margin-bottom:220px}.hero-title{font-size:50px}}@media (min-width:900px){.hero-content-wrapper{margin-bottom:300px}.hero-title{font-size:45px}}@media (min-width:1024px){.hero-content-wrapper{margin-bottom:100px}.hero-content-container{gap:3rem}.hero-title{max-width:64rem;font-size:70px;line-height:80px}.hero-image-outer-wrapper{bottom:-550px}}@media (min-width:1280px){.hero-content-wrapper{margin-bottom:120px}}