.hero-banner{width:100%;max-width:1200px;margin:2rem auto;position:relative;overflow:hidden}.hero-banner img{width:100%;height:auto;object-fit:cover;display:block}.hero-section{padding:3rem 0;text-align:center}.hero-section h1{font-size:2.5rem;margin-bottom:1.5rem;color:var(--color-text);line-height:1.2}.hero-section p{font-size:1.125rem;color:var(--color-text-light);margin-bottom:2rem;max-width:800px;margin-left:auto;margin-right:auto}@media (max-width:1024px){.hero-section h1{font-size:2rem}}@media (max-width:768px){.hero-section{padding:2rem 0}.hero-section h1{font-size:1.75rem}.hero-section p{font-size:1rem}}