.l-nav{z-index:5;background:var(--egz-canvas);align-items:center;gap:var(--egz-sp-5);padding:var(--egz-sp-3) var(--egz-sp-5);min-height:56px;display:flex;position:sticky;top:0}.l-nav-fill{flex:1}.l-nav-links{align-items:center;gap:var(--egz-sp-5);display:flex}.l-nav-link{appearance:none;cursor:pointer;padding:13px var(--egz-sp-2);margin:-13px calc(var(--egz-sp-2) * -1);color:var(--ln,var(--egz-ink-2));-webkit-text-decoration:var(--lu,none);text-decoration:var(--lu,none);text-underline-offset:6px;font-family:var(--egz-font-ui);font-weight:var(--egz-w-regular);font-size:var(--egz-fs-3);transition:color var(--egz-motion-discrete);background:0 0;border:none;line-height:1}.l-nav-link:hover,.l-nav-link:focus-visible{--ln:var(--egz-act);--lu:underline;outline:none}.l-main{min-height:calc(100svh - 56px);display:flex}.l-demo{flex:1;min-height:560px}.l-fig{aspect-ratio:5/4;touch-action:pan-y;-webkit-user-select:none;user-select:none;display:block;position:relative}.l-fig>svg{width:100%;height:100%;display:block;position:absolute;inset:0}:where([data-hairline]>svg) :where(path,polygon,ellipse,line){fill:var(--hairline-plate);stroke:var(--hairline-mid);stroke-width:var(--hairline-stroke,1);vector-effect:non-scaling-stroke;stroke-linejoin:round;stroke-linecap:round;transition:stroke var(--egz-motion-discrete)}:where([data-hairline]>svg) :where(.nf){fill:none}:where([data-hairline]>svg) :where(.fo){stroke:none}:where([data-hairline]>svg) :where(.sil){stroke:var(--hairline-edge)}:where([data-hairline]>svg) :where(.hi){stroke:var(--hairline-hi)}:where([data-hairline]>svg) :where(.lo){stroke:var(--hairline-lo)}:where([data-hairline]>svg) :where(.dash){stroke-dasharray:1 3}:where([data-hairline]>svg) :where(.dot){stroke:none;fill:var(--hairline-hi);transition:fill var(--egz-motion-discrete)}:where([data-hairline]>svg) :where(.dot.m){fill:var(--hairline-edge)}:where([data-hairline]>svg) :where(.dot.off){fill:var(--hairline-lo)}.l-fig:focus-visible{outline:var(--egz-bw) solid var(--egz-rule);outline-offset:3px;border-radius:var(--egz-radius-plate)}.l-fig{--hairline-hi:var(--hairline-edge)}.l-fig[data-lit="1"]{--hairline-hi:var(--egz-act)}.site:has(.l-ctl:hover,.l-nav-link:hover,:is(a,button:not(.l-pill)):focus-visible) .l-fig[data-lit="1"]{--hairline-hi:var(--hairline-edge)}.l-page{min-width:0;color:var(--egz-ink);font-family:var(--egz-font-ui);font-weight:var(--egz-w-regular);font-size:var(--egz-fs-4);line-height:var(--egz-lh);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;flex:1}.l-page :where(h1,h2,h3,p,ul){margin:0}.l-mono{font-family:var(--egz-font-mono);font-size:.94em}.l-screen{align-content:center;min-height:100svh;padding:64px clamp(20px,5vw,64px) 48px;display:grid;position:relative}.l-first{min-height:calc(100svh - 56px);padding-top:8px;padding-bottom:28px}.l-band{min-height:76svh}.l-wrap{width:100%;max-width:1180px;margin:0 auto}.l-label{font:var(--egz-fs-1)/1.4 var(--egz-font-mono);letter-spacing:var(--egz-tracking-caps);color:var(--egz-ink-2);margin-bottom:var(--egz-sp-4);display:block}.l-h1{font-weight:var(--egz-w-regular);font-size:clamp(34px, 4.6vw, var(--egz-fs-7));letter-spacing:-.02em;text-wrap:balance;line-height:1.1}.l-h2{font-weight:var(--egz-w-regular);letter-spacing:-.015em;text-wrap:balance;font-size:clamp(26px,3vw,36px);line-height:1.15}.l-h3{font-weight:var(--egz-w-semibold);font-size:var(--egz-fs-5);line-height:1.25}.l-deck{color:var(--egz-ink-2);text-wrap:pretty;max-width:56ch}.l-ro{font:var(--egz-fs-1)/1.4 var(--egz-font-mono);letter-spacing:var(--egz-tracking-caps);color:var(--egz-ink);white-space:nowrap}.l-figcol{gap:var(--egz-sp-3);display:grid}.l-figcol-c{justify-self:center;justify-items:start;width:100%;max-width:600px}.l-fig-wide{justify-self:center;width:100%;max-width:600px}.l-copy{gap:var(--egz-sp-4);display:grid}.l-row{gap:var(--egz-sp-3) var(--egz-sp-4);flex-wrap:wrap;align-items:center;padding:1px;display:flex}.l-row-c{justify-content:center}.l-ctl{appearance:none;align-items:center;gap:var(--egz-sp-3);height:44px;padding:0 var(--egz-sp-5);cursor:pointer;color:var(--egz-ink);border:var(--egz-bw) solid var(--go,var(--egz-rule));border-radius:var(--egz-radius-pill);font:var(--egz-w-semibold) var(--egz-fs-4)/1 var(--egz-font-ui);transition:border-color var(--egz-motion-discrete);background:0 0;text-decoration:none;display:inline-flex}.l-ctl:hover,.l-ctl:focus-visible{--go:var(--egz-act);outline:none}.l-inst{border-radius:var(--egz-radius-control);--go:var(--egz-rule-soft);font:var(--egz-w-regular) var(--egz-fs-3)/1 var(--egz-font-mono);padding:0 var(--egz-sp-4)}.l-inst:hover,.l-inst:focus-visible{--go:var(--egz-act)}.l-inst .l-p,.l-inst .l-said{color:var(--egz-ink-2)}.l-inst .l-said{font-size:var(--egz-fs-1);letter-spacing:var(--egz-tracking-caps);text-align:right;min-width:5ch}.l-pills{gap:var(--egz-sp-2);flex-wrap:wrap;display:flex}.l-pill{appearance:none;cursor:pointer;height:32px;color:var(--egz-ink-2);border:var(--egz-bw) solid var(--pb,var(--egz-rule-soft));border-radius:var(--egz-radius-pill);font:var(--egz-fs-1)/1 var(--egz-font-mono);letter-spacing:.04em;transition:border-color var(--egz-motion-discrete);background:0 0;padding:0 12px}.l-pill.is-on,.l-pill:hover,.l-pill:focus-visible{--pb:var(--egz-rule);outline:none}.l-modes .l-pill{min-width:60px}.l-rise{padding-bottom:.12em;display:block;overflow:hidden}.l-rise>*{transition:transform var(--egz-motion-discrete);display:block}.l-rise>.l-row{display:flex}.l-rise[data-i="1"]>*{transition-delay:55ms}.l-rise[data-i="2"]>*{transition-delay:.11s}.l-rise[data-i="3"]>*{transition-delay:.165s}.l-page.is-live .l-screen:not(.is-seen) .l-rise>*{transform:translateY(112%)}.l-swap{display:grid;overflow:hidden}.l-swap>.l-sw{visibility:hidden;transition:transform var(--egz-motion-discrete), visibility var(--egz-motion-discrete);grid-area:1/1;transform:translateY(105%)}.l-swap>.l-sw.is-in{transition:none}.l-swap>.l-sw.is-cur{visibility:visible;transform:none}.l-swap>.l-sw.is-out{transform:translateY(-105%)}.l-home .l-wrap{text-align:center;justify-items:center;gap:clamp(20px,3.4svh,40px);display:grid}.l-home .l-copy{justify-items:center;max-width:66ch}.l-tag{font-size:var(--egz-fs-5);color:var(--egz-ink);line-height:1.3}.l-home .l-deck{max-width:60ch}.l-home .l-figcol{justify-items:start;width:min(100%,1000px,94svh)}.l-fig-home{aspect-ratio:1440/700;width:100%}.l-fig-home>svg .dash{stroke-dasharray:3 5}.l-two{align-items:center;gap:clamp(28px,5vw,72px);display:grid}.l-rows{margin:var(--egz-sp-3) 0 0;border-top:var(--egz-bw) solid var(--egz-rule-soft);padding:0;list-style:none}.l-rows li{gap:var(--egz-sp-3);border-bottom:var(--egz-bw) solid var(--egz-rule-soft);min-height:44px;font-size:var(--egz-fs-3);grid-template-columns:minmax(0,21ch) minmax(0,1fr) minmax(0,19ch);align-items:center;display:grid}.l-who{font-family:var(--egz-font-mono)}.l-knows{color:var(--egz-ink-2);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.l-state{font:var(--egz-fs-1)/1.5 var(--egz-font-mono);letter-spacing:.04em;color:var(--egz-ink-2);text-align:right}.l-state .l-in-c{color:var(--egz-ink)}.l-turn{gap:var(--egz-sp-2);margin-top:var(--egz-sp-3);display:grid}.l-big{font-size:var(--egz-fs-5);max-width:36ch;line-height:1.35}.l-answer{letter-spacing:.04em}.l-turn .l-rise>*{transition-delay:0s}.l-turn.is-on .l-rise+.l-rise>*{transition-delay:55ms}.l-page.is-live .l-turn:not(.is-on) .l-rise>*{transform:translateY(112%)}.l-os-screen .l-wrap{gap:clamp(18px,3svh,32px);display:grid}.l-head{gap:var(--egz-sp-3);display:grid}.l-wall{gap:var(--egz-sp-3);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.l-cell{border:var(--egz-bw) solid var(--egz-rule-soft);border-radius:var(--egz-radius-plate);background:var(--egz-canvas);min-width:0;padding:6px 12px 12px}.l-cell:focus-visible{border-color:var(--egz-rule);outline:none}.l-cell .l-fig{max-width:min(250px,27svh);margin:0 auto}.l-cell-cap{gap:2px var(--egz-sp-3);grid-template-columns:minmax(0,1fr) auto;align-items:baseline;display:grid}.l-os{font:var(--egz-fs-1)/1.4 var(--egz-font-mono);letter-spacing:var(--egz-tracking-caps);color:var(--egz-ink-2)}.l-cell-cap .l-ro{text-overflow:ellipsis;letter-spacing:.04em;grid-area:1/2;max-width:19ch;overflow:hidden}.l-nm{font-size:var(--egz-fs-3);grid-column:1/-1}.l-next{font:11px/1 var(--egz-font-mono);letter-spacing:var(--egz-tracking-caps);color:var(--egz-ink-2);border:var(--egz-bw) dashed var(--egz-mid);border-radius:var(--egz-radius-pill);vertical-align:1px;margin-left:6px;padding:3px 7px;display:inline-block}.l-os-line{color:var(--egz-ink-2);max-width:92ch}.l-os-line .l-os{margin-right:var(--egz-sp-3);color:var(--egz-ink)}.l-plate{border:var(--egz-bw) solid var(--egz-rule);border-radius:var(--egz-radius-plate);background:var(--egz-canvas);padding:28px;position:relative}.l-plate:after{content:"";border:var(--egz-bw) solid var(--egz-rule-soft);pointer-events:none;border-radius:9px;position:absolute;inset:6px}.l-plate .l-sw{gap:var(--egz-sp-2);align-content:start;display:grid}.l-k,.l-chips{font:var(--egz-fs-1)/1.4 var(--egz-font-mono);letter-spacing:var(--egz-tracking-caps);color:var(--egz-ink-2)}.l-chips{letter-spacing:.04em;margin-top:var(--egz-sp-2)}.l-plate p{color:var(--egz-ink-2);font-size:var(--egz-fs-3);max-width:54ch}.l-stand{font-size:var(--egz-fs-5);max-width:36ch;color:var(--egz-ink);line-height:1.35}.l-aside{color:var(--egz-ink-2);font-size:var(--egz-fs-3)}.l-h2-close{font-size:clamp(30px, 3.8vw, var(--egz-fs-7))}.l-figcol-close{max-width:520px}.l-fig-dispose{width:100%;max-width:520px}.l-term{font:var(--egz-fs-3)/1.9 var(--egz-font-mono);border:var(--egz-bw) solid var(--egz-rule-soft);border-radius:var(--egz-radius-control);padding:var(--egz-sp-3) var(--egz-sp-4);max-width:44ch;overflow-x:auto}.l-step{white-space:pre;display:block}.l-term .l-p{color:var(--egz-ink-2)}@media (width>=920px){.l-two{grid-template-columns:minmax(0,5fr) minmax(0,6fr)}.l-two.l-flip{grid-template-columns:minmax(0,6fr) minmax(0,5fr)}.l-head{column-gap:var(--egz-sp-7);grid-template-columns:minmax(0,6fr) minmax(0,5fr);align-items:end}.l-head .l-label{grid-column:1/-1}}@media (width<=919px){:is(.l-scat,.l-space,.l-byo) .l-two{gap:var(--egz-sp-4)}:is(.l-scat,.l-space,.l-byo) .l-copy{display:contents}:is(.l-scat,.l-space,.l-byo) .l-figcol{margin:var(--egz-sp-2) 0;order:1}.l-rows,.l-turn,.l-plate,.l-pills,.l-stand,.l-tail{order:2}.l-wall{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=639px){.l-nav{padding:var(--egz-sp-2) var(--egz-sp-3);gap:var(--egz-sp-4)}.l-cell{padding:4px 10px 10px}.l-cell-cap{grid-template-columns:minmax(0,1fr)}.l-cell-cap .l-nm{grid-row:2}.l-cell-cap .l-ro{grid-area:3/1;max-width:none}.l-fig-home{aspect-ratio:390/360}}@media (width<=560px){.l-rows li{grid-template-columns:minmax(0,1fr) minmax(0,19ch)}.l-knows{display:none}.l-plate{padding:22px}}@media (prefers-reduced-motion:reduce){.l-rise>*,.l-turn.is-on .l-rise+.l-rise>*{transition-delay:0s}}