@font-face{font-family:Archivo Variable;font-style:normal;font-display:swap;font-weight:100 900;font-stretch:62% 125%;src:url(/assets/archivo-vietnamese-standard-normal-rJmnGBSt.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Archivo Variable;font-style:normal;font-display:swap;font-weight:100 900;font-stretch:62% 125%;src:url(/assets/archivo-latin-ext-standard-normal-7khWdh9v.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Archivo Variable;font-style:normal;font-display:swap;font-weight:100 900;font-stretch:62% 125%;src:url(/assets/archivo-latin-standard-normal-DY7AcnAa.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/ibm-plex-mono-cyrillic-ext-400-normal-xuaO2J-f.woff2) format("woff2"),url(/assets/ibm-plex-mono-cyrillic-ext-400-normal-DMdlQ8Kv.woff) format("woff");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/ibm-plex-mono-cyrillic-400-normal-BSMlKf0J.woff2) format("woff2"),url(/assets/ibm-plex-mono-cyrillic-400-normal-CEL4l2ZJ.woff) format("woff");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/ibm-plex-mono-vietnamese-400-normal-BulugwFq.woff2) format("woff2"),url(/assets/ibm-plex-mono-vietnamese-400-normal-DDuiU_S-.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/ibm-plex-mono-latin-ext-400-normal-BmRBH3aV.woff2) format("woff2"),url(/assets/ibm-plex-mono-latin-ext-400-normal-D3D2R8hC.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/ibm-plex-mono-latin-400-normal-DMJ8VG8y.woff2) format("woff2"),url(/assets/ibm-plex-mono-latin-400-normal-CvHOgSBP.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/ibm-plex-mono-cyrillic-ext-500-normal-BqneJy0T.woff2) format("woff2"),url(/assets/ibm-plex-mono-cyrillic-ext-500-normal-BIfNGwUT.woff) format("woff");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/ibm-plex-mono-cyrillic-500-normal-Bq9vWWag.woff2) format("woff2"),url(/assets/ibm-plex-mono-cyrillic-500-normal-Ael50iVv.woff) format("woff");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/ibm-plex-mono-vietnamese-500-normal-DZ4AoWbu.woff2) format("woff2"),url(/assets/ibm-plex-mono-vietnamese-500-normal-C8zxqsMH.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/ibm-plex-mono-latin-ext-500-normal-CAhNIIs5.woff2) format("woff2"),url(/assets/ibm-plex-mono-latin-ext-500-normal-CZ70TYgx.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/ibm-plex-mono-latin-500-normal-DSY6xOcd.woff2) format("woff2"),url(/assets/ibm-plex-mono-latin-500-normal-CB9ihrfo.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/ibm-plex-mono-cyrillic-ext-600-normal-V-xxqcpd.woff2) format("woff2"),url(/assets/ibm-plex-mono-cyrillic-ext-600-normal-9HEixskS.woff) format("woff");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/ibm-plex-mono-cyrillic-600-normal-CTOM6hUh.woff2) format("woff2"),url(/assets/ibm-plex-mono-cyrillic-600-normal-fLZuRloM.woff) format("woff");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/ibm-plex-mono-vietnamese-600-normal-D2EvbN8M.woff2) format("woff2"),url(/assets/ibm-plex-mono-vietnamese-600-normal-iLQfcSjf.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/ibm-plex-mono-latin-ext-600-normal-D38SheWl.woff2) format("woff2"),url(/assets/ibm-plex-mono-latin-ext-600-normal-DmB0ttJJ.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/ibm-plex-mono-latin-600-normal-BgSNZQsw.woff2) format("woff2"),url(/assets/ibm-plex-mono-latin-600-normal-DWFSQ4vo.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@property --n{syntax: "<integer>"; inherits: false; initial-value: 0;}@property --w{syntax: "<integer>"; inherits: false; initial-value: 0;}@property --f{syntax: "<integer>"; inherits: false; initial-value: 0;}@property --mx{syntax: "<percentage>"; inherits: true; initial-value: 35%;}@property --my{syntax: "<percentage>"; inherits: true; initial-value: 20%;}:root{--sans: "Archivo Variable", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;--mono: "IBM Plex Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;--width-tight: 88%;--width-normal: 100%;--width-wide: 118%;--fast: .14s;--slow: .4s;--ease: cubic-bezier(.2, .7, .2, 1);--press: 60ms;interpolate-size:allow-keywords;color-scheme:light;--paper:#f2efe6;--paper-2:#e9e6dc;--paper-3:#dfdcd1;--paper-4:#d3d0c4;--rule:#cbc8bc;--rule-strong:#a5a296;--ink:#191b1e;--ink-2:#34383c;--ink-3:#4f555a;--muted:#6a7076;--faint:#8e9399;--on-ink:#f6f4ec;--field:#faf8f2;--grain-blend: multiply;--grain-opacity: .045;--ink-blend: multiply;--shadow-ink: 25 22 16;--signal:#c8321e;--signal-ink:#8e2415;--signal-wash:#f6e6e0;--signal-line:#e1b3a7;--pass:#2f6b3a;--pass-wash:#e3ebdc;--pass-line:#aac2a1;--trace:#2563a8}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){color-scheme:dark;--paper:#1a1917;--paper-2:#211f1c;--paper-3:#2a2824;--paper-4:#131211;--rule:#34312c;--rule-strong:#4d4943;--ink:#ece8dd;--ink-2:#cbc6b9;--ink-3:#aca79b;--muted:#8f8a81;--faint:#6e6a62;--on-ink:#1a1917;--field:#161513;--grain-blend: screen;--grain-opacity: .05;--ink-blend: screen;--shadow-ink: 0 0 0;--signal:#ff6a4d;--signal-ink:#ffb3a1;--signal-wash:#2c1812;--signal-line:#5d2f22;--pass:#8acb92;--pass-wash:#17241a;--pass-line:#324b38;--trace:#6aa5e8}}:root[data-theme=dark]{color-scheme:dark;--paper:#1a1917;--paper-2:#211f1c;--paper-3:#2a2824;--paper-4:#131211;--rule:#34312c;--rule-strong:#4d4943;--ink:#ece8dd;--ink-2:#cbc6b9;--ink-3:#aca79b;--muted:#8f8a81;--faint:#6e6a62;--on-ink:#1a1917;--field:#161513;--grain-blend: screen;--grain-opacity: .05;--ink-blend: screen;--shadow-ink: 0 0 0;--signal:#ff6a4d;--signal-ink:#ffb3a1;--signal-wash:#2c1812;--signal-line:#5d2f22;--pass:#8acb92;--pass-wash:#17241a;--pass-line:#324b38;--trace:#6aa5e8}.grain:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:2147483000;pointer-events:none;opacity:var(--grain-opacity);mix-blend-mode:var(--grain-blend);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='n' x='0' y='0'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .5 0 0 0 0 .5 0 0 0 0 .5 0 0 0 .9 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-size:220px 220px}@media(prefers-reduced-motion:reduce){:root{--fast: 0ms;--slow: 0ms;--press: 0ms}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.display{font-family:var(--sans);font-stretch:var(--width-tight);font-weight:620;letter-spacing:-.015em;line-height:1.04}.figure,.mono{font-family:var(--mono);font-feature-settings:"tnum" 1,"zero" 1;font-variant-numeric:tabular-nums slashed-zero}.section-no{font-family:var(--mono);font-size:11px;font-weight:500;letter-spacing:.06em;color:var(--signal)}.legend{font-family:var(--mono);font-size:10px;font-weight:500;letter-spacing:.13em;text-transform:uppercase;color:var(--faint)}.roll{position:relative;display:inline-block}.roll>.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.roll-int{counter-reset:n var(--n);transition:--n var(--slow) var(--ease)}.roll-int:before{content:counter(n) " " attr(data-unit)}.roll-int.tight:before{content:counter(n) attr(data-unit)}.roll-dec{counter-reset:w var(--w) f var(--f);transition:--w var(--slow) var(--ease),--f var(--slow) var(--ease)}.roll-dec:before{content:counter(w) "." counter(f,decimal-leading-zero) " " attr(data-unit)}:focus-visible{outline:1.5px solid var(--signal);outline-offset:3px}@media(prefers-reduced-motion:no-preference){:focus-visible{animation:focus-land var(--fast) var(--ease)}}@keyframes focus-land{0%{outline-offset:8px;outline-color:transparent}}.pressable:active{translate:0 1px;transition-duration:var(--press);transition-timing-function:linear}.u-draw{background:linear-gradient(var(--signal),var(--signal)) no-repeat 0 100% / 0 1px,linear-gradient(var(--rule-strong),var(--rule-strong)) no-repeat 0 100% / 100% 1px;transition:background-size var(--fast) var(--ease),color var(--fast) var(--ease)}.u-draw:hover,.u-draw:focus-visible{background-size:100% 1px,100% 1px;color:var(--signal)}:root{--measure: 62ch;--gutter: 30px;--frame: 1240px;font-family:var(--sans);font-synthesis:none;color:var(--ink);background:var(--paper)}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--paper)}body{margin:0;background:transparent;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}p{margin:0;text-wrap:pretty}h1,h2,h3{margin:0;font-stretch:var(--width-tight);font-weight:620;letter-spacing:-.015em;line-height:1.05;text-wrap:balance}h1,h2,h3,.standfirst,.terms,.band-head>p,.glance,.split,.spec,.hp-note,.checks,.caveat,.closing p,.colophon p,.width-note,.demo figcaption{mix-blend-mode:var(--ink-blend)}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.skip{position:absolute;left:-9999px}.skip:focus{left:16px;top:12px;z-index:9;padding:9px 13px;background:var(--ink);color:var(--on-ink)}.masthead{position:sticky;top:0;z-index:10;display:flex;align-items:center;gap:22px;max-width:var(--frame);margin:0 auto;padding:0 var(--gutter);height:58px;background:color-mix(in srgb,var(--paper) 90%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--ink)}.wordmark{display:flex;align-items:center;gap:8px}.wordmark svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:2.6}.wordmark svg .signal{fill:var(--signal);stroke:none}.wordmark b{font-stretch:var(--width-tight);font-weight:700;font-size:17px;letter-spacing:-.03em;transition:font-stretch var(--slow) var(--ease)}.wordmark:hover b{font-stretch:var(--width-normal)}.masthead .rev{font-family:var(--mono);font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--faint);padding-left:22px;border-left:1px solid var(--rule)}.masthead nav{display:flex;gap:2px;margin-left:auto}.masthead nav a{font-family:var(--mono);font-size:11px;color:var(--muted);padding:5px 9px;background:linear-gradient(var(--ink),var(--ink)) no-repeat 9px 100% / 0 1px;transition:background-size var(--fast) var(--ease),color var(--fast) var(--ease)}.masthead nav a:hover,.masthead nav a:focus-visible{color:var(--ink);background-size:calc(100% - 18px) 1px}.button{display:inline-flex;align-items:center;height:34px;padding:0 15px;font-family:var(--sans);font-stretch:var(--width-tight);font-size:12.5px;font-weight:600;letter-spacing:.07em;text-transform:uppercase;color:var(--on-ink);background:var(--ink);border:1px solid var(--ink);border-radius:2px;white-space:nowrap;transition:font-stretch var(--fast) var(--ease),background-color var(--fast) var(--ease),border-color var(--fast) var(--ease),translate var(--press) linear}.button:hover{background:var(--signal);border-color:var(--signal);color:#fff;font-stretch:var(--width-normal)}.button:active{translate:0 1px}.ghost{height:30px;padding:0 10px;border-radius:2px;cursor:pointer;font-family:var(--mono);font-size:11px;letter-spacing:.04em;text-transform:uppercase;color:var(--muted);background:transparent;border:1px solid var(--rule)}.ghost:hover{color:var(--ink);border-color:var(--ink)}.quiet-link{font-family:var(--mono);font-size:11.5px;color:var(--muted);border:0;padding:0 0 1px;cursor:pointer;background:linear-gradient(var(--signal),var(--signal)) no-repeat 0 100% / 0 1px,linear-gradient(var(--rule-strong),var(--rule-strong)) no-repeat 0 100% / 100% 1px;transition:background-size var(--fast) var(--ease),color var(--fast) var(--ease)}.quiet-link:hover,.quiet-link:focus-visible{color:var(--signal);background-size:100% 1px,100% 1px}main{max-width:var(--frame);margin:0 auto;padding:0 var(--gutter)}.sheet-frame{position:fixed;top:18px;right:18px;bottom:18px;left:18px;z-index:-1;pointer-events:none;border:1px solid var(--rule-strong)}.sheet-frame:before,.sheet-frame:after{content:"";position:absolute;background:var(--rule-strong)}.sheet-frame:before{left:50%;top:-6px;width:1px;height:6px;box-shadow:0 calc(100% + 100vh - 42px) 0 var(--rule-strong)}.sheet-frame:after{top:50%;left:-6px;height:1px;width:6px;box-shadow:calc(100vw - 30px) 0 0 var(--rule-strong)}.zones{position:absolute;display:flex;justify-content:space-around;font-family:var(--mono);font-size:8px;letter-spacing:.06em;color:var(--faint);font-variant-numeric:tabular-nums}.zones i{font-style:normal}.zones.across{left:0;right:0;height:18px;align-items:center}.zones.across.top{top:-18px}.zones.across.bottom{bottom:-18px}.zones.down{top:0;bottom:0;width:18px;flex-direction:column;align-items:center}.zones.down.left{left:-18px}.zones.down.right{right:-18px}.band{position:relative;isolation:isolate;padding:46px 0 52px}.band:before{content:"";position:absolute;left:72px;top:0;bottom:0;border-left:1px solid var(--rule)}.band .rule{position:absolute;left:0;right:0;top:0;margin:0;height:0;border:0;border-top:1px solid var(--rule);transform-origin:left center}.zone-mark{position:absolute;z-index:-1;left:84px;top:8px;pointer-events:none;-webkit-user-select:none;user-select:none;font-family:var(--sans);font-stretch:var(--width-wide);font-weight:720;font-size:clamp(120px,15vw,210px);line-height:1;letter-spacing:-.04em;color:var(--ink);opacity:.035}@supports (animation-timeline: view()){@media(prefers-reduced-motion:no-preference){.band .rule{animation:draw-rule linear both;animation-timeline:view();animation-range:entry 0% entry 35%}.zone-mark{animation:drift linear both;animation-timeline:view();animation-range:entry 0% exit 100%}}}@keyframes draw-rule{0%{scale:0 1}to{scale:1 1}}@keyframes drift{0%{translate:0 14px}to{translate:0 -14px}}.band-head{display:grid;grid-template-columns:72px minmax(0,1fr);gap:0 18px;margin-bottom:24px}.band-head .section-no{padding-top:5px;position:relative;z-index:1;background:var(--paper);padding-bottom:4px}.band h2{font-size:clamp(21px,2.3vw,28px)}.band-head>p{grid-column:2;margin-top:11px;max-width:var(--measure);font-size:14.5px;line-height:1.6;color:var(--muted)}.band-body{padding-left:90px}.lead{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,440px);gap:48px;align-items:start;padding:52px 0 54px}.lead:before{content:"";position:absolute;left:72px;top:0;bottom:0;border-left:1px solid var(--rule)}.lead-copy{display:grid;grid-template-columns:72px minmax(0,1fr);gap:0 18px}.lead-copy>*{grid-column:2}.lead-copy>.section-no{grid-column:1;grid-row:1;padding-top:8px;position:relative;z-index:1;background:var(--paper);padding-bottom:4px}h1{font-size:clamp(34px,4.4vw,58px);max-width:14ch;line-height:1;letter-spacing:-.022em;font-stretch:85%;font-weight:640}.standfirst{margin-top:18px;max-width:var(--measure);font-size:16px;line-height:1.6;color:var(--ink-2)}.terms{margin-top:18px;padding-top:14px;border-top:1px solid var(--rule);font-family:var(--mono);font-size:11.5px;line-height:1.75;color:var(--muted)}.lead-actions{display:flex;align-items:center;gap:20px;margin-top:24px;flex-wrap:wrap}.glance{display:grid;grid-template-columns:repeat(auto-fit,minmax(112px,1fr));margin:28px 0 0;max-width:var(--measure);border-top:1px solid var(--ink)}.glance>div{padding:11px 14px 11px 0;border-bottom:1px solid var(--rule)}.glance dt{font-family:var(--mono);font-size:9.5px;letter-spacing:.11em;text-transform:uppercase;color:var(--faint)}.glance dd{margin:5px 0 0;font-family:var(--mono);font-size:15px;font-variant-numeric:tabular-nums;color:var(--ink)}.demo{margin:0;--panel-h: min(60vh,520px)}.demo-frame{display:flex;gap:6px;align-items:flex-start}.demo-scale{position:relative;width:30px;height:var(--panel-h);margin-top:11px}.demo-scale span{position:absolute;right:0;transform:translateY(-50%);padding-right:9px;font-family:var(--mono);font-size:9px;font-variant-numeric:tabular-nums;color:var(--faint);line-height:1}.demo-scale span.major{color:var(--ink-2)}.demo-scale i{position:absolute;right:0;top:50%;width:4px;height:1px;background:var(--rule-strong)}.demo-scale span.major i{width:7px;background:var(--ink-2)}.demo-panel{flex:1;position:relative;display:flex;justify-content:center;padding:18px 11px 34px;--mx: 35%;--my: 20%;--tx: 0deg;--ty: 0deg;background:radial-gradient(120% 90% at var(--mx) var(--my),color-mix(in srgb,var(--paper) 90%,white) 0%,transparent 60%),linear-gradient(var(--paper-2),var(--paper-3));cursor:crosshair;perspective:1400px;transition:--mx var(--fast) var(--ease),--my var(--fast) var(--ease)}.demo-panel.turning{cursor:grabbing}.demo-panel .panel-item{cursor:grab}.demo-panel.turning .panel-item{cursor:grabbing}.panel-render .panel-item{transition:opacity var(--fast) var(--ease)}.demo-panel:hover .panel-item:hover{opacity:.88}.panel-body{position:relative;display:block;border-radius:2px;box-shadow:0 1px #ffffff73,0 2px 3px #00000047,0 22px 34px -6px rgb(var(--shadow-ink) / .3);transform:rotateX(var(--ty)) rotateY(var(--tx));transition:transform var(--slow) var(--ease),box-shadow var(--slow) var(--ease);transform-style:preserve-3d}.panel-body .sheen{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:2px;pointer-events:none;mix-blend-mode:screen;background:linear-gradient(100deg,transparent calc(var(--mx) - 24%),rgb(255 255 255 / .16) var(--mx),transparent calc(var(--mx) + 24%))}.panel-render{display:block;width:auto;height:var(--panel-h);overflow:visible;touch-action:none}.demo-panel .led-body[fill="#ff5d3b"]{animation:breathe 4s ease-in-out infinite;transform-box:fill-box;transform-origin:center}.demo-panel:hover .led-body{animation-play-state:paused}@keyframes breathe{50%{opacity:.78;scale:.96}}.note-line{fill:none;stroke-width:.28;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:1;animation:draw-note var(--slow) var(--ease) forwards}.note-dot{opacity:0;animation:show-note var(--fast) var(--ease) forwards}.note-text{font-family:var(--mono);font-size:2.05px;letter-spacing:.02em;fill:var(--ink)!important;opacity:0;animation:show-note var(--slow) var(--ease) .16s forwards}.note-text.note-strong{font-weight:600}.note-line{stroke:var(--ink)!important}.note-dot{fill:var(--ink)!important}@keyframes draw-note{to{stroke-dashoffset:0}}@keyframes show-note{to{opacity:1}}.demo-readout{display:flex;align-items:baseline;gap:14px;justify-content:space-between;margin-top:10px;padding-left:36px;min-height:17px}#demo-readout{font-size:11px;letter-spacing:.04em;color:var(--faint);font-variant-numeric:tabular-nums;transition:color var(--fast) var(--ease)}#demo-readout.live{color:var(--signal)}.demo-hint{font-family:var(--mono);font-size:10px;letter-spacing:.06em;text-transform:uppercase;color:var(--faint);opacity:.8}.panel-render{width:auto;height:var(--panel-h);overflow:visible;filter:drop-shadow(0 1px 0 rgb(255 255 255 / .5)) drop-shadow(0 14px 28px rgb(0 0 0 / .22));touch-action:none}.demo-controls{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:11px;padding-left:36px}.switcher{display:inline-flex;border:1px solid var(--rule)}.switcher button{height:27px;padding:0 11px;cursor:pointer;font-family:var(--mono);font-size:10.5px;letter-spacing:.05em;text-transform:uppercase;color:var(--muted);background:transparent;border:0;border-right:1px solid var(--rule)}.switcher button:last-child{border-right:0}.switcher button:hover{color:var(--ink)}.switcher button.on{color:var(--on-ink);background:var(--ink)}.swatches{display:inline-flex;gap:4px;margin-left:auto}.swatches button{width:27px;height:27px;padding:2px;cursor:pointer;background:var(--paper-2);border:1px solid var(--rule);display:grid;place-items:center}.swatches button.on{border-color:var(--signal);box-shadow:inset 0 0 0 1px var(--signal)}.swatches .finish-svg{display:block}.demo figcaption{margin-top:10px;padding-left:36px;max-width:50ch;font-size:12.5px;line-height:1.65;color:var(--muted)}.rack{margin:0;padding:0 0 8px;border-top:1px solid var(--rule)}.rack-scene-host{height:clamp(300px,38vw,470px);overflow:hidden;display:flex;justify-content:center;background:#1b1c19;border-radius:2px;box-shadow:inset 0 0 0 1px #0006,0 1px #ffffff59}.rack-scene{display:block;height:100%;width:100%}.rack figcaption{display:grid;grid-template-columns:72px minmax(0,1fr);gap:0 18px;padding:12px 0 0;max-width:78ch;font-size:12.5px;line-height:1.6;color:var(--muted)}.rack figcaption .section-no{padding-top:3px}.rack figcaption span:last-child{max-width:var(--measure)}.split{display:grid;grid-template-columns:repeat(auto-fit,minmax(310px,1fr));gap:40px}@media(min-width:961px){.split{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr)}}.split h3{font-size:15px;padding-bottom:9px;border-bottom:1px solid var(--ink)}.split ul{margin:0;padding:0;list-style:none}.split li{position:relative;display:grid;grid-template-columns:20px 1fr;gap:8px;padding:12px 0;font-size:13.5px;line-height:1.6;color:var(--ink-2);border-bottom:1px solid var(--rule)}.split li:before{font-family:var(--mono);font-size:11px;line-height:1.85}.ticks li:before{content:"+";color:var(--pass)}.crosses li:before{content:"−";color:var(--signal)}.spec{width:100%;border-collapse:collapse;font-size:13.5px}.spec th,.spec td{text-align:left;padding:11px 16px 11px 0;border-bottom:1px solid var(--rule);vertical-align:top}.spec thead th{padding-top:0;border-bottom:1px solid var(--ink);font-family:var(--mono);font-size:9.5px;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:var(--faint)}.spec tbody th{font-weight:520;color:var(--ink);width:30%}.spec td{color:var(--muted)}.spec .figure{font-family:var(--mono);font-size:12.5px;font-variant-numeric:tabular-nums;color:var(--ink-2);width:27%;white-space:nowrap}.spec tbody tr:hover th,.spec tbody tr:hover .figure{color:var(--signal)}.spec .origin{font-family:var(--mono);font-size:9.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--faint)}.spec.compact{font-size:13px;border-top:1px solid var(--ink)}.spec.compact tbody th{width:22%;font-family:var(--sans);font-size:11px;font-weight:560;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-2)}.spec.compact .figure{width:24%;text-align:right;padding-right:20px;color:var(--ink);font-size:12px}.spec.compact td:last-child{font-size:12.5px;line-height:1.5}.hp-note{margin-top:22px;max-width:var(--measure);font-size:13.5px;line-height:1.65;color:var(--muted)}.hp-note b{font-family:var(--mono);color:var(--ink)}.checks{margin:0;padding:0;list-style:none;display:grid;grid-template-columns:repeat(auto-fit,minmax(248px,1fr));border-top:1px solid var(--ink)}.checks li{display:grid;grid-template-columns:26px 1fr;padding:13px 16px 13px 0;border-bottom:1px solid var(--rule)}.check-no{grid-row:span 2;font-family:var(--mono);font-size:10px;color:var(--signal);padding-top:2px}.checks strong{font-size:13.5px;font-weight:580}.checks span:last-child{font-size:12.5px;line-height:1.55;color:var(--muted)}.caveat{margin-top:26px;padding:15px 18px;max-width:var(--measure);font-size:13.5px;line-height:1.62;color:var(--ink-2);background:var(--signal-wash);border-left:2px solid var(--signal)}.caveat b{color:var(--ink)}.closing h2{font-size:clamp(23px,2.9vw,34px)}.closing p{margin-top:12px;max-width:var(--measure);font-size:14.5px;line-height:1.6;color:var(--muted)}.colophon{max-width:var(--frame);margin:0 auto;padding:0 var(--gutter) 44px;display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,560px);gap:28px 56px;align-items:end;border-top:1px solid var(--ink)}.sheet-notes{display:grid;grid-template-columns:1fr;gap:26px;padding-top:26px}.sheet-notes .legend{margin:0 0 8px;font-weight:500}.notes ol{margin:0;padding:0;list-style:none;counter-reset:note}.notes li{position:relative;padding:5px 0 5px 40px;counter-increment:note;font-size:12.5px;line-height:1.55;color:var(--muted);border-top:1px solid var(--rule)}.notes li:before{content:counter(note,decimal-leading-zero);position:absolute;left:0;top:6px;font-family:var(--mono);font-size:10px;letter-spacing:.06em;color:var(--signal)}.revisions table{width:100%;border-collapse:collapse;font-size:12.5px}.revisions th,.revisions td{text-align:left;padding:6px 14px 6px 0;border-top:1px solid var(--rule);vertical-align:top}.revisions thead th{padding-top:0;border-top:0;border-bottom:1px solid var(--ink);font-family:var(--mono);font-size:9.5px;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:var(--faint)}.revisions td{color:var(--muted);line-height:1.5}.revisions td.mono{font-size:11.5px;color:var(--ink-2);white-space:nowrap}.revisions td:first-child{width:30px}.revisions tr:last-child td.mono:first-child{color:var(--signal)}.title-block{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));margin-top:26px;border:1px solid var(--ink);background:color-mix(in srgb,var(--paper) 60%,var(--paper-2));font-size:12px}.title-block>*{padding:8px 10px 9px;border-right:1px solid var(--rule);border-bottom:1px solid var(--rule);display:flex;flex-direction:column;gap:4px;min-width:0}.title-block>:nth-child(6n),.title-block .tb-title,.title-block .tb-links{border-right:0}.title-block>:nth-last-child(-n+4){border-bottom:0}.title-block .legend{font-size:8.5px}.title-block b{font-weight:560;color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.title-block b.mono{font-weight:500;font-size:11px}.title-block b a{padding-bottom:1px;background:linear-gradient(var(--signal),var(--signal)) no-repeat 0 100% / 0 1px,linear-gradient(var(--rule-strong),var(--rule-strong)) no-repeat 0 100% / 100% 1px;transition:background-size var(--fast) var(--ease),color var(--fast) var(--ease)}.title-block b a:hover{color:var(--signal);background-size:100% 1px,100% 1px}.tb-name{grid-column:span 2;grid-row:span 2;justify-content:center;align-items:flex-start;gap:6px!important}.tb-name span{font-family:var(--mono);font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--faint)}.tb-title{grid-column:span 4}.tb-title b{font-family:var(--sans);font-stretch:var(--width-tight);font-size:15px;font-weight:620;letter-spacing:-.01em}.tb-links{grid-column:span 3;flex-direction:row!important;flex-wrap:wrap;align-items:flex-end;justify-content:flex-end;gap:6px 16px!important;font-family:var(--mono);font-size:11px;color:var(--muted)}.tb-links a{transition:color var(--fast) var(--ease)}.tb-links a:hover{color:var(--ink)}@media(max-width:960px){.colophon{grid-template-columns:1fr}.lead{grid-template-columns:1fr;gap:38px;padding:42px 0}.panel-render{height:min(52vh,420px)}.masthead nav,.masthead .rev{display:none}.band-body{padding-left:0}}@media(max-width:620px){:root{--gutter: 18px}.sheet-frame{display:none}.zone-mark{left:0;font-size:110px}.title-block{grid-template-columns:repeat(3,1fr)}.title-block>div:nth-child(6n){border-right:1px solid var(--rule)}.title-block>div:nth-child(3n+1){border-right:1px solid var(--rule)}.tb-name{grid-column:span 3;grid-row:auto}.tb-title{grid-column:span 3}.tb-links{justify-content:flex-start}.lead:before,.band:before{display:none}.rack figcaption{grid-template-columns:1fr}.spec.compact .figure{text-align:left;padding-right:0}.lead-copy,.band-head{grid-template-columns:1fr}.lead-copy>.section-no,.band-head .section-no{grid-column:1;grid-row:auto;padding:0 0 6px}.lead-copy>*,.band-head>p{grid-column:1}.demo-scale{display:none}.demo-controls,.demo figcaption{padding-left:0}.spec thead{display:none}.spec tbody th,.spec td{display:block;padding:0 0 4px;border:0;width:auto}.spec tbody tr{display:block;padding:12px 0;border-bottom:1px solid var(--rule)}.spec .figure{white-space:normal}}.ghost,.switcher button,.swatches button,.stepper button,.colophon nav a,.spec tbody tr th,.spec tbody tr .figure{transition:color var(--fast) var(--ease),background-color var(--fast) var(--ease),border-color var(--fast) var(--ease),translate var(--press) linear}.ghost:active,.switcher button:active,.stepper button:active{translate:0 1px}.swatches button{transition:box-shadow var(--fast) var(--ease),border-color var(--fast) var(--ease),translate var(--press) linear}.swatches button:active{translate:0 1px}.spec tbody tr{transition:background-color var(--fast) var(--ease)}.spec tbody tr:hover{background:color-mix(in srgb,var(--paper-2) 60%,transparent)}.checks li{transition:background-color var(--fast) var(--ease)}.checks li:hover{background:var(--paper-2)}.split li{transition:color var(--fast) var(--ease)}.split li:hover{color:var(--ink)}.width-control{display:grid;grid-template-columns:auto auto 1fr;align-items:center;gap:10px 14px;margin-top:26px;padding-top:16px;max-width:var(--measure);border-top:1px solid var(--rule)}.width-control .legend{grid-column:1 / -1;margin-bottom:-2px}.stepper{display:inline-flex;align-items:stretch;border:1px solid var(--rule-strong)}.stepper button{width:30px;font:inherit;font-size:15px;line-height:1;cursor:pointer;color:var(--muted);background:transparent;border:0}.stepper button:first-child{border-right:1px solid var(--rule)}.stepper button:last-child{border-left:1px solid var(--rule)}.stepper button:hover{color:var(--on-ink);background:var(--ink)}.stepper output{min-width:74px;padding:7px 0;text-align:center;font-size:13px;font-variant-numeric:tabular-nums;color:var(--ink)}.width-mm{font-size:13px;color:var(--muted);font-variant-numeric:tabular-nums}.width-note{grid-column:1 / -1;font-size:12px;line-height:1.5;color:var(--faint)}#demo-caption b{font-weight:550;transition:color var(--slow) var(--ease)}#demo-caption.swap{animation:dip var(--fast) var(--ease)}@keyframes dip{50%{opacity:.35}}.demo-panel{transition:opacity var(--slow) var(--ease),translate var(--slow) var(--ease)}@starting-style{.demo-panel{opacity:0;translate:0 6px}}#demo-caption .good{color:var(--pass)}#demo-caption .warn,#demo-caption .bad{color:var(--signal)}