@font-face{font-family:Fraunces Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/fraunces-vietnamese-full-normal-7BpKI3vF.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:Fraunces Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/fraunces-latin-ext-full-normal-YHFkNujK.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:Fraunces Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/fraunces-latin-full-normal-CFFu7zhK.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:Fraunces Variable;font-style:italic;font-display:swap;font-weight:100 900;src:url(/assets/fraunces-vietnamese-full-italic-BHALq22K.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:Fraunces Variable;font-style:italic;font-display:swap;font-weight:100 900;src:url(/assets/fraunces-latin-ext-full-italic-B8-t4Nou.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:Fraunces Variable;font-style:italic;font-display:swap;font-weight:100 900;src:url(/assets/fraunces-latin-full-italic-D2JnYqd-.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:Outfit Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/outfit-latin-ext-wght-normal-DdQaqQDo.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:Outfit Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/outfit-latin-wght-normal-Bc-8i84L.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}:root{color-scheme:light;--bg: #f4efe6;--fg: #16140f;--muted: #5c564c;--accent: #1e3ad6;--accent-fg: #f4efe6;--surface: #e7e0d4;--line: #7a7164;--inverse: #16140f;--inverse-fg: #f4efe6;--inverse-muted: #c8bba9}:root[data-theme=dmitry]{color-scheme:dark;--bg: #12110f;--fg: #f3eee4;--muted: #c8bba9;--accent: #ff5c2a;--accent-fg: #1a0a05;--surface: #1c1b17;--line: #6e655a;--inverse: #f3eee4;--inverse-fg: #12110f;--inverse-muted: #5c564c}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:5.25rem;background:var(--bg)}body{margin:0;min-height:100%;background:var(--bg);color:var(--fg);font-family:Outfit Variable,Avenir Next,Segoe UI,sans-serif;font-size:1.0625rem;font-weight:400;line-height:1.6;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}body,.header,.band,.desk,.stage-frame,.btn,.switch span{transition:background-color .2s ease,color .2s ease,border-color .2s ease}::selection{background:var(--accent);color:var(--accent-fg)}:focus{outline:none}:focus-visible{outline:2px solid var(--accent);outline-offset:3px}img,svg{max-width:100%}h1,h2,.logo-mark,.desk-name,.d-letter,.specimen p{font-family:Fraunces Variable,Georgia,Times New Roman,serif;font-optical-sizing:none}h1,h2,p{text-wrap:pretty}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip{position:absolute;left:1rem;top:-4rem;z-index:20;background:var(--fg);color:var(--bg);padding:.65rem .9rem;text-decoration:none}.skip:focus{top:.75rem}.wrap{width:min(1120px,calc(100% - 2.5rem));margin-inline:auto}.header{position:sticky;top:0;z-index:5;background:var(--bg);border-bottom:1px solid var(--line)}.header-inner{display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:4.4rem}.logo{color:inherit;text-decoration:none;display:flex;flex-direction:column;gap:.15rem;min-width:0}.logo-mark{font-size:1.55rem;font-weight:560;letter-spacing:-.045em;line-height:.9}.logo-sub,.kicker,.stage-meta,.readout,.switch,.facts span,legend,.specimen figcaption,kbd,.count{font-family:IBM Plex Mono,ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.logo-sub,.kicker,.stage-meta,.specimen figcaption,.facts span,legend{letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}.logo-sub{font-size:.68rem}.switch{display:flex;border:1px solid var(--line);margin:0;padding:0;min-inline-size:0}.switch label{position:relative;display:flex;cursor:pointer}.switch input{position:absolute;inset:0;margin:0;opacity:0;cursor:pointer}.switch span{display:flex;align-items:center;justify-content:center;min-height:44px;min-width:5.6rem;padding:0 .9rem;font-family:Outfit Variable,Avenir Next,sans-serif;font-size:.95rem;letter-spacing:0;text-transform:none;color:var(--fg)}.switch label:hover span{background:var(--surface)}.switch label:has(input:checked) span,.switch label:has(input:checked):hover span{background:var(--fg);color:var(--bg)}.switch label:has(input:focus-visible) span{outline:2px solid var(--accent);outline-offset:-3px}.section{padding:clamp(3.25rem,8vw,6.5rem) 0}.hero-grid{display:grid;gap:1.5rem;align-items:end;padding-top:clamp(1.25rem,3vw,2.5rem);padding-bottom:clamp(1.5rem,4vw,3rem)}section{scroll-margin-top:5.25rem}.kicker{font-size:.75rem;margin:0 0 1.1rem}h1{margin:0;font-weight:560;font-size:clamp(2.8rem,8vw,7.4rem);letter-spacing:-.05em;line-height:.84;font-variation-settings:"SOFT" 24,"opsz" 144,"wght" 560,"WONK" 1}.line{display:block}.line-shift{padding-left:.12em}h1 em{font-style:italic;font-weight:520;color:var(--accent)}.dek,.lead,.desk-copy{max-width:38rem}.dek{margin:1.35rem 0 0;font-size:1.125rem;line-height:1.55}.hero-actions{display:flex;flex-wrap:wrap;gap:.85rem 1.4rem;align-items:center;margin-top:1.5rem}.link{color:var(--accent);text-underline-offset:.18em}.link:hover{color:var(--fg)}.cta{font-size:1.05rem}.hero-mark{order:-1;height:34vh;min-height:210px;max-height:320px;overflow:hidden;border-bottom:1px solid var(--line)}.hero-mark-shift{width:100%;height:100%}.facts{list-style:none;display:grid;gap:.9rem;padding:1.15rem 0 0;margin:1.75rem 0 0;border-top:1px solid var(--line)}.facts li{margin:0}.facts span{display:block;font-size:.68rem;margin-bottom:.2rem}h2{margin:0;max-width:12ch;font-weight:540;font-size:clamp(2.4rem,5vw,4.35rem);letter-spacing:-.046em;line-height:.9;font-variation-settings:"SOFT" 20,"opsz" 144,"wght" 540,"WONK" 0}.lead{margin:1.15rem 0 0}.ruled{border-top:1px solid var(--line)}.desks{display:grid;gap:.75rem;margin-top:2rem}.desk{display:block;width:100%;text-align:left;font:inherit;color:inherit;background:transparent;border:1px solid var(--line);padding:clamp(1.15rem,2vw,1.7rem);cursor:pointer;min-height:100%}.desk:hover{border-color:var(--fg)}.desk-kicker{display:block;min-height:1.1rem;margin-bottom:.45rem;font-family:IBM Plex Mono,ui-monospace,monospace;font-size:.68rem;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}.desk-name{display:block;margin-bottom:.85rem;font-size:clamp(2.3rem,4vw,3.7rem);font-weight:560;letter-spacing:-.045em;line-height:.9}.desk-copy{margin:0;color:var(--muted)}.desk[aria-pressed=true]{background:var(--inverse);color:var(--inverse-fg);border-color:var(--inverse)}.desk[aria-pressed=true] .desk-kicker,.desk[aria-pressed=true] .desk-copy{color:var(--inverse-muted)}.band{background:var(--surface);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.tool{display:grid;gap:1rem 1.25rem;margin-top:1.75rem;grid-template-areas:"actions" "stage" "controls"}.tool-actions{grid-area:actions}.tool-stage{grid-area:stage}.tool-controls{grid-area:controls}.stage-frame{position:relative;height:52vh;min-height:260px;background:var(--bg);border:1px solid var(--line);overflow:hidden}.stage-meta{position:absolute;z-index:1;top:1.35rem;left:1.7rem;right:1.7rem;display:flex;justify-content:space-between;gap:.75rem;pointer-events:none;font-size:.68rem}.letter-svg{width:100%;height:100%;display:block;-webkit-user-select:none;user-select:none}.glyph{cursor:grab;touch-action:none}.glyph:active{cursor:grabbing}.glyph-static,.glyph-static:active{cursor:default;touch-action:auto}.d-letter{font-family:Fraunces Variable,Georgia,Times New Roman,serif}.crops{position:absolute;inset:0;pointer-events:none}.crops span{position:absolute;width:12px;height:12px;border:1px solid var(--fg)}.crops span:nth-child(1){top:10px;left:10px;border-right:0;border-bottom:0}.crops span:nth-child(2){top:10px;right:10px;border-left:0;border-bottom:0}.crops span:nth-child(3){bottom:10px;left:10px;border-right:0;border-top:0}.crops span:nth-child(4){bottom:10px;right:10px;border-left:0;border-top:0}.specimen{display:grid;grid-template-columns:1fr 1fr;gap:.8rem 1.25rem;margin-top:.9rem}.specimen figure{margin:0;min-width:0}.specimen figcaption{font-size:.68rem;margin-bottom:.25rem}.specimen p{margin:0;font-size:clamp(1.8rem,4vw,3.15rem);line-height:.95;letter-spacing:-.04em;overflow-wrap:anywhere}.readout,.hint,.keyline,.count,.footer p{color:var(--muted)}.readout{margin:.7rem 0 0;font-size:.78rem}.actions{display:flex;flex-wrap:wrap;gap:.5rem}.btn{min-height:44px;padding:0 .85rem;display:inline-flex;align-items:center;gap:.5rem;border:1px solid var(--line);background:var(--bg);color:var(--fg);cursor:pointer;font:inherit;font-size:.95rem}.btn:hover{border-color:var(--fg)}.btn-primary{background:var(--accent);border-color:var(--accent);color:var(--accent-fg)}.btn-primary:hover{border-color:var(--fg)}.btn kbd,.keys kbd{font-size:.68rem;border:1px solid var(--line);padding:.05rem .32rem;color:inherit}.btn-primary kbd{border-color:color-mix(in srgb,var(--accent-fg) 55%,transparent)}.status{min-height:1.5em;margin:.75rem 0 0}.keyline,.hint,.count{margin:.55rem 0 0;font-size:.92rem}fieldset{border:0;margin:1rem 0 0;padding:1rem 0 0;min-inline-size:0;border-top:1px solid var(--line)}legend{padding:0;font-size:.68rem}.slider{margin-top:.75rem}.slider-top{display:flex;justify-content:space-between;gap:1rem;align-items:baseline;font-size:.95rem}.slider output{font-family:IBM Plex Mono,ui-monospace,monospace;font-size:.75rem;color:var(--muted)}input[type=range]{display:block;width:100%;margin:.35rem 0 0;accent-color:var(--accent);height:1.75rem;cursor:pointer}.checks{display:grid;grid-template-columns:1fr 1fr;gap:.1rem .75rem;margin-top:.35rem}.choice{display:flex;align-items:center;gap:.6rem;min-height:44px;cursor:pointer}.choice input{width:1.05rem;height:1.05rem;margin:0;accent-color:var(--accent)}.note-label{display:block;margin-top:1.25rem;font-size:.95rem}textarea{display:block;width:100%;min-height:9rem;margin-top:.45rem;padding:.85rem .95rem;resize:vertical;border:1px solid var(--line);border-radius:0;background:var(--bg);color:var(--fg);font:inherit;line-height:1.5}.note-actions{display:flex;flex-wrap:wrap;gap:.85rem 1.25rem;align-items:center;margin-top:.85rem}.footer{border-top:1px solid var(--line);padding:1.4rem 0 2.4rem}.footer-row{display:flex;flex-wrap:wrap;justify-content:space-between;gap:.75rem 1.5rem}.footer p{margin:.35rem 0;max-width:42rem;font-size:.95rem}.footer a{color:var(--fg)}.keys{display:flex;flex-wrap:wrap;gap:.45rem 1rem;padding:0;margin:.9rem 0 0;list-style:none}@media(min-width:720px){.facts,.desks{grid-template-columns:1fr 1fr}.facts{grid-template-columns:repeat(3,1fr)}}@media(min-width:900px){.wrap{width:min(1120px,calc(100% - 5rem))}.hero-grid{grid-template-columns:minmax(0,1.05fr) minmax(320px,.95fr);gap:2rem 2.5rem;align-items:stretch;min-height:calc(100svh - 4.5rem);padding-top:clamp(1.5rem,4vw,3rem)}.hero-copy{display:flex;flex-direction:column;justify-content:end;padding-bottom:.5rem}.hero-mark{order:0;height:auto;max-height:none;min-height:0;border-bottom:0;border-left:1px solid var(--line)}.line-shift{padding-left:.42em}}@media(min-width:980px){.tool{grid-template-columns:minmax(0,1.5fr) minmax(300px,410px);grid-template-areas:"stage actions" "stage controls";align-items:start}.stage-frame{height:min(52vh,520px);min-height:400px}}@media(max-width:420px){.logo-sub{display:none}.switch span{min-width:4.6rem;padding:0 .65rem}.checks{grid-template-columns:1fr}}@media(prefers-contrast:more){:root{--line: #3f3a34}:root[data-theme=dmitry]{--line: #d9d0c3}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}@media(forced-colors:active){.btn,.desk,.switch,.stage-frame,textarea{border:1px solid ButtonText}}
