.spot-detail-hero--photo .spot-detail-hero-grid { align-items: start; }
.spot-detail-hero--photo .spot-detail-hero-grid > :first-child { align-self: start; }
.spot-cover { margin: 24px 0 0; }
.spot-cover > img { display: block; width: 100%; height: auto; aspect-ratio: 8 / 5; object-fit: cover; }
.spot-cover figcaption { display: flex; flex-wrap: wrap; justify-content: flex-end; align-items: center; gap: 4px; min-height: 44px; padding-block: 6px; color: #fff; font-size: 12px; }
.spot-cover figcaption a { display: inline-flex; align-items: center; min-height: 44px; color: #fff; text-decoration: underline; text-underline-offset: 3px; }
.finder-result-photo, .spot-list-photo { margin: 0 0 8px; }
.finder-result-photo img, .spot-list-photo img { display: block; width: 100%; height: auto; aspect-ratio: 4 / 3; object-fit: cover; }
.spot-list-photo { margin-bottom: 16px; }
.photo-attribution { font-size: 11px; line-height: 1.8; overflow-wrap: anywhere; }
.photo-attribution a { color: inherit; text-decoration: underline; text-underline-offset: 3px; }
.spot-cover figcaption.photo-attribution { display: block; padding-block: 12px; text-align: left; }
.spot-cover .photo-attribution a { display: inline; min-height: auto; }
.spot-list-card--credited { display: flex; flex-direction: column; }
.spot-list-card--credited > a { flex: 1; }
.spot-list-card p.photo-attribution { margin: 0 24px 20px; padding-top: 12px; border-top: 1px solid var(--line, #d9dce0); font-size: 11px; }
.finder-result-card--credited { min-width: 0; padding: 0; gap: 0; }
.finder-result-main { display: flex; flex: 1; flex-direction: column; gap: 7px; padding: 20px; color: inherit; }
.finder-result-card--credited .photo-attribution { margin: 0 20px 20px; padding-top: 12px; border-top: 1px solid var(--line, #d9dce0); }
@media (max-width: 760px) {
  .spot-cover > img { height: auto; aspect-ratio: 4 / 3; }
}