/* --- Foto plus Ausschnitt (235:38) --------------------------------------
   Der UI-Ausschnitt liegt ueber der linken unteren Ecke des Fotos. Kleine
   Ausfuehrung ohne Bildunterschrift: die Masse sind die der Instanz in Figma
   (253 x 187, Polster 22, Eckmarke 11/7/1). Unter 1024 stehen beide
   untereinander, weil ein ueberlappender Ausschnitt dort das Foto verdeckt.
   Ableitung des Builds, in der Quelle nicht vorhanden. */

.epi-mediastack {
    position: relative;
    display: grid;
    gap: var(--wp--preset--spacing--lg);
}

.epi-cutout--compact {
    inline-size: 253px;
    padding: 22px;
    gap: 0;
    border-radius: 9px;
    box-shadow: 0 4px 9px rgb(0 0 0 / 0.1);
    --epi-cornermark-leg: 11px;
    --epi-cornermark-inset: 7px;
    --epi-cornermark-weight: 1px;
}

.epi-cutout--compact .epi-cutout__field {
    aspect-ratio: 209 / 143;
}

@media screen and (min-width: 1024px) {
    .epi-mediastack {
        display: block;
    }

    .epi-mediastack .epi-cutout--compact {
        position: absolute;
        inset-inline-start: -70px;
        inset-block-end: 0;
    }
}