/* =====================================================================
   v33 · preloader "totality" (assets/js/eclipse.js) — switch: FEATURES["eclipse_preloader"] in build.py
   ===================================================================== */
.fg-loader.fg-ec { position: fixed; inset: 0; z-index: 10000; background: #000; overflow: hidden; cursor: pointer; display: block; padding: 0; }
.fg-loader.fg-ec::after { content: none; }
.fg-ec-sky { position: absolute; inset: 0; width: 100%; height: 100%; display: block; }
.fg-ec-cap {
    position: absolute; left: 50%; bottom: clamp(34px, 7vh, 72px); transform: translateX(-50%);
    display: flex; flex-direction: column; align-items: center; gap: 10px; pointer-events: none; visibility: hidden;
}
.fg-ec-cap .w { font-family: "Urbanist", sans-serif; font-weight: 600; font-size: 13px; letter-spacing: 0.55em; text-transform: uppercase; color: #f3f1ec; margin-right: -0.55em; }
.fg-ec-cap .w span { display: inline-block; opacity: 0.25; transition: opacity 0.4s; }
.fg-ec-cap .w span.dot { color: #b82025; }
.fg-ec-cap .s { white-space: nowrap; font-family: "Arapey", serif; font-style: italic; font-size: 15px; color: rgba(243, 241, 236, 0.55); letter-spacing: 0.02em; }
.fg-ec-cap .s::before, .fg-ec-cap .s::after { content: ""; display: inline-block; width: 28px; height: 1px; background: rgba(243, 241, 236, 0.25); vertical-align: middle; margin: 0 12px; }
.fg-ec-hint { position: absolute; right: clamp(18px, 3vw, 40px); bottom: clamp(18px, 3vh, 34px); font: 500 11px "Urbanist", sans-serif; letter-spacing: 0.12em; text-transform: uppercase; color: rgba(243, 241, 236, 0.32); visibility: hidden; }
@media (max-width: 575px) {
    .fg-ec-cap .w { font-size: 11px; letter-spacing: 0.45em; }
    .fg-ec-hint { display: none; }
}