#about { border-top: var(--border); }

.about-grid {
    display: grid;
    grid-template-columns: 1fr 1.6fr;
    gap: 5rem;
    align-items: center;
    margin-top: 3rem;
}

.about-logo-wrap {
    display: flex;
    justify-content: center;
}

.about-logo {
    width: 100%;
    max-width: 300px;
    filter: drop-shadow(0 0 55px rgba(122,21,40,0.35));
    transition: filter 0.6s;
}
.about-logo:hover { filter: drop-shadow(0 0 75px rgba(178,38,58,0.55)); }

.about-text p + p { margin-top: 1.3rem; }