@charset "UTF-8";

/* ===================================
    home-hero
===================================== */
section.home-hero {
    margin: 100px 0 35px 0;
}
    @media (max-width: 575px) {
        section.home-hero {
            margin: 50px 0 50px 0;
        }
    }
    @media (min-width: 576px) {
        section.home-hero {
            margin: 50px 0 50px 0;
        }
    }
    @media (min-width: 768px) {
        section.home-hero {
            margin: 75px 0 0 0;
        }
    }
    @media (min-width: 992px) {
        section.home-hero {
            margin: 100px 0 35px 0;
        }
    }
section.home-hero .content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin: 50px 0;
    text-align: center;
    gap: 20px;
}
    @media (max-width: 575px) {
        section.home-hero .content {
            gap: 10px;
        }
    }
    @media (min-width: 576px) {
        section.home-hero .content {
            gap: 12px;
        }
    }
    @media (min-width: 768px) {
        section.home-hero .content {
            gap: 15px;
        }
    }
    @media (min-width: 1200px) {
        section.home-hero .content {
            gap: 20px;
        }
    }
section.home-hero .content .title h1 {
    font-family: 'Gilmer-Bold';
}
[data-bs-theme="dark"] section.home-hero .content .title h1 {
    color: var(--glam-light);
}
[data-bs-theme="light"] section.home-hero .content .title h1 {
    color: var(--glam-black);
}

section.home-hero .content .description p {
    font-family: 'Gilmer-Regular';
    font-size: 1.75rem;
    line-height: 2.375rem;
}
section.home-hero .content .description p:last-child {
    margin-bottom: 0;
}
[data-bs-theme="dark"] section.home-hero .content .description p {
    color: var(--glam-light);
}
[data-bs-theme="light"] section.home-hero .content .description p {
    color: var(--glam-black);
}
    @media (max-width: 575px) {
        section.home-hero .content .description p {
            font-size: 1.125rem;
            line-height: 1.75rem;
        }
    }
    @media (min-width: 576px) {
        section.home-hero .content .description p {
            font-size: 1.25rem;
            line-height: 1.875rem;
        }
    }
    @media (min-width: 768px) {
        section.home-hero .content .description p {
            font-size: 1.5rem;
            line-height: 2.125rem;
        }
    }
    @media (min-width: 992px) {
        section.home-hero .content .description p {
            font-size: 1.625rem;
            line-height: 2.25rem;
        }
    }
    @media (min-width: 1200px) {
        section.home-hero .content .description p {
            font-size: 1.75rem;
            line-height: 2.375rem;
        }
    }