/* ============================================================
   Zerno — about
   ============================================================ */

.about-story {
    max-width: 760px;
    padding-bottom: 32px;
}

.about-story h2 {
    font-size: 1.6rem;
    margin: 2em 0 .6em;
    position: relative;
    padding-bottom: 14px;
}

.about-story h2:first-child { margin-top: 0; }

.about-story h2::after {
    content: "";
    position: absolute;
    left: 2px;
    bottom: 0;
    width: 38px;
    height: 4px;
    border-radius: 3px;
    background: var(--wheat);
}

.about-story p { color: var(--text); }

.about-story em { color: var(--accent-2); font-style: normal; font-weight: 700; }

.principles { margin: 28px 0 8px; }

.principles .card h3 { margin-bottom: 8px; font-size: 1.06rem; }
.principles .card p { font-size: .93rem; margin: 0; }