/* Section and divider styles */
.section { padding: 130px 0; position: relative; z-index: 1; }

.section-divider {
    position: relative;
    height: 1px;
    background: linear-gradient(90deg, transparent 0%, var(--border-mid) 20%, var(--border-accent) 50%, var(--border-mid) 80%, transparent 100%);
    margin: 0 auto;
    max-width: 900px;
    opacity: 0.6;
}
.section-divider::after {
    content: "◆";
    position: absolute;
    left: 50%; top: 50%; transform: translate(-50%, -50%);
    color: var(--accent); font-size: 0.5rem; background: var(--bg-deep); padding: 0 12px; opacity: 0.7;
}

.section-label { display: inline-flex; align-items: center; gap: 10px; font-size: 0.7rem; font-weight: 600; letter-spacing: 0.1em; text-transform: uppercase; color: var(--accent); margin-bottom: 18px; }
.section-label::before, .section-label::after { content: ""; display: inline-block; width: 18px; height: 1.5px; background: var(--accent); opacity: 0.6; }

@media (max-width: 768px) {
    .section { padding: 80px 0; }
    .section-divider::after { font-size: 0.4rem; padding: 0 8px; }
}