.site-loader{position:fixed;inset:0;z-index:220;display:grid;place-items:center;background:#eff1f078;backdrop-filter:blur(20px) saturate(.8);-webkit-backdrop-filter:blur(20px) saturate(.8);color:#24313a;transition:opacity .46s ease,visibility .46s;isolation:isolate}
.cinema-dark .site-loader,[data-visual-theme=dark] .site-loader{background:#0b101570;color:#dce4e9}
.loader-metal{width:min(540px,90vw);text-align:center;transform:translateY(-8px);transition:transform .46s ease}
.loader-render{position:relative;width:100%;height:clamp(110px,16vw,140px)}
.loader-final{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;pointer-events:none}
.loader-render>canvas{display:block;position:static;width:100%;height:100%;pointer-events:none;visibility:hidden}
.has-metal-render .loader-render>canvas{visibility:visible}
.site-loader~.cinema-scene .scene-fallback{visibility:hidden}
.loader-metal-name{font:400 10px/1.6 Inter,Arial,sans-serif;letter-spacing:.22em;margin-top:0;opacity:.8}
.loader-metal-status{font:400 10px/1.7 Inter,Arial,sans-serif;margin-top:10px;opacity:.65;letter-spacing:.03em}
.loader-metal-dot{display:inline-block;width:3px;height:3px;background:currentColor;border-radius:50%;margin-left:5px;vertical-align:2px;animation:boot-dot 1.4s infinite}
.site-loader.is-finished{opacity:0;visibility:hidden;pointer-events:none}.site-loader.is-finished .loader-metal{transform:translateY(-16px)}
.is-booting .scene-next{visibility:hidden;pointer-events:none}.is-booting{overflow:hidden}
@keyframes boot-dot{0%,100%{opacity:.25}50%{opacity:1}}
@media(max-width:700px){.loader-metal-name{font-size:9px;letter-spacing:.18em}}
@media(prefers-reduced-motion:reduce){.site-loader,.loader-metal{transition:none}.loader-metal-dot{animation:none}}
@media(prefers-reduced-transparency:reduce){.site-loader{background:#eef0edef;backdrop-filter:none}.cinema-dark .site-loader{background:#10161aef}}
