@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-wdth-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-wdth-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-wdth-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:Doto Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/doto-latin-ext-wght-normal-BuEMryYU.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:Doto Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/doto-latin-wght-normal-DtlIPefW.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}:root{--blue: #005a8d;--berry: #8d004c;--black: #000;--white: #fff;--blue-lit: #35b6ff;--berry-lit: #ff3f9f;--blue-deep: #003a5c;--berry-deep: #52002c;--font-body: "Archivo Variable", "Helvetica Neue", Arial, sans-serif;--font-led: "Doto Variable", "Courier New", monospace;--step--1: clamp(.84rem, .82rem + .1vw, .9rem);--step-0: clamp(1rem, .97rem + .15vw, 1.1rem);--step-1: clamp(1.2rem, 1.12rem + .4vw, 1.5rem);--step-2: clamp(1.5rem, 1.32rem + .9vw, 2.15rem);--step-3: clamp(2rem, 1.6rem + 2vw, 3.4rem);--step-4: clamp(2.4rem, 1.7rem + 3.6vw, 5.4rem);--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.5rem;--space-6: 2rem;--space-7: 3rem;--space-8: 4.5rem;--space-9: 7rem;--radius-plate: 4px;--radius-glass: 2px;--radius-key: 3px;--rail: 44px;--gutter: clamp(10px, 1.2vw, 18px);--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-press: cubic-bezier(.3, 0, .2, 1);--dur-fast: 90ms;--dur-mid: .24s;--dur-slow: .62s}:root,:root[data-theme=light]{color-scheme:light;--chassis: #fff;--chassis-2: #eceef1;--chassis-3: #dcdfe4;--ink: #000;--ink-2: #454a52;--line: rgb(0 0 0 / .14);--line-strong: rgb(0 0 0 / .32);--accent: var(--berry);--accent-2: var(--blue);--slot: #c8ccd3;--key: #fff;--key-ink: #000;--key-edge: rgb(0 0 0 / .38);--key-shadow: 0 2px 3px rgb(0 0 0 / .26);--led-off: rgb(0 0 0 / .16);--rule-glow: rgb(0 90 141 / .12);--focus: var(--blue)}:root[data-theme=dark]{color-scheme:dark;--chassis: #000;--chassis-2: #15171b;--chassis-3: #24272d;--ink: #fff;--ink-2: #b9bfc8;--line: rgb(255 255 255 / .16);--line-strong: rgb(255 255 255 / .36);--accent: var(--berry-lit);--accent-2: var(--blue-lit);--slot: #000;--key: #1d2025;--key-ink: #fff;--key-edge: rgb(255 255 255 / .34);--key-shadow: 0 2px 3px rgb(0 0 0 / .8);--led-off: rgb(255 255 255 / .18);--rule-glow: rgb(53 182 255 / .18);--focus: var(--blue-lit)}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){color-scheme:dark;--chassis: #000;--chassis-2: #15171b;--chassis-3: #24272d;--ink: #fff;--ink-2: #b9bfc8;--line: rgb(255 255 255 / .16);--line-strong: rgb(255 255 255 / .36);--accent: var(--berry-lit);--accent-2: var(--blue-lit);--slot: #000;--key: #1d2025;--key-ink: #fff;--key-edge: rgb(255 255 255 / .34);--key-shadow: 0 2px 3px rgb(0 0 0 / .8);--led-off: rgb(255 255 255 / .18);--rule-glow: rgb(53 182 255 / .18);--focus: var(--blue-lit)}}*,*:before,*:after{box-sizing:border-box}:root{--top: 64px;scroll-padding-top:calc(var(--top) + 12px)}html{-webkit-text-size-adjust:100%;background:var(--chassis);scrollbar-color:var(--chassis-3) var(--chassis);scrollbar-width:thin}@media(prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}body{margin:0;background:var(--chassis);color:var(--ink);font-family:var(--font-body);font-size:var(--step-0);line-height:1.5;font-stretch:100%;overflow-x:clip;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}h1,h2,h3,p,ul,figure,blockquote{margin:0;padding:0}ul{list-style:none}img,canvas{display:block;max-width:100%}img{height:auto}a{color:inherit}button{font:inherit;color:inherit}::selection{background:var(--berry);color:#fff}:focus-visible{outline:2px solid var(--focus);outline-offset:3px;border-radius:2px}[tabindex="-1"]:focus{outline:none}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.skip{position:fixed;top:8px;left:8px;z-index:100;padding:10px 14px;background:var(--ink);color:var(--chassis);font-weight:600;transform:translateY(-200%)}.skip:focus{transform:none}.wordmark{display:block;aspect-ratio:4330 / 770;background:currentColor;-webkit-mask:url(/assets/wordmark-CUW6GfE6.svg) center / contain no-repeat;mask:url(/assets/wordmark-CUW6GfE6.svg) center / contain no-repeat}.lamp{flex:none;display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--lamp-off, var(--led-off));box-shadow:inset 0 1px 1px #00000059;transition:background var(--dur-mid),box-shadow var(--dur-mid)}.key{--press: 0px;display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:46px;padding:0 18px;border:1px solid var(--key-edge);border-radius:var(--radius-key);background:var(--key);color:var(--key-ink);font-size:var(--step--1);font-weight:620;font-stretch:112%;line-height:1.1;text-decoration:none;white-space:nowrap;cursor:pointer;box-shadow:var(--key-shadow),inset 0 1px #ffffff24;transform:translateY(var(--press));transition:transform var(--dur-fast) var(--ease-press),box-shadow var(--dur-fast) var(--ease-press),background var(--dur-mid),color var(--dur-mid),border-color var(--dur-mid);-webkit-tap-highlight-color:transparent;touch-action:manipulation}@media(hover:hover){.key:hover{--press: -1px;border-color:var(--ink)}}.key:active,.key[aria-pressed=true],.key.is-on{--press: 2px;box-shadow:inset 0 1px 2px #0000004d}.key:active .lamp,.key[aria-pressed=true] .lamp,.key.is-on .lamp{background:var(--lamp-on, var(--accent));box-shadow:0 0 7px 1px var(--lamp-on, var(--accent))}.key-primary{background:var(--berry);border-color:var(--berry);color:#fff}@media(hover:hover){.key-primary:hover{background:var(--berry-deep);border-color:var(--berry-deep)}}.keys{display:flex;flex-wrap:wrap;gap:10px}.ext{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:square;transition:transform var(--dur-mid) var(--ease-out)}@media(hover:hover){.key:hover .ext{transform:translate(2px,-2px)}}.screw{position:absolute;width:11px;height:11px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#ffffffb3,#ffffff2e 55%,#0000004d);box-shadow:0 1px 1px #00000080,inset 0 0 0 1px #0000004d;transform:rotate(var(--turn));transition:transform var(--dur-slow) var(--ease-out);pointer-events:none}.screw:after{content:"";position:absolute;inset:45% 12%;background:#000000a6}.screw-tl{top:9px;left:9px}.screw-tr{top:9px;right:9px}.screw-bl{bottom:9px;left:9px}.screw-br{bottom:9px;right:9px}@media(hover:hover){.plate:hover .screw{transform:rotate(calc(var(--turn) + 90deg))}}.meter{display:inline-grid;grid-template-columns:repeat(3,26px);gap:4px}.meter i{height:8px;border-radius:1px;background:var(--led-off)}.meter[data-level="1"] i:nth-child(-n+1),.meter[data-level="2"] i:nth-child(-n+2),.meter[data-level="3"] i{background:var(--accent)}.top{position:fixed;inset:0 0 auto;z-index:50;display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);height:var(--top);padding-inline:var(--gutter);background:var(--chassis);border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:10px;color:var(--ink);text-decoration:none;min-height:44px}.brand-logo{width:42px;height:42px}.brand-word{width:150px}.top-nav{display:flex;gap:clamp(2px,1.6vw,22px);margin-inline-start:auto}.top-nav a{display:inline-flex;align-items:center;min-height:44px;padding-inline:8px;font-size:var(--step--1);font-weight:600;font-stretch:112%;text-decoration:none;text-underline-offset:6px;text-decoration-thickness:2px}@media(hover:hover){.top-nav a:hover{text-decoration:underline;text-decoration-color:var(--accent)}}.top-controls{display:flex;align-items:center;gap:var(--space-2)}.knob{--a: 0deg;display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0;border:0;background:none;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.knob[data-mode=auto]{--a: -45deg}.knob[data-mode=light]{--a: 0deg}.knob[data-mode=dark]{--a: 45deg}.knob-face{position:relative;display:grid;place-items:center;width:40px;height:40px;border-radius:50%;border:1px solid var(--key-edge);background:var(--key);box-shadow:var(--key-shadow)}.knob-face:before{content:"";position:absolute;top:2px;left:calc(50% - 1px);width:2px;height:18px;transform-origin:50% 18px;transform:rotate(var(--a));transition:transform var(--dur-mid) var(--ease-out)}.knob-face:after{content:"";position:absolute;top:2px;left:calc(50% - 1.5px);width:3px;height:3px;border-radius:50%;background:var(--accent);transform-origin:50% 18px;transform:rotate(var(--a));transition:transform var(--dur-mid) var(--ease-out)}.knob-icon{display:none;width:20px;height:20px;fill:none;stroke:var(--ink);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.knob-icon .fill{fill:var(--ink);stroke:none}.knob[data-mode=auto] [data-mode=auto],.knob[data-mode=light] [data-mode=light],.knob[data-mode=dark] [data-mode=dark],.knob:not([data-mode]) [data-mode=auto]{display:block}.knob-legend{min-width:2.6em;text-align:left;font-size:var(--step--1);font-weight:600;color:var(--ink-2)}.rail{position:fixed;top:var(--top);bottom:0;z-index:40;display:none;width:var(--rail);background:var(--chassis-2)}.rail:before{content:"";position:absolute;inset:0;background:var(--slot);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='44' height='64'%3E%3Crect x='17' y='14' width='10' height='18' rx='5'/%3E%3C/svg%3E") top center repeat-y;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='44' height='64'%3E%3Crect x='17' y='14' width='10' height='18' rx='5'/%3E%3C/svg%3E") top center repeat-y}.rail-left{left:0;border-right:1px solid var(--line)}.rail-right{right:0;border-left:1px solid var(--line)}.rail-progress{position:absolute;inset:0 auto 0 -1px;width:2px;background:var(--accent);transform:scaleY(0);transform-origin:50% 0}.rail-left ul{position:absolute;top:50%;left:0;right:0;transform:translateY(-50%);display:grid;gap:2px;padding-block:8px;background:var(--chassis-2);border-block:1px solid var(--line)}.rail-left a{position:relative;display:grid;place-items:center;height:38px}.rail-left a:before{content:"";width:10px;height:10px;border-radius:50%;background:var(--led-off);transition:background var(--dur-mid),box-shadow var(--dur-mid)}.rail-left a[aria-current]:before{background:var(--accent);box-shadow:0 0 9px 1px var(--accent)}.rail-left a span{position:absolute;left:calc(100% + 8px);top:50%;padding:5px 10px;border-radius:2px;background:#000;color:#fff;font-size:var(--step--1);font-weight:600;white-space:nowrap;opacity:0;pointer-events:none;transform:translate(-6px,-50%);transition:opacity var(--dur-mid),transform var(--dur-mid) var(--ease-out)}.rail-left a:hover span,.rail-left a:focus-visible span{opacity:1;transform:translateY(-50%)}main{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--gutter);padding-top:calc(var(--top) + var(--gutter));padding-inline:var(--gutter);padding-bottom:var(--gutter)}@media(min-width:1180px){.rail{display:block}main{padding-inline:calc(var(--rail) + var(--gutter))}}.master{position:relative;min-height:calc(100svh - var(--top) - var(--gutter) * 2);display:grid;padding:clamp(14px,1.9vw,26px);border-radius:var(--radius-plate);background:var(--chassis-2);overflow:clip;box-shadow:inset 0 1px #ffffff1a,inset 0 0 0 1px var(--line)}.master-glass{position:absolute;background:var(--chassis);inset:clamp(14px,1.9vw,26px);border-radius:var(--radius-glass);overflow:hidden;box-shadow:0 0 0 1px var(--line-strong)}.master-glass canvas{width:100%;height:100%}.master-copy{position:relative;display:grid;align-content:end;justify-items:start;gap:var(--space-4);max-width:46vw;padding:clamp(18px,3.4vw,56px)}.master-title{width:min(100%,clamp(25rem,32vw,42rem))}@media(max-aspect-ratio:23/20){.master-copy{max-width:none}}.master-word{width:100%}.master-lead{font-size:clamp(1.25rem,1.05rem + .8vw,1.9rem);font-weight:400;font-stretch:106%;line-height:1.2;text-wrap:balance}.master-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:var(--space-3)}.patch{display:grid;gap:var(--space-6);padding:clamp(var(--space-6),5vw,var(--space-8)) clamp(18px,3.4vw,56px);scroll-margin-top:calc(var(--top) + 8px)}.patch-head{max-width:48rem}.patch-head h2{font-size:var(--step-4);font-weight:650;font-stretch:120%;line-height:1;letter-spacing:-.02em;text-wrap:balance}.patch-bay{display:grid;gap:var(--space-5)}.patch-group{display:grid;gap:10px;align-content:start}.patch-label{font-family:var(--font-led);font-size:var(--step-1);font-weight:800;line-height:1;color:var(--ink);padding-bottom:8px;border-bottom:1px solid var(--line-strong)}.patch-group ul{display:grid;gap:8px}.patch-group .key{width:100%;justify-content:flex-start}.patch-group[data-stage=live] .lamp{background:var(--accent-2);box-shadow:0 0 7px 1px var(--accent-2)}.patch-group[data-stage=dev] .lamp{background:var(--accent);box-shadow:0 0 7px 1px var(--accent)}.patch-group[data-stage=concept] .lamp{background:none;box-shadow:inset 0 0 0 1.5px var(--ink-2)}@media(min-width:620px){.patch-group[data-stage=dev] ul,.patch-group[data-stage=concept] ul{grid-template-columns:repeat(2,1fr)}}@media(min-width:1080px){.patch-bay{grid-template-columns:1.1fr 2.2fr 4.4fr}.patch-group[data-stage=concept] ul{grid-template-columns:repeat(4,1fr)}}.stage-block{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--gutter)}.blank{position:relative;display:flex;flex-wrap:wrap;align-items:center;column-gap:var(--space-5);row-gap:var(--space-1);min-height:92px;padding:var(--space-3) clamp(18px,3.4vw,56px);border-radius:var(--radius-plate);background:var(--chassis-2);box-shadow:inset 0 1px #ffffff1a,inset 0 0 0 1px var(--line);margin-top:var(--space-8)}.blank-title{font-family:var(--font-led);font-size:var(--step-3);font-weight:var(--dots, 900);line-height:1}.blank-note{color:var(--ink-2);font-weight:500}.blank .meter{margin-inline-start:auto}.plate{position:relative;container-type:inline-size;padding:clamp(24px,3.4vw,56px);border-radius:var(--radius-plate);scroll-margin-top:calc(var(--top) + 8px);box-shadow:inset 0 1px #ffffff3d,inset 0 -1px #0000006b,0 16px 26px -18px #000000bf;background-image:repeating-linear-gradient(90deg,rgb(255 255 255 / .014) 0 1px,transparent 1px 3px)}.plate-blue,.plate-berry{color:#fff;--ink-2: rgb(255 255 255 / .88);--key: #fff;--key-ink: #000;--key-edge: #fff;--key-shadow: 0 2px 4px rgb(0 0 0 / .4);--focus: #fff;--lamp-off: rgb(0 0 0 / .18);--line: rgb(255 255 255 / .3);--accent: #fff;--led-off: rgb(255 255 255 / .28)}.plate-blue{--lamp-on: var(--berry);background-color:var(--blue)}.plate-berry{--lamp-on: var(--blue);background-color:var(--berry)}.plate-enamel{background-color:var(--chassis-2);--lamp-on: var(--accent)}.plate-blue .key-primary,.plate-berry .key-primary{background:#fff;border-color:#fff;color:#000}.name{--wdth: 125;font-weight:640;font-stretch:calc(var(--wdth) * 1%);line-height:1;letter-spacing:-.02em;white-space:nowrap}.ident{display:flex;align-items:center;gap:.8rem}.mark{flex:none;width:52px;height:52px;border-radius:8px}.desc{max-width:46ch;font-size:var(--step-1);line-height:1.35;text-wrap:pretty}.desc-lead{font-weight:640;font-stretch:112%}.legend{font-size:var(--step--1);color:var(--ink-2)}.glass-wrap{display:grid;gap:8px;min-width:0}.glass{aspect-ratio:16 / 9;border-radius:var(--radius-glass);background:#000;overflow:hidden;box-shadow:0 0 0 1px #000000a6,0 0 0 3px #ffffff1a,inset 0 2px 8px #000c}.glass canvas{width:100%;height:100%}.glass-lens{cursor:crosshair;touch-action:pan-y}.unit-live{display:grid;gap:var(--space-6)}.unit-live .name{font-size:min(6rem,8cqi)}.unit-live .mark{width:min(84px,8cqi);height:min(84px,8cqi);box-shadow:0 0 0 1px #ffffff59}.live-head{display:grid;gap:var(--space-5)}.live-copy{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:var(--space-5)}.monitor{display:grid;gap:var(--space-4)}.monitor-glass{border-radius:var(--radius-glass);background:#000;overflow:hidden;box-shadow:0 0 0 1px #000000b3,0 0 0 4px #ffffff1a,0 22px 34px -22px #000000e6}.screen img{width:100%}.screen[hidden],.only-dark{display:none}:root[data-theme=dark] .only-dark{display:block}:root[data-theme=dark] .only-light{display:none}.unit-dev{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-6)}.unit-dev .name{font-size:min(3.6rem,8cqi)}.unit-dev .glass,.monitor-glass.is-framed{aspect-ratio:16 / 10}.showcase-info{display:grid;gap:var(--space-4);align-content:start;justify-items:start}.showcase-info .key{margin-top:var(--space-2)}.showcase-media{display:grid;gap:var(--space-4);min-width:0}.status{display:flex;align-items:center;gap:var(--space-3);font-size:var(--step--1);font-weight:600}.monitor-glass.is-framed .screen,.monitor-glass.is-framed picture{height:100%}.monitor-glass.is-framed img{width:100%;height:100%;object-fit:contain}@media(min-width:860px){.unit-dev{grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:start;gap:var(--space-7)}.unit-dev .name{font-size:min(3.6rem,3.5cqi)}}.concept-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--gutter)}@media(min-width:900px){.concept-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.unit-concept{display:flex;flex-direction:column;gap:var(--space-4)}.unit-concept .name{font-size:min(3.3rem,11cqi)}.unit-concept .mark{width:46px;height:46px}.unit-concept .glass{aspect-ratio:2 / 1}.unit-concept .keys{margin-top:auto;padding-top:var(--space-3)}.lamps{display:flex;flex-wrap:wrap;gap:8px 18px;font-size:var(--step--1);font-weight:600;color:var(--ink-2)}.lamps li{display:inline-flex;align-items:center;gap:8px;transition:color var(--dur-mid)}.lamps li.is-on{color:var(--ink)}.lamps li.is-on .lamp{background:var(--accent);box-shadow:0 0 7px 1px var(--accent)}.founder{position:relative;margin-top:var(--space-8);border-radius:var(--radius-plate);background:linear-gradient(162deg,var(--berry) 0 53%,var(--blue) calc(53% + 1px));padding:clamp(28px,7vw,110px) clamp(14px,5vw,80px);overflow:clip;scroll-margin-top:calc(var(--top) + 8px)}.card-slot{perspective:1200px;max-width:62rem;margin-inline:auto}.card{display:grid;gap:var(--space-6);align-items:center;padding:clamp(24px,4vw,56px);border-radius:14px;background:var(--chassis);color:var(--ink);box-shadow:0 30px 50px -28px #000000bf,inset 0 0 0 1px var(--line);transform-style:preserve-3d}.portrait{--ring: 28deg;width:100%;max-width:15.5rem;aspect-ratio:1;padding:6px;border-radius:50%;background:conic-gradient(from var(--ring),var(--berry) 0 50%,var(--blue) 50% 100%);justify-self:center}.portrait img{width:100%;height:100%;border-radius:50%;object-fit:cover;border:3px solid var(--chassis)}.card-body{display:grid;gap:var(--space-3);justify-items:start}.card-name{font-size:var(--step-3);font-weight:640;font-stretch:122%;line-height:1;letter-spacing:-.02em}.card-role{color:var(--ink-2);font-weight:560}.card-quote{font-size:var(--step-1);line-height:1.4;max-width:44ch;margin-block:var(--space-2);text-wrap:pretty}.card .key{white-space:normal}@media(min-width:760px){.card{grid-template-columns:15.5rem 1fr;gap:clamp(var(--space-6),5vw,var(--space-8))}}.contact{position:relative;display:grid;gap:var(--space-5);padding:clamp(14px,1.9vw,26px);border-radius:var(--radius-plate);background:var(--chassis-2);box-shadow:inset 0 1px #ffffff1a,inset 0 0 0 1px var(--line);scroll-margin-top:calc(var(--top) + 8px)}.contact-glass{background:var(--chassis);height:clamp(120px,19vw,260px);border-radius:var(--radius-glass);overflow:hidden;box-shadow:0 0 0 1px var(--line-strong)}.contact-glass canvas{width:100%;height:100%}.contact-copy{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:var(--space-4) var(--space-6);padding:var(--space-2) clamp(8px,3vw,40px) var(--space-4)}.contact-lines{display:grid;gap:var(--space-2);justify-items:start;min-width:0}.contact-lines h2{font-size:var(--step-4);font-weight:650;font-stretch:120%;line-height:1;letter-spacing:-.02em}.contact-actions{display:grid;gap:var(--space-1);justify-items:start}.contact-mail{display:inline-flex;align-items:center;min-height:44px;font-size:clamp(1.15rem,.7rem + 2.5vw,2.4rem);font-weight:560;font-stretch:100%;color:var(--ink);text-decoration-color:var(--accent);text-decoration-thickness:2px;text-underline-offset:.18em;overflow-wrap:anywhere;transition:font-stretch var(--dur-slow) var(--ease-out)}@media(hover:hover){.contact-mail:hover{font-stretch:118%}}.copy-status{min-height:1.4em;font-size:var(--step--1);color:var(--ink-2)}.foot{display:grid;gap:var(--space-4);padding:var(--space-4) calc(var(--gutter) + clamp(8px,2vw,26px)) var(--space-5);font-size:var(--step--1);color:var(--ink-2)}.foot-main{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-4) var(--space-6)}.foot-id{display:flex;align-items:center;gap:var(--space-3)}.foot-logo{width:44px;height:44px}.foot-word{width:118px;color:var(--ink);margin-bottom:2px}.foot-nav{display:flex;flex-wrap:wrap;column-gap:var(--space-4)}.foot-nav a{display:inline-flex;align-items:center;min-height:44px;color:var(--ink);font-weight:600;text-decoration:none;text-underline-offset:5px;text-decoration-thickness:2px}@media(hover:hover){.foot-nav a:hover{text-decoration:underline;text-decoration-color:var(--accent)}}.foot-actions{display:flex;flex-wrap:wrap;gap:var(--space-2)}.key-quiet{min-height:44px;padding:0 14px;font-weight:560;font-stretch:104%;box-shadow:none}.key-quiet.is-running .lamp{background:var(--accent);box-shadow:0 0 7px 1px var(--accent)}.foot-legal{display:flex;flex-wrap:wrap;justify-content:space-between;gap:var(--space-1) var(--space-6);padding-top:var(--space-3);border-top:1px solid var(--line)}@media(min-width:1180px){.foot{padding-inline:calc(var(--rail) + var(--gutter) + 26px)}}@media(max-width:899px){.knob-legend{display:none}}@media(max-width:719px){:root{--top: 58px}.brand-word{display:none}.top-nav{gap:0}.top-nav a{padding-inline:7px}.master{min-height:max(620px,calc(100svh - var(--top) - var(--gutter) * 2))}.master-title{width:min(100%,22rem)}.master-copy{max-width:none}.blank{min-height:76px;margin-top:var(--space-6)}.blank .meter{margin-inline-start:0;order:3;width:100%}.blank-note{width:100%;order:2}.ident{flex-wrap:wrap;gap:var(--space-3)}.unit-live .name{font-size:10.2cqi}.unit-live .mark{width:56px;height:56px}.unit-dev .name{font-size:min(2.4rem,7.8cqi)}.keys .key{flex:1 1 auto}.founder{margin-top:var(--space-6)}}@media(max-width:359px){.top{gap:2px}.brand-logo{width:34px;height:34px}.top-nav a{padding-inline:4px;font-size:.78rem}.top-controls{gap:4px}}.theme-shift,.theme-shift *:not(canvas){transition:background-color var(--dur-mid),color var(--dur-mid),border-color var(--dur-mid)!important}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition-duration:1ms!important;animation:none!important}}