/* site-fixes.css — corrections to the static Squarespace mirror.
 *
 * Banner images: Squarespace sized these at runtime with its ImageLoader JS,
 * which wrote inline width/height/top/left onto each <img>. The mirror froze
 * those values at whatever the viewport was during the scrape (1260px wide),
 * and the loader no longer runs to update them. Past that frozen width the
 * image stops covering its container and the wrapper's background shows
 * through beside it. Hand the covering back to CSS so it holds at any width.
 */
.page-banner-image-container > img,
.page-banner-image-container .js-page-banner-image {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  object-fit: cover;
  object-position: 50% 50%;
}