#page-loader{display:none}
html.startup-pending #page-loader{position:fixed;inset:0;z-index:10000;display:grid;place-content:center;justify-items:center;gap:23px;background:#f8f7f2;color:#17231c;opacity:1;transition:opacity .36s cubic-bezier(.22,.61,.36,1);touch-action:none}
#page-loader img{display:block;width:112px;height:112px;object-fit:contain;mix-blend-mode:multiply}
#page-loader p{margin:0;font:400 12px/1.5 RoadOnest,Arial,sans-serif;letter-spacing:.04em;color:#687269}
#page-loader .loader-line{width:74px;height:2px;background:linear-gradient(90deg,transparent,#cfad50,transparent);animation:loader-breath 1.6s ease-in-out infinite}
html.startup-revealing #page-loader{opacity:0;pointer-events:none}
@keyframes loader-breath{0%,100%{opacity:.35;transform:scaleX(.6)}50%{opacity:.9;transform:scaleX(1)}}
html[data-startup-fonts=fallback] body,html[data-startup-fonts=fallback] body *{font-family:Arial,sans-serif!important}
html[data-startup-hero=fallback] .visual>#world{visibility:hidden!important}
html[data-startup-key=fallback] .key-scene canvas,html[data-startup-journey=fallback] .journey-scene canvas,html[data-startup-journey=fallback] .journey-mobile-media:not([data-ready=true]) .journey-mobile-scene{visibility:hidden!important}
html[data-startup-key=fallback] .key-scene>img{opacity:1!important;visibility:visible!important}
html[data-startup-footer=fallback] #footer-art>canvas{visibility:hidden!important}
html[data-startup-footer=fallback] #footer-art>img{opacity:1!important;visibility:visible!important}
@media(prefers-reduced-motion:reduce){html.startup-pending #page-loader{transition:none}#page-loader .loader-line{animation:none}}
