.hero-banner{width:100%;height:55vh;position:relative;overflow:hidden}.home-intro{align-items:center;gap:var(--space-5);padding:var(--space-5)0;max-width:var(--max-width);margin:0 auto;display:flex}.home-intro-text{flex:1;line-height:1.7rem}.home-intro-text h1{margin-bottom:var(--space-3);font-size:2.4rem}.home-intro-text p+p{margin-top:var(--space-2)}.home-intro-image img{border-radius:var(--radius-base);max-width:380px}@media (max-width:850px){.home-intro{text-align:center;padding:var(--space-4)var(--space-3);flex-direction:column}.home-intro-image img{max-width:320px}}