/*==================================================
=           HOME PAGE/Lastest Release section
==================================================*/
.latest-section{
    border-radius:40px var(--radius-circle);
    padding:var(--space-3xl) 8%;
    animation:heroFade 1.8s var(--ease-smooth);
}

.section-title{
    text-align:center;
    margin-bottom:var(--space-2xl);
}

.section-title h2{
    font-size:var(--text-h1);
    color:var(--color-text);
}

.section-title p{
    color:var(--color-text-secondary);
    margin-top:var(--space-md);
    max-width:600px;
    margin-inline:auto;
    line-height:var(--leading-body);
}

/*==================================================
=                 5. SECTIONS HERO HOME PAGE
==================================================*/
.hero-section{
    min-height:85vh;
    display:flex;
    align-items:center;
    padding:var(--space-xl) 8%;
    margin-top: var(--space-lg);
    position:relative;
    margin-bottom: var(--space-md);
    border-radius: var(--radius-xl);
    overflow:hidden;
}

/*=========================================
SECTION DIVIDER - Contac PAGE
=========================================*/
.section-divider{
    width:100px;
    height:1px;
    margin: var(--space-md) auto var(--space-2xl);
    border-radius:var(--radius-pill);
    background:
        linear-gradient(
            90deg,
            transparent,
            var(--color-primary),
            transparent
        );
    box-shadow:
        var(--glow-red);
    transition:
        width var(--motion-slow)
        var(--ease-standard);
}

.section-title:hover .section-divider{
    width:140px;
}

/*=========================================
SECTION - ABOUT PAGE
=========================================*/
.section-tag{
    display:inline-flex;
    padding:var(--space-sm) var(--space-lg);
    border-radius:var(--radius-lg);
    background:var(--glass-bg-strong);
    border: 2px solid var(--glass-bg-strong);
    color:var(--color-primary-hover);
    text-shadow: 4px 4px 2px var(--color-background);
    letter-spacing:var(--tracking-ultra);
    text-transform:uppercase;
    margin-bottom:var(--space-lg);
}