/* ===========================================================
   Espressimo — About Media Split V2 (image + text)
   =========================================================== */

.esp-av2-split {
    font-family: 'Dialect PM', sans-serif;
    display: flex;
    flex-direction: row;       /* RTL: first child (media) sits on the right */
    align-items: stretch;
    border-bottom: 1px solid #e6dad4;
    background: #fff9f2;
}
.esp-av2-split--img-left { flex-direction: row-reverse; }

.esp-av2-split__media {
    width: 46%;
    flex-shrink: 0;
    overflow: hidden;
    border-inline-end: 1px solid #e6dad4;
}
.esp-av2-split--img-left .esp-av2-split__media {
    border-inline-end: 0;
    border-inline-start: 1px solid #e6dad4;
}
.esp-av2-split__media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.esp-av2-split__body {
    flex: 1;
    padding: 56px 48px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.esp-av2-split__heading {
    color: #522c25;
    font-size: 44px;
    font-weight: 700;
    letter-spacing: 0.03em;
    line-height: 1.15;
    margin: 0 0 20px;
}
.esp-av2-split__text {
    display: flex;
    flex-direction: column;
    gap: 16px;
}
.esp-av2-split__text p {
    color: #522c25;
    font-size: 21px;
    opacity: 0.72;
    line-height: 1.7;
    margin: 0;
}

/* ── Responsive ── */
@media (max-width: 1024px) {
    .esp-av2-split,
    .esp-av2-split--img-left { flex-direction: column; }
    .esp-av2-split__media {
        width: 100%;
        aspect-ratio: 4 / 3;
        border-inline-end: 0;
        border-inline-start: 0;
        border-bottom: 1px solid #e6dad4;
    }
    .esp-av2-split__body { padding: 40px 24px; }
    .esp-av2-split__heading { font-size: 32px; }
    .esp-av2-split__text p { font-size: 19px; }
}