/* Loader "Glebia": a plumb line descends through the four layers; the depth reads where the title will stand.
   loader.js sets --p (0..1). Only transform, opacity and clip-path move. Reduced motion: no transitions, instant exit. */
.loader{display:none}
html.is-loading,html.is-loading body{overflow:hidden}
html.is-loading .loader,html.loader-leaving .loader{display:block;position:fixed;inset:0;z-index:90;color:#f3f3f3;font-family:Hanken,Arial,sans-serif;--p:0;--ease-exit:cubic-bezier(.76,0,.24,1)}
html.loader-leaving .loader{pointer-events:none}
.ld-status{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
/* The panel, not the fixed layer, is the curtain: it lifts off the film on exit. */
.ld{position:absolute;inset:0;background:#080808}
.ld p{margin:0}
.ld b{font-weight:inherit}
.ld-kicker{position:absolute;left:var(--gutter);top:28px;font-size:11px;font-weight:600;letter-spacing:.13em;color:#b4b4b4}
.ld-skip{position:absolute;z-index:2;right:var(--gutter);bottom:22px;padding:10px 0;font-size:12px;letter-spacing:.04em;color:#b4b4b4;border-bottom:1px solid #4a4a4a;visibility:hidden;opacity:0;transition:opacity .45s cubic-bezier(.22,1,.36,1),visibility 0s .45s}
.ld-skip.is-visible{visibility:visible;opacity:1;transition-delay:0s}
.ld-skip:hover{color:#f3f3f3;border-color:#f3f3f3}
html.loader-leaving .ld-skip{opacity:0;transition:opacity .15s}
.ld-shaft{position:absolute;left:var(--gutter);top:96px;bottom:120px;width:1px;background:#2b2b2b}
.ld-shaft>i{position:absolute;inset:0;background:#f3f3f3;transform:scaleY(var(--p));transform-origin:top}
.ld-shaft>span{position:absolute;left:18px;top:calc(var(--y) * 100%);transform:translateY(-50%);font-size:10px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;white-space:nowrap;opacity:clamp(.28,calc((var(--p) - var(--at)) * 80 + 1),1)}
.ld-shaft>span::before{content:'';position:absolute;left:-18px;top:50%;width:9px;height:1px;background:currentColor}
.ld-num{position:absolute;left:calc(var(--gutter) + clamp(150px,15vw,240px));bottom:92px;font-size:clamp(80px,10.7vw,178px);font-weight:750;letter-spacing:-.065em;line-height:.96;font-variant-numeric:tabular-nums}
.ld-num small{font-size:.26em;font-weight:500;letter-spacing:0;margin-left:.55em}
.ld-note{position:absolute;left:calc(var(--gutter) + clamp(150px,15vw,240px));bottom:calc(92px + clamp(80px,10.7vw,178px) * 1.02);font-size:12px;letter-spacing:.06em;color:#b4b4b4}
html.loader-leaving .ld{transform:translateY(-100%);transition:transform 1s var(--ease-exit)}

@media(max-width:760px){
 .ld-kicker{top:24px;font-size:10px}
 .ld-shaft{top:88px;bottom:300px}
 .ld-shaft>span{font-size:9px}
 .ld-num{left:var(--gutter);bottom:128px;font-size:clamp(59px,14.2vw,108px)}
 .ld-note{left:var(--gutter);bottom:calc(128px + clamp(59px,14.2vw,108px) * 1.04)}
 .ld-skip{bottom:18px}
}
html.loader-reduced .loader *,html.loader-reduced .loader{transition:none!important}
@media(prefers-reduced-motion:reduce){.loader,.loader *{transition:none!important}}