/* No-JavaScript and timed-out animation fallback: readable content and native scroll. */
html:not(.site-js) body,
html.site-fallback body {
    opacity: 1 !important;
    visibility: visible !important;
    overflow: auto !important;
    cursor: auto !important;
}
html:not(.site-js) .preloader-wrap,
html:not(.site-js) #magic-cursor,
html:not(.site-js) #app,
html.site-fallback .preloader-wrap,
html.site-fallback #magic-cursor,
html.site-fallback #app {
    display: none !important;
    pointer-events: none !important;
}
html:not(.site-js) #content-scroll,
html.site-fallback #content-scroll {
    position: relative !important;
    height: auto !important;
    overflow: visible !important;
}
html:not(.site-js) .scroll-content,
html.site-fallback .scroll-content {
    transform: none !important;
}
html:not(.site-js) :is(#main, #main-content, #main-page-content, #header-container, #footer-container,
    #page-nav, #hero-caption, .caption-timeline span, .before-span, .has-opacity, .has-animation,
    .has-mask, .has-mask-fill, .has-mask span, .has-mask-fill span, .slide-title span, .slide-inner,
    .img-mask, .hero-footer-left, .hero-footer-right),
html.site-fallback :is(#main, #main-content, #main-page-content, #header-container, #footer-container,
    #page-nav, #hero-caption, .caption-timeline span, .before-span, .has-opacity, .has-animation,
    .has-mask, .has-mask-fill, .has-mask span, .has-mask-fill span, .slide-title span, .slide-inner,
    .img-mask, .hero-footer-left, .hero-footer-right) {
    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;
    clip-path: none !important;
    -webkit-text-fill-color: currentColor !important;
}
/* A native navigation alternative remains available without the animated menu. */
.static-navigation { display: none; }
html:not(.site-js) .static-navigation,
html.site-fallback .static-navigation {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 1.5rem;
    padding: 1rem;
    position: relative;
    z-index: 1500;
}
html:not(.site-js) body,
html.site-fallback body {
    background: #0c0c0c !important;
    color: #fff !important;
}
html:not(.site-js) header,
html.site-fallback header {
    display: none !important;
}
html:not(.site-js) :is(.static-navigation a, .hero-title, .hero-subtitle),
html.site-fallback :is(.static-navigation a, .hero-title, .hero-subtitle) {
    color: #fff !important;
}
html:not(.site-js) .dark-section,
html.site-fallback .dark-section {
    background-color: #0c0c0c !important;
    color: #fff !important;
}
html:not(.site-js) .light-section,
html.site-fallback .light-section {
    background-color: #fff !important;
    color: #111 !important;
}
html:not(.site-js) :is(.dark-section, .light-section) :is(h1, h2, h3, h4, h5, h6, p, a),
html.site-fallback :is(.dark-section, .light-section) :is(h1, h2, h3, h4, h5, h6, p, a) {
    color: inherit !important;
}