/* =========================================
   Block: Bild-Banner (kss/lswn-image-banner)
   ========================================= */

.lswn-image-banner {
    position: relative;
    aspect-ratio: 21 / 9;
    border-radius: var(--lswn-radius-lg);
    overflow: hidden;
    background: linear-gradient(148deg, var(--lswn-rose-md) 0%, var(--lswn-rose) 46%, var(--lswn-rose-lt) 100%);
}

.lswn-image-banner__img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* --- Platzhalter (kein Bild gesetzt) --- */
.lswn-image-banner__ph {
    display: grid;
    place-items: center;
    width: 100%;
    height: 100%;
}

.lswn-image-banner__orn {
    width: clamp(64px, 9vw, 96px);
    height: clamp(64px, 9vw, 96px);
    overflow: visible;
}
.lswn-image-banner__orn circle,
.lswn-image-banner__orn line {
    fill: none;
    stroke: var(--lswn-wine);
}
.lswn-image-banner__orn path {
    fill: none;
    stroke: var(--lswn-wine);
    stroke-width: 1;
}

@media (max-width: 720px) {
    .lswn-image-banner {
        aspect-ratio: 4 / 3;
    }
}

@media (prefers-reduced-motion: reduce) {
    .lswn-image-banner__orn * { animation: none !important; }
}