/* =========================
   About (scoped)
   ========================= */

.about {
    position: relative;
}

.about .section-head {
    margin-bottom: var(--s-6);
}

/* Layout */
.about-inner {
    display: grid;
    grid-template-columns: 1fr;
    gap: var(--s-8);
    max-width: 900px;
}

/* Text content */
.about-content p {
    max-width: 60ch;
    font-size: 1.05rem;
    margin-bottom: var(--s-6);
}

/* Bullet points */
.about-points {
    list-style: none;
    padding: 0;
    margin: 0;
    display: grid;
    gap: var(--s-3);
}

.about-points li {
    margin: 0;
    padding-left: 1.5rem;
    position: relative;
    color: var(--muted);
    font-weight: 500;
}

.about-points li::before {
    content: "✓";
    position: absolute;
    left: 0;
    top: 0;
    color: var(--accent);
    font-weight: 700;
}

/* Responsive */
@media (max-width: 720px) {
    .about-content p {
        font-size: 1rem;
    }
}