html { scroll-behavior: smooth; }
.static-anchor { scroll-margin-top: 80px; }
.static-gallery { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; }
.static-gallery .item { display: block; }
.static-gallery .s-ratio-box { max-width: none !important; max-height: none !important; }
.static-gallery img { width: 100%; height: 100%; object-fit: cover; }
.static-menu { display: none; }
.static-lightbox { border: 0; padding: 42px 16px 16px; background: #111; color: white; max-width: 95vw; max-height: 95vh; }
.static-lightbox::backdrop { background: rgba(0,0,0,.85); }
.static-lightbox img { display: block; max-width: 85vw; max-height: 80vh; object-fit: contain; }
.static-lightbox button { position: absolute; right: 12px; top: 8px; background: transparent; color: white; font-size: 26px; cursor: pointer; padding: 4px 8px; }
@media (max-width: 727px) {
  .static-gallery { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .static-menu { display: block; position: fixed; right: 12px; top: 12px; z-index: 99999; }
  .static-menu summary { background: #20252b; color: white; padding: 12px; cursor: pointer; }
  .static-menu nav { background: #20252b; max-height: 75vh; overflow: auto; }
  .static-menu a { display: block; color: white; padding: 12px 20px; }
}
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } }
