/**
 * SJB Electrics Homepage Styles
 * Clean, modern, human-centered design with subtle animations
 * Container width: 1280px (excludes header/footer)
 */

@import './sections/_variables.css';
@import './sections/_hero.css';
@import './sections/_services.css';
@import './sections/_gallery.css';
@import './sections/_cta.css';
@import './sections/_about.css';
@import './sections/_buttons.css';
@import './sections/_responsive.css';


/* ========================================
   Base Homepage Styles
======================================== */
.sjb-homepage {
    width: 100%;
    max-width: 100vw;
    overflow-x: hidden;
}

/* Ensure all sections don't overflow */
.sjb-homepage > section {
    width: 100%;
    max-width: 100%;
    overflow-x: hidden;
}

/* Section Header */
.sjb-section-header {
    text-align: center;
    margin-bottom: 60px;
    max-width: 100%;
}

.sjb-section-header__title {
    font-size: 2.5rem;
    font-weight: 700;
    color: var(--sjb-dark);
    margin-bottom: 15px;
    line-height: 1.2;
}

.sjb-section-header__subtitle {
    font-size: 1.125rem;
    color: var(--sjb-gray);
    max-width: 600px;
    margin: 0 auto;
    line-height: 1.6;
}