/* Keep photographic placeholders sized while offscreen imagery is deferred. */
.ll-image-js [data-ll-lazy-bg]:not(.ll-bg-requested){
  background-image:none!important;
}
.ll-image-js [data-ll-lazy-bg].ll-bg-requested{
  animation:ll-image-reveal .32s ease-out both;
}
@keyframes ll-image-reveal{
  from{opacity:.83}
  to{opacity:1}
}
@media(prefers-reduced-motion:reduce){
  .ll-image-js [data-ll-lazy-bg].ll-bg-requested{animation:none}
}


/* Lightweight skeleton/fallback, only for coordinate-derived aerial imagery. */
.ll-aerial-card-image,.ll-aerial-photo{background:linear-gradient(120deg,#d5e2d9,#e6eee8 50%,#d5e2d9)}
.ll-aerial-card-image{position:relative}
.ll-aerial-fallback{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;text-align:center;padding:18px;color:#587166;background:#deebe3;font-size:.75rem;font-weight:700;line-height:1.5;z-index:1}
.ll-aerial-photo .ll-aerial-fallback{font-size:.9rem}

@media(prefers-reduced-motion:reduce){.ll-aerial-card-image img{transition:none}}

/* The older lake-card span rule must not shrink the failure placeholder. */
.ll-aerial-card-image > .ll-aerial-fallback,
.ll-aerial-photo > .ll-aerial-fallback {
  position:absolute;
  inset:0;
  bottom:0;
  left:0;
  right:0;
  z-index:2;
  display:flex;
  align-items:center;
  justify-content:center;
  background:#deebe3;
  color:#587166;
  padding:16px;
  font-size:.76rem;
  text-align:center;
}