body {
            font-family: 'Didact Gothic', sans-serif;
            overflow-x: hidden;
        }
        img {
            max-width: 100%;
            height: auto;
        }
        .hero-section {
            background: url('../img/epoxy-flooring/banner11.webp') center/cover no-repeat;
            position: relative;
            height: 350px;
            display: flex;
            align-items: center;
        }
        .hero-overlay {
            position: absolute;
            inset: 0;
            background: rgba(0,0,0,0.6);
        }
        .hero-title {
            font-size: 1.75rem;
        }
        @media (min-width: 768px) {
            .hero-title { font-size: 2.5rem; }
        }
        .divider-bar-sm {
            width: 60px;
            height: 3px;
        }
        .service-photo {
            object-fit: cover;
        }