/* SECTIONS */
.section{padding:var(--section-y) 0}

.section-head{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:20px;
    margin-bottom:28px;
    flex-wrap:wrap;
}

.section-title-row{
    display:flex;
    align-items:center;
    gap:20px;
    flex:1;
    min-width:0;
}

.section-title-row .section-title{
    flex-shrink:0;
}

.section-title-wrap{
    display:flex;
    align-items:center;
    gap:16px;
    flex-wrap:wrap;
}

.section-title{
    font-family:var(--font-primary);
    font-size:clamp(26px,3.2vw,36px);
    font-weight:800;
    letter-spacing:.02em;
    text-transform:uppercase;
}

.section-meta{
    display:flex;
    align-items:center;
    gap:10px;
    color:var(--muted);
    font-size:14px;
}

.live-dot{
    width:8px;
    height:8px;
    border-radius:50%;
    background:var(--red);
    box-shadow:0 0 10px var(--red);
    animation:pulse 1.8s ease infinite;
}

@keyframes pulse{
    0%,100%{opacity:1;transform:scale(1)}
    50%{opacity:.6;transform:scale(.9)}
}

.section-link{
    display:inline-flex;
    align-items:center;
    gap:6px;
    font-size:14px;
    font-weight:600;
    color:var(--muted);
    text-decoration:none;
    transition:color .2s;
}

.section-link:hover{color:#fff}

.section-link .icon{width:16px;height:16px}

.section-intro{
    margin-bottom:28px;
}

.section-intro .section-head{
    margin-bottom:0;
}

.section-accent{
    display:block;
    flex:1;
    height:2px;
    min-width:48px;
    border:0;
    border-radius:1px;
    background:linear-gradient(90deg,var(--red) 0,var(--red) 56px,rgba(255,255,255,.1) 56px,rgba(255,255,255,.1) 100%);
}