/* preloader: honest byte progress + panel wipe. Zyqor Components, MIT. */
.pl{position:fixed;inset:0;z-index:1000;display:grid;pointer-events:none;visibility:hidden}
.pl.is-visible{visibility:visible;pointer-events:auto}
.pl-panel{position:absolute;left:0;right:0;background:var(--ink,#26392F);transition:clip-path 1s cubic-bezier(.77,0,.18,1)}
.pl-panel.top{top:0;height:50.5%;clip-path:inset(0 0 0 0)}
.pl-panel.bot{bottom:0;height:50.5%;clip-path:inset(0 0 0 0);transition-delay:.06s}
.pl.is-leaving .pl-panel.top{clip-path:inset(0 0 100% 0)}
.pl.is-leaving .pl-panel.bot{clip-path:inset(100% 0 0 0)}
.pl-inner{position:relative;z-index:2;align-self:end;display:grid;grid-template-columns:1fr auto;align-items:end;gap:16px;padding:var(--pad,32px);color:var(--bg,#E6DFD1);transition:opacity .35s,transform .6s cubic-bezier(.65,0,.35,1)}
.pl.is-leaving .pl-inner{opacity:0;transform:translateY(-24px)}
.pl-word{font:780 clamp(40px,7vw,104px)/.9 var(--display,system-ui);letter-spacing:-.045em;font-stretch:82%}
.pl-num{font:780 clamp(64px,13vw,200px)/.8 var(--display,system-ui);letter-spacing:-.05em;font-variant-numeric:tabular-nums;color:var(--acc,#CF8B3A)}
.pl-bar{grid-column:1/-1;height:2px;background:color-mix(in srgb,var(--bg,#E6DFD1) 18%,transparent);position:relative}
.pl-bar i{position:absolute;inset:0;background:var(--acc,#CF8B3A);transform-origin:left;transform:scaleX(0)}
.pl-status{grid-column:1/-1;font:400 12px/1 var(--mono,monospace);letter-spacing:.08em;text-transform:uppercase;opacity:.7}
/* page content rise after the loader */
.pl-rise{transform:translateY(40px);opacity:0;transition:transform 1.1s cubic-bezier(.16,1,.3,1) .25s,opacity .8s ease .25s}
.pl-done .pl-rise{transform:none;opacity:1}
html:not(.js) .pl-rise{transform:none;opacity:1}
@media (prefers-reduced-motion:reduce){.pl-panel{transition:opacity .3s}.pl.is-leaving .pl-panel{clip-path:inset(0 0 0 0);opacity:0}.pl-rise{transform:none;transition:opacity .3s}}
/* demo page only */
.pl-demo{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:clamp(20px,4vw,56px);align-items:center}
.pl-demo h2{font:740 clamp(34px,5vw,72px)/.95 var(--display);letter-spacing:-.035em;margin:0 0 .3em}
.pl-demo p{color:var(--soft);margin:0 0 20px;max-width:46ch}
.pl-btn{font:600 15px/1 var(--body);background:var(--ink);color:var(--bg);border:0;border-radius:999px;padding:16px 22px;cursor:pointer;min-height:48px}
.pl-list{list-style:none;padding:0;margin:0;border-top:1px solid var(--line)}
.pl-list li{display:flex;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid var(--line);font:400 13px/1.3 var(--mono);color:var(--soft)}
@media (max-width:760px){.pl-demo{grid-template-columns:1fr}}