:root{--pow-ink:var(--ink);--pow-paper:var(--bg)}
.pow-body{overflow:hidden;height:100%;background:var(--bg)}
.pow-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.pow-body::before{content:"";position:fixed;inset:0;pointer-events:none;z-index:0;opacity:.5;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.75' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3CfeComponentTransfer%3E%3CfeFuncA type='linear' slope='.10'/%3E%3C/feComponentTransfer%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23g)'/%3E%3C/svg%3E")}
body[data-theme="light"].pow-body::before{opacity:.8}
/* loader: odometer */
.pow-loader{position:fixed;inset:0;z-index:300;background:#141210;color:#ece6dc;transition:opacity .7s cubic-bezier(.2,.7,.2,1),visibility 0s .7s}
.pow-loader.off{opacity:0;visibility:hidden}
.pow-mark{position:absolute;left:5vw;bottom:5vh;font:400 1.6rem/1 var(--font-display);letter-spacing:.04em}.pow-mark i{font-style:normal;color:var(--accent)}
.pow-odo{position:absolute;right:5vw;bottom:5vh;display:flex;font:400 clamp(3rem,9vw,8rem)/1 var(--font-display);font-variant-numeric:tabular-nums;height:1em;overflow:hidden}
.pow-d{display:block;height:1em;overflow:hidden;position:relative}
.pow-d b{display:block;font-weight:400;transition:transform .45s cubic-bezier(.2,.7,.2,1),filter .45s}
html.pow-flat .pow-loader{display:none}
/* stage */
.pow-stage{position:fixed;inset:0;z-index:1;outline:none}
#powGL{position:absolute;inset:0;width:100%;height:100%;display:block;touch-action:none;cursor:grab}
#powGL.hover{cursor:pointer}#powGL.drag{cursor:grabbing}
.pow-center{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);text-align:center;display:grid;gap:.9rem;justify-items:center;pointer-events:none;width:min(20vw,300px)}
.pow-center>*{pointer-events:none}.pow-center .pow-cta{pointer-events:auto}
.pow-eyebrow{font:400 .72rem/1 "Space Mono",ui-monospace,monospace;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-dim);font-variant-numeric:tabular-nums}
.pow-title{font-family:var(--font-display);font-weight:400;font-size:clamp(1.3rem,2.3vw,2.3rem);line-height:1.02;text-transform:uppercase;letter-spacing:-.005em;min-height:1.02em}
.pow-chips{display:flex;gap:.4rem;flex-wrap:wrap;justify-content:center;font:400 .7rem/1 "Space Mono",ui-monospace,monospace;letter-spacing:.12em;text-transform:uppercase;min-height:1.6rem}
.pow-chips span{background:rgba(236,230,220,.08);border-radius:6px;padding:.4rem .6rem;color:var(--ink)}
body[data-theme="light"] .pow-chips span{background:rgba(23,19,16,.08)}
.pow-chips span.y{border-radius:99px;color:var(--ink-dim)}
.pow-cta{font:400 .78rem/1 var(--font-body);letter-spacing:.1em;text-transform:uppercase;color:var(--ink);background:rgba(236,230,220,.1);border:0;border-radius:8px;padding:.8rem 1.1rem;cursor:pointer;transition:background .25s,transform .25s}
body[data-theme="light"] .pow-cta{background:rgba(23,19,16,.1)}
.pow-cta:hover{background:var(--accent);color:#0a0908;transform:translateY(-2px)}
.pow-cta:focus-visible,.pow-stage:focus-visible,.pow-theme:focus-visible{outline:2px solid var(--accent);outline-offset:4px}
.pow-drum{display:inline-block}
/* hud + theme */
.pow-hud{position:fixed;z-index:20;left:5vw;bottom:1.4rem;display:flex;gap:.4rem;pointer-events:none;font:400 .66rem/1 "Space Mono",ui-monospace,monospace;letter-spacing:.1em;text-transform:uppercase}
.pow-chip{background:rgba(236,230,220,.06);border-radius:6px;padding:.42rem .6rem;color:var(--ink-dim)}.pow-chip b{font-weight:400;color:var(--ink);font-variant-numeric:tabular-nums}.pow-chip i{font-style:normal;opacity:.7}
body[data-theme="light"] .pow-chip{background:rgba(23,19,16,.06)}
.pow-theme{position:fixed;z-index:20;right:5vw;bottom:1.1rem;width:2.7rem;height:1.5rem;border-radius:99px;border:1px solid var(--line);background:rgba(236,230,220,.06);cursor:pointer;padding:0}
.pow-theme span{position:absolute;top:2px;left:2px;width:calc(1.5rem - 6px);height:calc(1.5rem - 6px);border-radius:50%;background:var(--ink);transition:transform .45s cubic-bezier(.2,.7,.2,1)}
body[data-theme="light"] .pow-theme span{transform:translateX(1.2rem)}
/* press check overlay */
.pow-check{position:fixed;z-index:60;left:0;right:0;bottom:0;padding:0 5vw 4.5rem;display:grid;grid-template-columns:1fr auto;gap:.7rem 2rem;align-items:end;opacity:0;pointer-events:none;transform:translateY(24px);transition:opacity .5s .15s,transform .6s cubic-bezier(.2,.7,.2,1) .1s}
.pow-check.open{opacity:1;pointer-events:auto;transform:none}
.pow-check .pow-x{position:fixed;top:5.4rem;right:5vw;background:rgba(236,230,220,.1);border:0;border-radius:99px;color:var(--ink);font:inherit;padding:.6rem 1rem;cursor:pointer}
.pow-check .pow-title{font-size:clamp(1.8rem,3.6vw,3.4rem);grid-column:1}
.pow-check .pow-chips{justify-content:flex-start;grid-column:1}
.pow-line,.pow-detail{grid-column:1;max-width:56ch;color:var(--ink-dim);font-size:1.02rem}
.pow-go{grid-column:2;grid-row:1/5;align-self:end;color:#0a0908;background:var(--accent);border-radius:10px;padding:1rem 1.4rem;text-decoration:none;font:400 .85rem var(--font-body);letter-spacing:.1em;text-transform:uppercase}
.pow-go i{font-style:normal;display:inline-block;transition:transform .3s}.pow-go:hover i{transform:translate(3px,-3px)}
/* plain list: fallback and the flat page */
.pow-list{display:none}
html.pow-flat .pow-body{overflow:auto}
html.pow-flat .pow-stage,html.pow-flat .pow-hud,html.pow-flat .pow-theme,html.pow-flat .pow-check{display:none}
html.pow-flat .pow-list{display:block;max-width:1100px;margin:0 auto;padding:9rem 5vw 6rem;position:relative;z-index:1}
.pow-list h2{font-family:var(--font-display);font-weight:400;font-size:clamp(2.4rem,6vw,5rem);text-transform:uppercase;margin-bottom:2rem}
.pow-list ul{list-style:none;padding:0}
.pow-row{display:flex;flex-wrap:wrap;align-items:center;gap:1rem;padding:1.1rem 0;border-top:1px solid var(--line);color:inherit;text-decoration:none;cursor:pointer;background:none;border-left:0;border-right:0;border-bottom:0;width:100%;text-align:left;font:inherit}
.pow-row .nm{font-family:var(--font-display);font-size:1.4rem;text-transform:uppercase;flex:1 1 16ch}.pow-row .tg,.pow-row .yr{white-space:nowrap}
.pow-row .tg,.pow-row .yr{font:400 .7rem "Space Mono",ui-monospace,monospace;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-dim);background:rgba(236,230,220,.06);padding:.4rem .6rem;border-radius:6px}
.pow-row .ar{width:2rem;height:2rem;border-radius:50%;border:1px solid var(--line);display:grid;place-items:center;color:var(--accent)}
.pow-row:hover .nm{color:var(--accent)}
.pow-row p{flex-basis:100%;color:var(--ink-dim);margin:0 0 .2rem}
@media (max-width:860px){
  .pow-center{width:min(80vw,340px);top:57%}
  .pow-hud .pow-chip:nth-child(n+3){display:none}
  .pow-check{grid-template-columns:1fr;padding-bottom:5rem}.pow-go{grid-column:1;grid-row:auto;justify-self:start}
}
@media (prefers-reduced-motion:reduce){.pow-d b{transition:none}}