/* Small original ornaments: quiet margins, clear controls, no movement. */
.city-photo--artwork { background: #eeeadd; }
.city-photo--artwork img { object-fit: contain; padding: 9px 10px 24px; }
.city-intro-photo--artwork img { object-fit: contain; background: #eeeadd; padding: 12px 12px 28px; }
.county-tile > .city-fallback-art { object-fit: contain; background: #eeeadd; padding: 10px; }
.has-wayfinder-art { padding: 26px 30px; gap: 28px; }
.wayfinder-illustration { display: block; width: 160px; height: auto; flex-shrink: 0; }
.has-wayfinder-art > div { min-width: 0; }
.ornament-heading { display: flex; align-items: center; gap: 16px; }
.heading-wildflower { display: block; width: 56px; height: auto; flex-shrink: 0; opacity: .85; }
.footer-signoff { display: inline-flex; align-items: center; gap: 16px; }
.footer-wildflower { width: 48px; height: auto; opacity: .7; }
.site-footer, .ed-footer, .county-section, .ed-article-header:not(.ed-about-intro) { position: relative; isolation: isolate; }
.site-footer::before, .ed-footer::before, .county-section::before, .ed-article-header:not(.ed-about-intro)::before {
  content: ""; position: absolute; width: 180px; height: 120px;
  background: url("/assets/illustrations/pine-sprig.webp") center / contain no-repeat;
  opacity: .065; pointer-events: none; z-index: -1;
}
.site-footer::before, .ed-footer::before { right: 24px; bottom: 12px; }
.county-section::before { right: 150px; top: -18px; width: 135px; height: 90px; opacity: .05; }
.ed-article-header:not(.ed-about-intro)::before { right: 0; bottom: 12px; }
@media (max-width: 1000px) {
  .has-wayfinder-art { flex-wrap: wrap; gap: 20px; }
  .has-wayfinder-art > div { flex: 1; }
  .has-wayfinder-art > .button { margin-left: 180px; }
}
@media (max-width: 600px) {
  .city-photo--artwork img { padding: 6px 6px 24px; }
  .has-wayfinder-art { display: flex; flex-direction: column; align-items: flex-start; padding: 24px; gap: 16px; }
  .wayfinder-illustration { width: 140px; }
  .has-wayfinder-art > .button { margin-left: 0; }
  .heading-wildflower { width: 45px; }
  .site-footer::before, .ed-footer::before { width: 120px; height: 80px; right: 18px; bottom: 90px; opacity: .045; }
  .county-section::before { right: 100px; top: -12px; width: 90px; height: 60px; opacity: .035; }
  .ed-article-header:not(.ed-about-intro)::before { width: 120px; height: 80px; opacity: .04; }
  .footer-bottom .footer-signoff { display: flex; }
}
