<style> /* * The html.fiimu-* class on the root element gives these selectors * specificity (0,1,1) — higher than a plain single-class selector (0,1,0). * No !important needed: the class-qualified type selector wins the cascade. * When JS is disabled, hydration never completes and these classes are never * removed, so this rule ensures content stays visible without JS. * Do NOT remove the html.fiimu-* prefix without also updating the hydration guard logic. */ html.fiimu-pre-hydration app-menu, html.fiimu-pre-hydration app-hero-carousel, html.fiimu-pre-hydration .main-page-container, html.fiimu-loading app-menu, html.fiimu-loading app-hero-carousel, html.fiimu-loading .main-page-container { visibility: visible; opacity: 1; } html.fiimu-pre-hydration::before, html.fiimu-loading::before { content: none; } /* JS-driven entrance states that a no-JS page would otherwise keep: the nav pill waits for .pill-wrap--ready, the parallax hero for .parallax--loaded, reveal targets for the IntersectionObserver. html.fiimu-pre-hydration (never removed without JS) out-ranks the encapsulated component selectors (0,2,0) without !important. */ html.fiimu-pre-hydration .pill-wrap { visibility: visible; } html.fiimu-pre-hydration .parallax-wrapper, html.fiimu-pre-hydration .parallax-img--hidden { opacity: 1; } html.fiimu-pre-hydration .reveal-hidden { opacity: 1; transform: none; } #fiimu-guard { display: none; } app-root, html.fiimu-pre-hydration app-root { opacity: 1 !important; /* noscript fallback — overrides pre-hydration guard */ } .fiimu-noscript { position: fixed; bottom: 0; left: 0; right: 0; z-index: 9999; padding: 1rem 1.5rem; background: #ee0000; color: #fff; text-align: center; font-size: 0.875rem; font-family: system-ui, sans-serif; } .fiimu-noscript a { color: #fff; text-decoration: underline; } </style>
Skip to main content
Resources
Settings

Albums