/* Original exported styles define layout, typography, colors and breakpoints. */
html { scroll-behavior: smooth; }
.header-menu { visibility: hidden; }
.header--menu-open .header-menu { visibility: visible; opacity: 1; }
.header--menu-open { overflow: hidden; }
.replica-lightbox { border: 0; background: transparent; padding: 40px; max-width: 95vw; max-height: 95vh; }
.replica-lightbox::backdrop { background: rgba(0,0,0,.9); }
.replica-lightbox img { display:block; max-width: 85vw; max-height: 80vh; object-fit: contain; }
.replica-lightbox button { position:absolute; right:5px; top:0; border:0; color:white; background:transparent; font-size:36px; cursor:pointer; }
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } }
.background-fx-canvas canvas { position:absolute; inset:0; width:100%; height:100%; }
.conic-pause { position:absolute; bottom:15px; right:15px; z-index:2; border:0; border-radius:50%; background:#ffffff80; width:32px; height:32px; cursor:pointer; pointer-events:auto; }
.js-lightbox-trigger { height:100%; }
/* Fluid images are absolute; without an inset, a button's static-position
   layout starts them halfway down the clipping container. */
.fluid-image-container .js-lightbox-trigger > img { inset: 0; }