.banner{width:100%;min-height:56vh;height:400px;display:flex;align-items:center;justify-content:center;position:relative;background-size:cover;background-position:50%;overflow:hidden;z-index:1}.banner-overlay{content:"";position:absolute;inset:0;background:rgba(0,0,0,.35);z-index:0}.home{background-image:url(/images/carousel/slide3.webp)}.about{background-image:url(/images/about/banner-img.webp)}.banner-inner{position:relative;z-index:2;width:100%;max-width:var(--max-width,1200px);margin:0 auto;display:flex;align-items:center;text-align:left;padding:0 1rem}.banner-copy{color:#fff;text-shadow:0 2px 10px rgba(0,0,0,.35);max-width:600px}.banner-title{margin:0 0 .6rem;font-size:clamp(1.6rem,3.5vw,2.6rem);line-height:1.1;font-weight:700;color:#fff}.banner-desc{margin:0 0 1.5rem;color:rgba(255,255,255,.92);max-width:60ch}.banner-actions{display:flex;gap:.75rem;flex-wrap:wrap}.btn{background-color:#f44336;color:white!important;padding:.8rem 2rem;font-size:13px;border:none;border-radius:6px;cursor:pointer;transition:background .3s ease;text-transform:uppercase;letter-spacing:.5px}.btn:hover{background-color:#15356a}@media (max-width:900px){.banner{height:400px;min-height:48vh}.banner-inner{justify-content:center;text-align:center;padding:0 1rem}.banner-copy{margin:0 auto}.banner-title{width:100%;font-size:2rem}.banner-desc{font-size:1rem;max-width:90%;margin:.5rem auto 1.2rem}}@media (max-width:520px){.banner{height:380px;min-height:40vh}.banner-inner{padding:0 .5rem}.banner-title{font-size:1.5rem}.banner-desc{font-size:.9rem}.banner-actions{justify-content:center}.btn{padding:.7rem 1.6rem;font-size:12px}}