/* Quiet image placeholders; frames reserve space even without JavaScript. */
[data-image-frame][data-image-state="loading"] { background-color: #edf4fa; }
[data-image-load].cogmers-image-fade { transition: opacity 160ms ease; }
[data-image-load].cogmers-image-pending { opacity: 0; }
[data-image-frame][data-image-state="error"] { background-color: #edf4fa; }
.cogmers-image-detail-frame { position: relative; width: 100%; aspect-ratio: var(--cogmers-image-ratio, 4 / 3); overflow: hidden; background: #edf4fa; }
.cogmers-image-detail-frame--blog { max-height: 610px; border-radius: 18px; box-shadow: 0 20px 45px #0a23441f; }
.cogmers-image-detail-frame--sermon { max-height: 580px; border-radius: 16px; box-shadow: 0 17px 36px #0a234424; }
.cogmers-image-detail-frame > img[data-image-load] { position: absolute; inset: 0; width: 100%; height: 100%; max-height: none; display: block; object-fit: contain; border-radius: inherit; box-shadow: none; background: transparent; }
@media (max-width: 980px) { .cogmers-image-detail-frame--sermon { max-height: 620px; } }
@media (prefers-reduced-motion: reduce) { [data-image-load].cogmers-image-fade { transition: none !important; } }
@media print { [data-image-load] { opacity: 1 !important; transition: none !important; } }