/* Download keeps the homepage silhouettes quiet behind the store chooser. */
.dl-scenery {
  --scene-ink: #B89468;
  opacity: 0.45;
}

.dl-scenery .landscape__camel.is-walking {
  --asset: url("../images/sabr-anim/walk.webp");
  left: 0;
  top: 0;
  width: clamp(28px, 2.8vw, 44px);
  aspect-ratio: 104 / 77;
  mask: var(--asset) 0 0 / 3300% 100% no-repeat;
  -webkit-mask: var(--asset) 0 0 / 3300% 100% no-repeat;
  mask-position: calc(var(--walk-f, 0) * 100% / 32) 0;
  -webkit-mask-position: calc(var(--walk-f, 0) * 100% / 32) 0;
  will-change: transform;
}

.dl-footer {
  background: transparent;
  border-top: 0;
}

@media (max-width: 700px) {
  .dl-scenery {
    height: clamp(170px, 25vh, 220px);
    height: clamp(170px, 25svh, 220px);
  }
  .dl-scenery .landscape__camel.is-walking { width: 32px; }
}

/* Keep the walking ridge below the compact chooser on short phones. */
@media (max-width: 700px) and (max-height: 620px) {
  .dl-scenery { height: clamp(110px, 25svh, 150px); }
}