/* ─── About: sharp editorial ─── */

.ocf-about {
    background: var(--ocf-bg);
}

.ocf-about .about-grid {
    gap: 3rem;
}

@media (min-width: 1024px) {
    .ocf-about .about-grid {
        grid-template-columns: 5fr 7fr;
        gap: 5rem;
        align-items: start;
    }
}

.about-image-wrap {
    position: relative;
}

.ocf-about .about-image {
    aspect-ratio: 4/5;
    border-radius: var(--radius);
    overflow: hidden;
    position: relative;
    z-index: 1;
}

.ocf-about .about-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.about-image-accent {
    position: absolute;
    bottom: -0.75rem;
    right: -0.75rem;
    width: 40%;
    height: 40%;
    border: 2px solid var(--ocf-accent);
    border-radius: var(--radius);
    opacity: 0.3;
    z-index: 0;
}

.about-content {
    padding-top: 1rem;
}

.about-content .heading-section {
    margin-bottom: 2rem;
}

.about-body {
    margin-bottom: 2.5rem;
}

.about-body .text-body {
    margin-bottom: 1rem;
}

.about-body .text-body:last-child {
    margin-bottom: 0;
}