.track,.rail{display:none}.stage{margin-top:var(--hh)}.scene{min-height:100svh;padding:0 var(--gutter-r) 0 var(--gutter-l);grid-template-rows:38px auto 46px;grid-template-columns:minmax(0,1fr);display:grid;position:relative;overflow:hidden}.bar{font-family:var(--mono);color:var(--muted);border-bottom:1px solid var(--rule);justify-content:space-between;align-items:center;gap:12px;font-size:10px;display:flex}.bar.bot{border-bottom:0;border-top:1px solid var(--rule)}.ticks{gap:6px;display:flex}.ticks i{background:var(--rule);width:28px;height:3px}.ticks i.on{background:var(--accent)}.main{grid-template-columns:minmax(0,1fr);align-items:center;gap:20px;min-height:0;padding:28px 0;display:grid;position:relative}.copy{z-index:2;min-width:0;position:relative}.copy h1{font-weight:900;font-size:var(--t-xxl);letter-spacing:-.055em;margin:22px 0 26px;line-height:.9}.copy h2{font-weight:900;font-size:var(--t-xl);letter-spacing:-.045em;margin:18px 0 16px;line-height:.98}.copy p{color:var(--body);max-width:40ch;margin-bottom:26px}.copy .spec{max-width:440px}.part h3{letter-spacing:-.045em;margin:6px 0 10px;font-size:32px;font-weight:900;line-height:1}.part p{margin-bottom:16px}.fig{z-index:1;background-image:linear-gradient(#1212120b 1px,#0000 1px),linear-gradient(90deg,#1212120b 1px,#0000 1px);background-position:50%;background-size:24px 24px;flex-direction:column;justify-content:center;min-height:0;padding:28px 0 18px;display:flex;position:relative}.fig svg{width:100%;max-height:56svh;overflow:visible}.cap{font-family:var(--mono);color:var(--muted);border-top:1px solid var(--rule);background:var(--bg);justify-content:space-between;gap:12px;margin-top:8px;padding-top:8px;font-size:10px;display:flex}.scan{background:var(--accent);opacity:0;z-index:3;width:2px;position:absolute;top:0;bottom:0;left:0;box-shadow:0 0 0 4px #2f5bff1f}.big{letter-spacing:-.07em;color:#0000;-webkit-text-stroke:1px var(--rule);z-index:0;pointer-events:none;user-select:none;font-size:38vh;font-weight:900;line-height:.8;position:absolute;bottom:-6vh;right:-1vw}.end .big{font-size:40vh;inset:-4vh auto auto -1vw}.slab .top{fill:var(--paper);stroke:var(--ink);stroke-width:1.2px;transition:fill .3s}.slab .sl,.slab .sr{stroke:var(--ink);stroke-width:1.2px}.slab .sl{fill:#d9d6cf}.slab .sr{fill:#cdcac2}.slab.empty .top,.slab.empty .sl,.slab.empty .sr{stroke:var(--line);stroke-dasharray:4 4;fill:#0000}.slab:hover .top,.slab:focus-visible .top{fill:#dfe6ff}.end .main{align-content:center;gap:28px}.endwm{letter-spacing:-.07em;white-space:nowrap;font-size:12.4vw;font-weight:900;line-height:.8;display:inline-block}.endwm span{display:inline-block}.endrow{border-top:1px solid var(--ink);font-family:var(--mono);flex-wrap:wrap;justify-content:space-between;align-items:end;gap:16px;padding-top:16px;font-size:12px;display:flex}@media (width>=901px){.main{grid-template-columns:5fr 7fr;gap:56px;padding:0}.end .main{grid-template-columns:minmax(0,1fr)}.fig{height:100%}.fig svg{flex:1;min-height:0;max-height:none}.big{font-size:52vh}.endwm{font-size:11.5vw}html.stage-on:has(body.home){scroll-snap-type:y mandatory}.stage-on .track{display:block}.stage-on .track .snap{scroll-snap-align:start;height:100vh}.stage-on .rail{z-index:30;flex-direction:column;gap:2px;padding-left:14px;display:flex;position:fixed;top:50%;left:0;transform:translateY(-50%)}.stage-on .rail a{font-family:var(--mono);color:var(--muted);border-left:2px solid #0000;padding:6px 8px;font-size:10px;transition:color .3s,border-color .3s}.stage-on .rail a.on{color:var(--ink);border-color:var(--accent)}.stage-on .stage{top:var(--hh);margin:0;position:fixed;bottom:0;left:0;right:0;overflow:hidden}.stage-on .scene{visibility:hidden;grid-template-rows:38px 1fr 46px;min-height:0;position:absolute;inset:0}.stage-on .scene.show{visibility:visible}}@media (width>=901px) and (height<=880px){.stage-on .copy h1{font-size:min(var(--t-xxl),10vh);margin:14px 0 16px}.stage-on .copy h2{font-size:min(var(--t-xl),5.6vh);margin:12px 0 10px}.stage-on .copy p{margin-bottom:14px;font-size:16px}.stage-on .part h3{margin:4px 0 6px;font-size:26px}.stage-on .part p{margin-bottom:10px}.stage-on .list a{padding:8px 0}.stage-on .bom div{padding:6px 0}.stage-on .spec{gap:4px 24px;padding-top:10px}}
