/* ============================================================
   reveal-fix.css — served at /reveal-fix.css, injected into every page.
   The live theme's reveal-animation bundle and lazysizes image loader
   were NOT captured by the HTTrack mirror, so scroll-reveal content stays
   at opacity:0 and lazy images never load. This shim forces content visible,
   self-hosts the brand fonts, releases the age-gate scroll lock, and hides
   consent/redirect overlays that have no working JS. Paired with reveal-fix.js.
   ============================================================ */

/* NOTE: the theme's own JS (bundle.min.js) IS present and drives the scroll-reveal
   + Swiper carousels. We deliberately DON'T force .animated-* elements visible here
   anymore — doing so flattened the real fade/slide-in animations. The theme reveals
   them on scroll now that the age-gate scroll-lock is stripped. */

/* Safety net: if an element never gets revealed (e.g. above-the-fold before the
   observer fires), don't leave it stuck invisible after a moment. reveal-fix.js
   adds .rf-shown to anything still hidden late, which this un-hides without motion. */
.rf-shown { opacity: 1 !important; top: 0 !important; visibility: visible !important; }

/* Real Monotype Grotesque (fast.fonts.net came down empty in the mirror) */
@font-face { font-family: 'GrotesqueMTStd'; font-weight: 400; font-display: swap; src: url('/media/fonts/GrotesqueMTStd-400.woff2') format('woff2'); }
@font-face { font-family: 'GrotesqueMTStd'; font-weight: 700; font-display: swap; src: url('/media/fonts/GrotesqueMTStd-700.woff2') format('woff2'); }
@font-face { font-family: 'GrotesqueMTStd-Extended'; font-weight: 700; font-display: swap; src: url('/media/fonts/GrotesqueMTStd-Extended-700.woff2') format('woff2'); }

/* Release age-gate scroll lock and hide overlays that can't work without their JS */
#agegate, [id^="agegate"], .agegate, .epam-agegate,
#onetrust-consent-sdk, #onetrust-banner-sdk, .onetrust-pc-dark-filter, .ot-sdk-row,
.baca-geo-redirect, [class*="geo-banner"], [id*="geo-banner"] { display: none !important; }
html, body, html.popup-open, body.popup-open, main { overflow: visible !important; height: auto !important; position: static !important; }