/* =========================================
   Block: Bild mit Goldkranz (kss/lswn-halo-image)
   ========================================= */

.lswn-halo-image {
    position: relative;
    aspect-ratio: 1;
    max-width: 450px;
    width: 100%;
    margin-inline: auto;
}

.lswn-halo-image__ring {
    position: absolute;
    inset: -7%;
    width: 114%;
    height: 114%;
    overflow: visible;
    pointer-events: none;
}
.lswn-halo-image__ring circle,
.lswn-halo-image__ring line {
    fill: none;
    stroke: var(--lswn-gold);
}

.lswn-halo-image__frame {
    position: absolute;
    inset: 6%;
    margin: 0;
    border-radius: 50%;
    overflow: hidden;
    box-shadow: inset 0 0 64px rgba(122, 57, 70, .18);
    background: linear-gradient(158deg, var(--lswn-rose-md) 0%, var(--lswn-rose-lt) 48%, var(--lswn-gold-lt) 100%);
}
.lswn-halo-image__img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.lswn-halo-image__frame--empty {
    display: grid;
    place-items: center;
    padding: 12%;
    text-align: center;
}
.lswn-halo-image__frame--empty span {
    font-family: var(--lswn-serif);
    font-style: italic;
    font-size: 13px;
    line-height: 1.5;
    color: rgba(86, 36, 47, .5);
}

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