.page-loader{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;background:#000;transition:opacity .24s ease,visibility .24s ease}
.page-loader[hidden]{display:none}
.page-loader.is-leaving{opacity:0;visibility:hidden;pointer-events:none}
.page-loader__content{display:flex;align-items:center;flex-direction:column;gap:24px}
.page-loader .brand-word{font-size:38px}
.page-loader .brand small{font-size:8px;letter-spacing:2.6px;margin-top:8px}
.page-loader__stripe{display:flex;width:164px;height:5px;overflow:hidden;border-radius:1px;outline:1px solid #ffffff1c}
.page-loader__stripe span{flex:1;background:var(--ink);animation:ink-loading 1.15s ease-in-out infinite;animation-delay:var(--delay);transform-origin:left}
@keyframes ink-loading{0%,100%{opacity:.45;transform:scaleX(.65)}50%{opacity:1;transform:scaleX(1)}}
@media(prefers-reduced-motion:reduce){.page-loader{transition:none}.page-loader__stripe span{animation:none}}