/* supplement.css — restore polish for static (JS-free) Squarespace render */

/* --- Slideshow gallery: no JS now → un-stack the absolute slides into a portfolio column --- */
.sqs-gallery-container.sqs-gallery-block-slideshow { overflow: visible !important; height: auto !important; }
.sqs-gallery-block-slideshow .sqs-gallery { position: relative !important; height: auto !important; overflow: visible !important; }
.sqs-gallery-block-slideshow .sqs-gallery .slide,
.sqs-gallery-block-slideshow .sqs-gallery .slide.content-fill {
  position: relative !important;
  top: auto !important; left: auto !important; right: auto !important; bottom: auto !important;
  width: 100% !important; height: auto !important;
  display: block !important;
  margin: 0 0 6px 0 !important;
}
.sqs-gallery-block-slideshow .sqs-gallery .slide img.thumb-image {
  position: relative !important;
  top: auto !important; left: auto !important;
  width: 100% !important; height: auto !important;
  display: block !important;
  opacity: 1 !important;
  object-fit: cover;
}
.sqs-gallery-block-slideshow .color-overlay,
.sqs-gallery-block-slideshow .meta { display: none !important; }

/* leave-wild wordmark banner (thin wide graphic) */
.image-block-wrapper .thumb-image { position: relative !important; opacity: 1 !important; width: 100% !important; height: auto !important; left:auto!important; top:auto!important; }

/* Text logo — visible brand in header */
#header .logo a { color: #333; text-decoration: none; font-family: 'Old Standard TT', Georgia, serif; letter-spacing: .04em; }

/* Nav menu links — black instead of washed-out grey */
#topNav a,
#topNav .folder > a,
#mobileNav a,
#mobileNav label,
#mobileMenuLink a {
  color: #000 !important;
}
#topNav a:hover,
#mobileNav a:hover,
#mobileNav label:hover,
#mobileMenuLink a:hover {
  color: #000 !important;
  opacity: 0.7;
}

/* readable body content */
#page .sqs-block-content p { line-height: 1.7; }

/* Mobile nav is a desktop-hidden duplicate of the visible .main-nav; Squarespace hides it
   via visibility:hidden on desktop (its JS toggle is inert in a static restore). Use display:none
   at desktop widths so the duplicate nav is fully out of the render (mobile <640px unaffected). */
@media (min-width: 640px) {
  #mobileNav { display: none !important; }
  #mobileNav, #mobileNav * { visibility: visible !important; }
}

/* Footer: drop empty Squarespace leftovers and tighten spacing around contact line */
#footer { margin-top: 0; padding-top: 16px; padding-bottom: 16px; }
#footer .info-footer-wrapper { margin-top: 0; }
#footer .info-footer { padding: 8px 0; }
#footer #socialLinks { margin: 8px 0 0; min-height: 0; }
#footer #socialLinks > div:not(.sqs-svg-icon--wrapper) { display: none; }
#footer #footerBlock.empty,
#footer .sqs-layout.empty { display: none !important; height: 0 !important; min-height: 0 !important; margin: 0 !important; padding: 0 !important; }
#footer .romlifooter { margin: 12px auto 0; padding: 0 16px; }

/* Article pages: stop horizontal page scroll on mobile (wide tables/images) */
html, body { max-width: 100%; overflow-x: hidden; }
.article-layout,
.article-layout__main,
.zoszzv4f { min-width: 0; max-width: 100%; box-sizing: border-box; }
.zoszzv4f { overflow-wrap: anywhere; word-wrap: break-word; }
.zoszzv4f-table-wrap { display: block; width: 100%; max-width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; }
.zoszzv4f img, .zoszzv4f video, .zoszzv4f iframe { max-width: 100%; height: auto; }
@media (max-width: 768px) {
  #canvas { max-width: 100% !important; box-sizing: border-box; overflow-x: hidden; }
  .article-layout { width: 100%; }
  .article-layout__sidebar { max-width: 100%; box-sizing: border-box; }
}