/* Keep the captured Squarespace layout visible without its hosted runtime. */
html { scroll-behavior: smooth; }
body { opacity: 1 !important; }
[data-animation-role], .gallery-grid-item, .gallery-grid-item-wrapper,
.sqs-block-image .image-block-wrapper, .section-background img {
  opacity: 1 !important;
  visibility: visible !important;
}
.gallery-grid-wrapper {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 35px;
}
.gallery-grid-item { position: relative !important; width: auto !important; }
.gallery-grid-item-wrapper { aspect-ratio: 4 / 3; height: auto !important; padding-bottom: 0 !important; }
.gallery-grid-item img { position: absolute; inset: 0; }
.section-background img { width: 100%; height: 100%; object-fit: cover; }
/* Preserve the HOP label without Squarespace's SVG path generator. */
.Marquee-measure {
  position: relative !important;
  visibility: visible !important;
  display: flex;
  justify-content: center;
  gap: .5em;
  width: auto !important;
  height: auto !important;
}
.Marquee-display > h1 { display: none; }
body.header--menu-open { overflow: hidden; }
body.header--menu-open .header-menu { opacity: 1; visibility: visible; }
@media (max-width: 767px) {
  .gallery-grid-wrapper { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
}
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { animation: none !important; transition: none !important; }
}