/* A clean photograph with its location below; full credits are in the footer. */
.hero-art { overflow: visible; background: transparent; }
.hero-art.landmark-slider { aspect-ratio: auto; height: auto; }
.landmark-stage { position: relative; overflow: hidden; isolation: isolate; border-radius: 16px; background: var(--light); aspect-ratio: 2 / 1; }
html .hero-art .landmark-stage > img { display: block; width: 100%; height: 100%; max-height: none; aspect-ratio: auto; object-fit: cover; object-position: center; }
.landmark-stage > .landmark-frame { position: absolute; inset: 0; opacity: 0; transition: opacity 600ms ease; pointer-events: none; }
.landmark-stage > .landmark-frame.is-active { opacity: 1; }
html .hero-art .landmark-chip { position: static; display: block; max-width: none; margin: 7px 0 0; padding: 0 4px; border-radius: 0; color: var(--muted); background: transparent; font-size: 12px; line-height: 1.6; text-align: start; }
.landmark-sources { flex-basis: 100%; width: 100%; font-size: 12px; margin-top: 14px; color: var(--muted); }
.landmark-sources summary { cursor: pointer; }
.landmark-sources ul { padding-inline-start: 20px; }
.landmark-sources li { margin-block: 8px; overflow-wrap: anywhere; }
.landmark-sources a { text-decoration: underline; }
@media (min-width: 761px) and (max-width: 1366px),
       (min-width: 1367px) and (max-width: 1600px) and (pointer: coarse) {
  .landmark-stage { aspect-ratio: auto; height: clamp(210px, 30svh, 320px); }
}
@media (prefers-reduced-motion: reduce) { .landmark-stage > .landmark-frame { transition: none; } }