/* SpatialStay loading screen (2026-10-19): full-bleed still, slow push-in, one thin progress line. */
#loader.ss-loader{position:absolute;inset:0;z-index:20;display:block;background:#0d0c0b;padding:0;gap:0;overflow:hidden;color:#f7f3ec;font:inherit;letter-spacing:0}
#loader.ss-loader[hidden]{display:none!important}
.ss-loader .ld-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:saturate(1.05);animation:ld-push 22s cubic-bezier(.2,.6,.2,1) forwards;transform-origin:60% 55%}
.ss-loader .ld-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(10,9,8,.35),rgba(10,9,8,0) 30%,rgba(10,9,8,0) 50%,rgba(10,9,8,.78))}
.ss-loader .ld-copy{position:absolute;left:clamp(22px,4vw,52px);bottom:clamp(34px,6vh,64px);display:flex;flex-direction:column;gap:6px;animation:ld-rise .9s .15s cubic-bezier(.2,.8,.2,1) both}
.ss-loader .ld-brand{font:500 11px/1 Inter,'DM Sans',system-ui,sans-serif;letter-spacing:.22em;text-transform:uppercase;opacity:.7;margin-bottom:10px}
.ss-loader h2{margin:0;font:400 clamp(44px,6.4vw,92px)/.95 'Instrument Serif','Iowan Old Style',Georgia,serif;letter-spacing:-.02em;color:#f7f3ec}
.ss-loader p{margin:6px 0 0;font:400 15px/1.4 Inter,'DM Sans',system-ui,sans-serif;opacity:.78}
.ss-loader small{margin-top:22px;font:500 11.5px/1 Inter,'DM Sans',system-ui,sans-serif;letter-spacing:.06em;opacity:.62;color:#f7f3ec}
.ss-loader .ld-line{position:absolute;left:0;right:0;bottom:0;height:2px;background:rgba(247,243,236,.14)}
.ss-loader .ld-line i{display:block;height:100%;background:#f7f3ec;transform-origin:0 50%;transform:scaleX(.04)}
@keyframes ld-push{from{transform:scale(1.02)}to{transform:scale(1.12)}}
@keyframes ld-rise{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.ss-loader .ld-bg,.ss-loader .ld-copy{animation:none}}
.ss-loader .ld-brand{display:flex;align-items:center;gap:10px;font-weight:700;letter-spacing:.24em}
.ss-loader .ld-mark{width:30px;height:30px;display:block;color:#f7f3ec}.ss-loader .ld-mark svg{width:100%;height:100%;overflow:visible}
/* less is more: only the home's name and the progress line */
.ss-loader .ld-brand,.ss-loader p{display:none!important}
.ss-loader small{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);margin:0!important}
.ss-loader .ld-copy{left:50%;bottom:auto;top:50%;transform:translate(-50%,-50%);align-items:center;text-align:center;animation:ld-fade 1.1s .1s ease both}
.ss-loader h2{font-size:clamp(52px,7vw,104px)!important}
.ss-loader .ld-shade{background:radial-gradient(70% 60% at 50% 50%,rgba(10,9,8,.42),rgba(10,9,8,.12) 70%),linear-gradient(180deg,rgba(10,9,8,.2),rgba(10,9,8,.35))}
@keyframes ld-fade{from{opacity:0}to{opacity:1}}
/* logo + progress only */
.ss-loader h2{display:none!important}
.ss-loader .ld-brand{display:flex!important;align-items:center;gap:16px;margin:0!important;opacity:1!important;font:700 13px/1.25 'DM Sans',Inter,system-ui,sans-serif!important;letter-spacing:.28em!important;color:#f7f3ec}
.ss-loader .ld-mark{width:64px!important;height:64px!important}
.ss-loader .ld-line{left:50%;right:auto;bottom:auto;top:calc(50% + 62px);width:180px;transform:translateX(-50%);height:2px;border-radius:2px;overflow:hidden}
.ss-loader .ld-copy{text-align:left}
.ss-loader .ld-brand>span:last-child{text-align:left}
.ss-loader .ld-bg{filter:blur(10px) brightness(.62) saturate(1.1);transform:scale(1.08)}
.ss-loader .ld-shade{background:radial-gradient(60% 50% at 50% 50%,rgba(10,9,8,.25),rgba(10,9,8,.05) 70%)!important}
.ss-loader .ld-film{filter:brightness(.62) saturate(1.05)!important;transform:none!important;animation:none!important}
.ss-loader .ld-film{filter:blur(14px) brightness(.6) saturate(1.1)!important;transform:scale(1.08)!important}