/* Per-view pieces that are not shared components. Tokens only. */
.loader{position:fixed;inset:0;z-index:calc(var(--z-filter) + 100);background:var(--bg-void);display:grid;place-items:center;transition:opacity 900ms var(--ease-out)}
.loader.is-done{opacity:0;pointer-events:none}
.loader__box{display:grid;justify-items:center;gap:22px;width:min(820px,94vw)}
.loader__stage{position:relative;width:100%;aspect-ratio:8/5;overflow:hidden;border:1px solid var(--line-1)}
.loader__stage::after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at center,transparent 50%,#000 110%)}
.loader__strip{position:absolute;left:0;top:0;width:600%;height:100%;max-width:none}
.loader__rec{position:absolute;left:14px;top:12px;z-index:1}
.loader__row{display:flex;align-items:center;gap:22px;width:100%}
.loader__meta{flex:1;display:grid;gap:8px}
.loader__pct{font:400 var(--fs-12)/1 var(--font-mono);letter-spacing:.2em;color:var(--text-3);min-height:14px}
.loader__enter{min-width:140px;letter-spacing:.3em;opacity:0;pointer-events:none}
.loader.is-ready .loader__enter{opacity:1;pointer-events:auto}.loader.is-ready .progress{opacity:0}
.brand{display:flex;align-items:center;gap:12px;color:var(--text-1)}
.page-title{line-height:0}.page-title .boil{height:52px}
.hero-band{position:relative;overflow:hidden;isolation:isolate}.hero-band>.hero-art{z-index:-1}
.topbar__right{margin-left:auto;display:flex;gap:10px;align-items:center;flex:none}
@media (max-width:900px){.loader__row{flex-wrap:wrap}.page-title .boil{height:40px}}