@font-face{font-family:Archivo Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(../media/archivo-vietnamese-wght-normal.3cb37nm8mowb2.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Archivo Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(../media/archivo-latin-ext-wght-normal.3m-fabn93du09.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,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;src:url(../media/archivo-latin-wght-normal.1_q0qa17ptz5n.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-tracking:initial;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-ease:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-neutral-100:#f5f5f5;--color-neutral-200:#e5e5e5;--color-neutral-300:#d4d4d4;--color-neutral-400:#a1a1a1;--color-neutral-500:#737373;--color-neutral-600:#525252;--color-neutral-700:#404040;--color-neutral-800:#262626;--color-neutral-900:#171717;--spacing:.25rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--tracking-widest:.1em;--radius-sm:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--shadow-sm:0 1px 3px 0 #0000001a, 0 1px 2px -1px #0000001a;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--ease-out:cubic-bezier(0, 0, .2, 1);--ease-in-out:cubic-bezier(.4, 0, .2, 1);--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}@supports (color:lab(0% 0 0)){:root,:host{--color-neutral-100:lab(96.52% -.0000298023 .0000119209);--color-neutral-200:lab(90.952% 0 -.0000119209);--color-neutral-300:lab(84.92% 0 -.0000119209);--color-neutral-400:lab(66.128% -.0000298023 .0000119209);--color-neutral-500:lab(48.496% 0 0);--color-neutral-600:lab(34.924% 0 0);--color-neutral-700:lab(27.036% 0 0);--color-neutral-800:lab(15.204% 0 -.00000596046);--color-neutral-900:lab(7.78201% -.0000149012 0)}}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.\@container{container-type:inline-size}.collapse{visibility:collapse}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.isolate{isolation:isolate}.my-6{margin-block:calc(var(--spacing) * 6)}.my-8{margin-block:calc(var(--spacing) * 8)}.mt-6{margin-top:calc(var(--spacing) * 6)}.mt-10{margin-top:calc(var(--spacing) * 10)}.mt-24{margin-top:calc(var(--spacing) * 24)}.mb-24{margin-bottom:calc(var(--spacing) * 24)}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.table{display:table}.h-auto{height:auto}.min-h-0{min-height:0}.w-full{width:100%}.min-w-0{min-width:0}.shrink{flex-shrink:1}.grow{flex-grow:1}.border-collapse{border-collapse:collapse}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.resize{resize:both}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-baseline{align-items:baseline}.items-center{align-items:center}.items-stretch{align-items:stretch}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-3{gap:calc(var(--spacing) * 3)}.gap-4{gap:calc(var(--spacing) * 4)}.gap-10{gap:calc(var(--spacing) * 10)}.border{border-style:var(--tw-border-style);border-width:1px}.border-dashed{--tw-border-style:dashed;border-style:dashed}.p-3{padding:calc(var(--spacing) * 3)}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-\[10px\]{font-size:10px}.tracking-widest{--tw-tracking:var(--tracking-widest);letter-spacing:var(--tracking-widest)}.uppercase{text-transform:uppercase}.tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)}.underline{text-decoration-line:underline}.ring{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.grayscale{--tw-grayscale:grayscale(100%);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}@media (min-width:64rem){.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\:grid-cols-\[minmax\(0\,1\.1fr\)_minmax\(0\,0\.9fr\)\]{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr)}.lg\:pl-14{padding-left:calc(var(--spacing) * 14)}}}:root{--g100:#ebf2da;--g200:#d6e5bb;--g300:#b4d39c;--g400:#7ab27b;--g500:#3a8d62;--g600:#0c7558;--g700:#005b4d;--g800:#003f3b;--g900:#002829;--p100:#f1ebfd;--p200:#e1d8fc;--p300:#c9bff4;--p400:#a197d9;--p500:#786fb5;--p600:#5e5a9a;--p700:#46467d;--p800:#2f3058;--p900:#1c1f39;--n100:#eff1ea;--n200:#e0e2dd;--n300:#c8ccc6;--n400:#a0a7a1;--n500:#76807b;--n600:#5e6966;--n700:#485252;--n800:#2f3738;--n900:#1d2324;--paper:#f3f4ed;--surface:var(--n100);--ink:#0f2125;--graphite:var(--n600);--hairline:var(--n300);--accent:var(--g700);--accent-2:var(--p700);--rose:#e084a7;--trace-blue:var(--accent)}@supports (color:lab(0% 0 0)){:root{--g100:lab(94.5339% -5.35929 10.6401);--g200:lab(89.0187% -10.6928 18.6896);--g300:lab(81.217% -18.1988 23.9087);--g400:lab(67.5908% -27.4144 21.9731);--g500:lab(52.6642% -34.2433 15.0835);--g600:lab(43.2955% -34.0788 7.56086);--g700:lab(33.8389% -31.1838 .939459);--g800:lab(23.0708% -23.366 -3.67721);--g900:lab(13.4978% -15.5789 -4.99014);--p100:lab(93.9197% 4.41507 -8.12304);--p200:lab(87.8396% 8.33371 -16.5644);--p300:lab(79.4313% 11.8886 -25.2295);--p400:lab(65.2568% 14.549 -32.3241);--p500:lab(50.0158% 15.7473 -36.0678);--p600:lab(40.8041% 14.0915 -34.772);--p700:lab(31.661% 11.7706 -31.6163);--p800:lab(21.4837% 8.44748 -24.7597);--p900:lab(12.4717% 5.11818 -17.8504);--n100:lab(94.874% -1.4469 3.0216);--n200:lab(89.6515% -1.57002 2.48671);--n300:lab(81.5652% -2.41384 2.67732);--n400:lab(67.6814% -3.54502 2.25664);--n500:lab(52.6286% -4.61289 1.33767);--n600:lab(43.3358% -4.76176 -.0441074);--n700:lab(34.0251% -4.30201 -1.06321);--n800:lab(22.3815% -3.36871 -1.71985);--n900:lab(13.0635% -2.4391 -1.96545);--paper:lab(96.0396% -1.44657 3.44993);--ink:lab(11.4263% -6.55624 -5.35604);--rose:lab(65.9683% 39.4191 -2.7377)}}body{background:var(--paper);color:var(--ink);font-family:Archivo Variable,Archivo,system-ui,-apple-system,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;font-size:15px;line-height:1.55}h1,h2,h3,h4,h5,h6{letter-spacing:-.015em;font-weight:800;line-height:1.12}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.figframe{border:1px solid var(--hairline);background-image:radial-gradient(var(--hairline) 1px, transparent 1px);background-size:16px 16px}.hairline-t{border-top:1px solid var(--hairline)}.tone-bw{filter:grayscale()contrast(1.06)}.duotone-g,.duotone-p,.duotone-gp{isolation:isolate;position:relative}.duotone-g>*,.duotone-p>*,.duotone-gp>*{filter:grayscale()contrast(1.06)}.duotone-g:before,.duotone-g:after,.duotone-p:before,.duotone-p:after,.duotone-gp:before,.duotone-gp:after{content:"";pointer-events:none;position:absolute;inset:0}.duotone-g:before,.duotone-p:before,.duotone-gp:before{mix-blend-mode:lighten}.duotone-g:after,.duotone-p:after,.duotone-gp:after{mix-blend-mode:darken}.duotone-g:before{background:var(--g900)}.duotone-g:after{background:var(--g100)}.duotone-p:before{background:var(--p900)}.duotone-p:after{background:var(--p100)}.duotone-gp:before{background:var(--g900)}.duotone-gp:after{background:var(--p200)}a{color:inherit}a:hover{color:var(--accent)}::selection{background:var(--g200);color:var(--ink)}:focus{outline:none}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.prose-col{max-width:68ch;margin-inline:auto}.sheet{max-width:1360px;margin-inline:auto;padding-inline:40px}@media (max-width:640px){.sheet{padding-inline:20px}}.case-layout{grid-template-columns:300px minmax(0,1fr);align-items:start;display:grid}.case-rail{border-right:2px solid var(--ink);align-self:start;padding:32px 40px 32px 0;position:sticky;top:24px}@media (max-width:1023px){.case-layout{display:block}.case-rail{border-right:0;margin-bottom:8px;padding:32px 0;position:static}}.flow{grid-template-columns:[prose-start]minmax(0,66ch)[prose-end margin-start]minmax(0,1fr)[margin-end];column-gap:48px;display:grid}.flow>*{grid-column:prose;min-width:0}.flow>.fig-wide{grid-column:prose-start/margin-end}@media (max-width:1279px){.flow{display:block}}.shell{max-width:1320px;margin-inline:auto;padding-inline:48px}@media (max-width:640px){.shell{padding-inline:20px}}.nav{border-bottom:2px solid var(--ink);align-items:center;gap:16px;padding:12px 48px;display:flex}.nav-brand{text-transform:uppercase;letter-spacing:.02em;color:inherit;margin-right:auto;font-size:18px;font-weight:800;text-decoration:none}.nav a{color:inherit;font-size:14px;text-decoration:none}.nav a:hover,.nav a[aria-current=page]{color:var(--accent)}@media (max-width:640px){.nav{gap:16px;padding-inline:20px}}.site-footer{background:var(--g900);color:var(--g100)}.site-footer .footer-email{text-transform:uppercase;letter-spacing:-.01em;font-size:28px;font-weight:800}.site-footer .footer-note{letter-spacing:.1em;text-transform:uppercase;color:var(--g200);font-size:12px;font-weight:600}.btn{cursor:pointer;color:var(--ink);background:0 0;border:2px solid #0000;border-radius:0;justify-content:flex-start;align-items:center;gap:6px;padding:12px 16px;font-size:14px;font-weight:800;line-height:1.2;text-decoration:none;display:inline-flex}.btn-primary{background:var(--g600);color:var(--paper);border-color:var(--g600)}.btn-secondary{border-color:var(--ink)}@media (hover:hover) and (pointer:fine){.btn{transition:background .16s,border-color .16s}.btn-primary:hover{background:var(--g700);border-color:var(--g700)}.btn-secondary:hover{background:var(--n200)}}.btn-primary:active{background:var(--g800);border-color:var(--g800)}.btn-secondary:active{background:var(--n300)}.tag{letter-spacing:.02em;white-space:nowrap;border-radius:0;align-items:center;padding:3px 10px;font-size:11px;display:inline-flex}.tag-outline{border:1px solid var(--accent);color:var(--accent)}.tag-neutral{background:var(--n200);color:var(--n800)}.card{background:var(--surface);color:inherit;border-radius:0;flex-direction:column;gap:8px;padding:16px;text-decoration:none;display:flex}.card-kicker{letter-spacing:.1em;text-transform:uppercase;color:var(--accent);font-size:10px}.card-title{font-size:17px;font-weight:800;line-height:1.2}.card-body{color:var(--n700);flex:1;margin:0;font-size:13px}.card-meta{color:var(--n600);align-items:center;gap:6px;font-size:11px;display:flex}@media (hover:hover) and (pointer:fine){a.card{transition:background .16s}a.card:hover{background:var(--n200)}a.card:hover .card-title{color:var(--accent)}}.fig-cap{letter-spacing:.08em;text-transform:uppercase;color:var(--ink);align-items:baseline;gap:12px;margin-top:10px;font-size:12px;font-weight:600;display:flex}@supports (color:color-mix(in lab, red, red)){.fig-cap{color:color-mix(in srgb, var(--ink) 55%, transparent)}}.fig-cap__desc{color:var(--n600)}.fig-cap__status{letter-spacing:.1em;text-transform:uppercase;color:var(--n500);font-size:11px;font-weight:700}.fig-cap__status--ready{color:var(--accent)}.fig-live{border:2px solid var(--ink);background:var(--paper)}.hatch{border:2px solid var(--ink);background:repeating-linear-gradient(45deg, transparent 0 14px, var(--ink) 14px 15px)}@supports (color:color-mix(in lab, red, red)){.hatch{background:repeating-linear-gradient(45deg, transparent 0 14px, color-mix(in srgb, var(--ink) 4%, transparent) 14px 15px)}}.hatch{justify-content:center;align-items:center;display:flex}.placeholder-note{border:2px dashed var(--n400);color:var(--n700);padding:14px 16px;font-size:13px}@media (hover:hover) and (pointer:fine){.work-row{transition:background .16s}.work-row:hover{background:var(--surface)}}.case-body{counter-reset:section}.case-body h2{counter-increment:section;letter-spacing:.14em;text-transform:uppercase;border-top:2px solid var(--ink);margin:56px 0 16px;padding-top:16px;font-size:15px;font-weight:800;line-height:1.12}.case-body h2:before{content:counter(section, decimal-leading-zero) "  ";color:var(--accent)}.case-body p,.case-body ul,.case-body ol{max-width:62ch;margin:0 0 16px;font-size:15px;line-height:1.62}.case-body>p:first-of-type{margin-top:24px;font-size:17px;line-height:1.55}.case-body ul{padding-left:20px;list-style:outside}.case-body ol{padding-left:22px;list-style:decimal}.case-body li{margin:0 0 8px}.case-body li::marker{color:var(--accent)}.case-body strong{font-weight:800}.case-body h3{letter-spacing:.12em;text-transform:uppercase;margin:36px 0 12px;padding-left:14px;font-size:13px;font-weight:800;position:relative}.case-body h3:before{content:"";background:var(--accent);width:8px;height:2px;position:absolute;top:.42em;left:0}.case-body code{letter-spacing:.02em;border:var(--hair);padding:3px 8px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px}.case-body table{border-collapse:collapse;font-variant-numeric:tabular-nums;width:max-content;max-width:100%;margin:0 0 24px;display:block;overflow-x:auto}.case-body th,.case-body td{text-align:left;vertical-align:top;border-bottom:var(--hair);padding:8px 20px 8px 0}.case-body th{letter-spacing:.12em;text-transform:uppercase;color:var(--n600);border-bottom:1px solid;font-size:11px;font-weight:800}.case-body td{font-size:13px;line-height:1.45}.case-body tbody td:first-child{white-space:nowrap;font-weight:600}.case-body aside p{font-size:inherit;max-width:none;margin:0;line-height:1.55}.case-head__top{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:16px;display:flex}.case-head__top .case-kicker{margin-bottom:0}.case-head__top+.case-title{margin-top:16px}[data-lang=zh] .case-title{text-transform:none;letter-spacing:.01em}[data-lang=zh] .case-body h2,[data-lang=zh] .case-body h3,[data-lang=zh] .case-body th{text-transform:none;letter-spacing:.04em}[data-lang=zh] .case-body p,[data-lang=zh] .case-body li{line-height:1.8}[data-lang=zh] .case-body td{line-height:1.6}[data-lang=zh] .fig-cap,[data-lang=zh] .fig-cap__status,[data-lang=zh] .case-kicker{text-transform:none;letter-spacing:.06em}:root{--dur-micro:.18s;--dur-struct:.52s;--ease-site:cubic-bezier(.2, .7, .2, 1);--hair:1px solid #0f212538;--grain:url(data:image/svg+xml,%3Csvg%20xmlns=%27http://www.w3.org/2000/svg%27%20width=%27160%27%20height=%27160%27%3E%3Cfilter%20id=%27g%27%3E%3CfeTurbulence%20type=%27fractalNoise%27%20baseFrequency=%270.9%27%20numOctaves=%274%27%20stitchTiles=%27stitch%27/%3E%3C/filter%3E%3Crect%20width=%27160%27%20height=%27160%27%20filter=%27url%28%23g%29%27/%3E%3C/svg%3E)}@supports (color:lab(0% 0 0)){:root{--hair:1px solid lab(11.4263% -6.55624 -5.35604/.22)}}@keyframes dashmove{to{stroke-dashoffset:-56px}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.3}}@media (prefers-reduced-motion:reduce){[data-dash],[data-pulse]{animation:none}}.om-dots{pointer-events:none;background-image:radial-gradient(var(--g400) 1px, transparent 1.2px);background-size:6px 6px;position:absolute;inset:0}.om-grain{pointer-events:none;background-image:var(--grain);background-size:170px 170px;position:absolute;inset:0}.om-media{background:linear-gradient(150deg,#003637 0%,#00283a 55%,#262446 100%);background:linear-gradient(150deg,lab(19.4418% -20.1225 -6.42987) 0%,lab(14.2202% -8.63995 -16.4904) 55%,lab(15.7116% 9.08034 -21.4964) 100%);position:relative;overflow:hidden}.hub-grid{grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:52px;display:grid}.hub-cards{grid-template-columns:1fr 1fr;gap:12px;margin-top:6px;display:grid}.hub-stage{display:flex}@media (max-width:1023px){.hub-grid{grid-template-columns:minmax(0,1fr)}.hub-cards{grid-template-columns:1fr}.hub-stage{display:none}}.hub-card{font:inherit;text-align:left;color:inherit;border:0;border-top:var(--hair);cursor:pointer;background:0 0;border-radius:0;flex-direction:column;gap:6px;padding:12px 2px 2px 0;text-decoration:none;display:flex;position:relative}@media (hover:hover) and (pointer:fine){.hub-card{transition:color var(--dur-micro) var(--ease-site), background var(--dur-micro) var(--ease-site)}.hub-card:hover{color:var(--accent)}}.figchip{font:inherit;letter-spacing:.1em;text-transform:uppercase;border:0;border-bottom:1px solid var(--g500);color:var(--accent);cursor:pointer;background:0 0;border-radius:0;padding:0 0 2px;font-size:10px;font-weight:700}@media (hover:hover) and (pointer:fine){.figchip{transition:color var(--dur-micro) var(--ease-site)}.figchip:hover{color:var(--accent-2)}}.lab-card{background:var(--paper);border-top:3px solid var(--lab-bar)}@media (hover:hover) and (pointer:fine){a.lab-card{transition:background var(--dur-micro) var(--ease-site)}a.lab-card:hover{background:var(--lab-hover)}a.lab-card:hover .card-title{color:inherit}}.log-row{border-top:var(--hair);grid-template-columns:110px 1fr;gap:14px;padding:11px 0;display:grid}@media (hover:hover) and (pointer:fine){.log-row{transition:background var(--dur-micro) var(--ease-site)}.log-row:hover{background:var(--g100)}}.lang-switch{border:var(--hair);background:var(--n200);border-radius:999px;align-items:stretch;padding:3px;display:inline-flex;position:relative}.lang-switch__thumb{background:var(--accent);border-radius:999px;width:calc(50% - 3px);position:absolute;top:3px;bottom:3px;left:3px}.lang-switch__thumb[data-at=zh]{transform:translate(100%)}.lang-switch__opt{z-index:1;min-width:54px;font:inherit;letter-spacing:.12em;color:var(--n600);cursor:pointer;background:0 0;border:0;flex:1 0 auto;padding:5px 12px;font-size:11px;font-weight:700;line-height:1.2;position:relative}.lang-switch__opt[aria-pressed=true]{color:var(--paper)}@media (hover:hover) and (pointer:fine){.lang-switch__thumb{transition:transform var(--dur-micro) var(--ease-site)}.lang-switch__opt{transition:color var(--dur-micro) var(--ease-site)}.lang-switch__opt:hover[aria-pressed=false]{color:var(--ink)}}@media (prefers-reduced-motion:reduce){.lang-switch__thumb{transition:none}}.log-band{border-bottom:var(--hair);grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:24px 40px;padding:18px 0 22px;display:grid}@media (max-width:1099px){.log-band{grid-template-columns:minmax(0,1fr)}}.log-band__filters{flex-direction:column;gap:2px;min-width:0;display:flex}.log-facet{grid-template-columns:76px minmax(0,1fr);align-items:baseline;gap:12px;display:grid}@media (max-width:640px){.log-facet{grid-template-columns:minmax(0,1fr);gap:0}}.log-facet__level{letter-spacing:.14em;text-transform:uppercase;color:var(--n500);padding-top:8px;font-size:10px;font-weight:700}.log-facet__opts{flex-wrap:wrap;align-items:center;gap:0 18px;min-width:0;display:flex}.log-facet__opts[data-scroll=true]{flex-wrap:nowrap}.log-facet__track{overscroll-behavior-x:contain;scroll-snap-type:x proximity;scrollbar-width:thin;scrollbar-color:var(--n400) transparent;flex:1;gap:0 18px;min-width:0;display:flex;overflow-x:auto}.log-facet__track>*{scroll-snap-align:start;flex:none}.log-facet__track::-webkit-scrollbar{height:4px}.log-facet__track::-webkit-scrollbar-thumb{background:var(--n400);border-radius:2px}.log-facet__track::-webkit-scrollbar-track{background:0 0}.log-band__readout{letter-spacing:.08em;text-transform:uppercase;min-height:1.4em;color:var(--n500);align-items:baseline;gap:14px;margin-top:6px;padding-left:88px;font-size:11px;font-weight:600;display:flex}@media (max-width:640px){.log-band__readout{padding-left:0}}.log-band__clear{font:inherit;color:var(--accent);cursor:pointer;background:0 0;border:0;border-bottom:1px solid;padding:0}.log-filter__opt{font:inherit;letter-spacing:.1em;text-transform:uppercase;color:var(--n600);cursor:pointer;white-space:nowrap;background:0 0;border:0;border-bottom:2px solid #0000;align-items:baseline;gap:6px;padding:6px 0;font-size:12px;font-weight:700;display:inline-flex}.log-filter__opt[aria-pressed=true]{color:var(--accent);border-bottom-color:var(--accent)}.log-filter__n{letter-spacing:.04em;font-variant-numeric:tabular-nums;color:var(--n500);font-size:11px;font-weight:600}.log-filter__opt[aria-pressed=true] .log-filter__n{color:var(--accent)}.log-filter__opt:disabled{opacity:.35;cursor:default}[lang=zh-Hans] .log-filter__opt,[lang=zh-Hans] .log-facet__level,[lang=zh-Hans] .log-band__readout,[lang=zh-Hans] .log-heat__title,[lang=zh-Hans] .log-heat__legend{text-transform:none}@media (hover:hover) and (pointer:fine){.log-filter__opt{transition:color var(--dur-micro) var(--ease-site), border-color var(--dur-micro) var(--ease-site)}.log-filter__opt:hover[aria-pressed=false]{color:var(--ink);border-bottom-color:var(--n400)}}@media (prefers-reduced-motion:reduce){.log-filter__opt{transition:none}}.log-heat{--heat-cell:11px;--heat-gap:3px;flex-direction:column;gap:8px;margin:0;display:flex}.log-heat__title{letter-spacing:.14em;text-transform:uppercase;color:var(--n500);font-size:10px;font-weight:700}.log-heat__scroll{padding-bottom:2px;overflow-x:auto}.log-heat__months,.log-heat__grid{grid-auto-flow:column;grid-auto-columns:var(--heat-cell);gap:var(--heat-gap);width:max-content;display:grid}.log-heat__months{letter-spacing:.1em;text-transform:uppercase;color:var(--n500);white-space:nowrap;margin-bottom:4px;font-size:9px;font-weight:700}.log-heat__week{grid-template-rows:repeat(7, var(--heat-cell));gap:var(--heat-gap);display:grid}.log-heat__cell{width:var(--heat-cell);height:var(--heat-cell);background:var(--ink);border:0;border-radius:2px;padding:0}@supports (color:color-mix(in lab, red, red)){.log-heat__cell{background:color-mix(in srgb, var(--ink) 8%, transparent)}}button.log-heat__cell{cursor:pointer}.log-heat__cell[data-level=void]{background:0 0}.log-heat__cell[data-level="1"]{background:var(--accent)}@supports (color:color-mix(in lab, red, red)){.log-heat__cell[data-level="1"]{background:color-mix(in srgb, var(--accent) 30%, transparent)}}.log-heat__cell[data-level="2"]{background:var(--accent)}@supports (color:color-mix(in lab, red, red)){.log-heat__cell[data-level="2"]{background:color-mix(in srgb, var(--accent) 52%, transparent)}}.log-heat__cell[data-level="3"]{background:var(--accent)}@supports (color:color-mix(in lab, red, red)){.log-heat__cell[data-level="3"]{background:color-mix(in srgb, var(--accent) 76%, transparent)}}.log-heat__cell[data-level="4"]{background:var(--accent)}.log-heat__cell[data-dim=true]{opacity:.28}.log-heat__legend{letter-spacing:.1em;text-transform:uppercase;color:var(--n500);align-items:center;gap:4px;font-size:9px;font-weight:700;display:flex}@media (hover:hover) and (pointer:fine){button.log-heat__cell{transition:outline-color var(--dur-micro) var(--ease-site);outline-offset:1px;outline:1px solid #0000}button.log-heat__cell:hover{outline-color:var(--ink)}}.log-entry[data-flash=true]{background:var(--accent)}@supports (color:color-mix(in lab, red, red)){.log-entry[data-flash=true]{background:color-mix(in srgb, var(--accent) 12%, transparent)}}.log-entry[data-flash=true]{box-shadow:inset 3px 0 0 var(--accent)}@media (prefers-reduced-motion:no-preference){.log-entry{transition:background .48s var(--ease-site)}}.log-month{letter-spacing:.16em;text-transform:uppercase;color:var(--n600);align-items:center;gap:14px;margin:0;padding:44px 0 6px;font-size:11px;font-weight:700;display:flex}.log-month:after{content:"";border-top:var(--hair);flex:1}.log-entry{border-top:var(--hair);grid-template-columns:1fr;gap:10px;padding:16px 0;display:grid}.log-entry:first-of-type{border-top:0}.log-entry__meta{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.log-entry__date{letter-spacing:-.01em;font-variant-numeric:tabular-nums;font-size:20px;font-weight:800;line-height:1}.log-entry__tags{flex-wrap:wrap;gap:6px;display:flex}.log-entry__toggle{width:100%;max-width:70ch;font:inherit;color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;justify-content:space-between;align-items:flex-start;gap:20px;padding:0;display:flex}.log-entry__lead{color:var(--ink);margin:0;font-size:16px;font-weight:650;line-height:1.45}.log-entry__chev{color:var(--n500);flex:none;margin-top:3px;line-height:0}.log-entry[data-open=true] .log-entry__chev{color:var(--accent);transform:rotate(180deg)}@media (hover:hover) and (pointer:fine){.log-entry__chev{transition:transform var(--dur-micro) var(--ease-site), color var(--dur-micro) var(--ease-site)}.log-entry__toggle:hover .log-entry__lead,.log-entry__toggle:hover .log-entry__chev{color:var(--accent)}}.log-entry__panel{transition:grid-template-rows .24s var(--ease-site);grid-template-rows:0fr;display:grid;overflow:hidden}.log-entry__panel[data-open=true]{grid-template-rows:1fr}.log-entry__panelInner{min-height:0}.log-entry__body{max-width:66ch;color:var(--n700);margin:0;padding:10px 0 2px;font-size:14.5px;line-height:1.7}@media (prefers-reduced-motion:reduce){.log-entry__panel,.log-entry__chev{transition:none}}.log-entry__body[data-lang=zh]{letter-spacing:.01em;max-width:40em;line-height:1.85}.log-entry__body>*{margin:0 0 .9em}.log-entry__body>:last-child{margin-bottom:0}.log-entry__body p{white-space:pre-line}.log-entry__body h3,.log-entry__body h4{letter-spacing:.06em;text-transform:uppercase;color:var(--n800);margin:1.4em 0 .5em;font-size:13px;font-weight:700}.log-entry__body h4{text-transform:none;letter-spacing:.02em;color:var(--n700)}.log-entry__body ul,.log-entry__body ol{padding-left:1.4em}.log-entry__body ul{list-style:outside}.log-entry__body ol{list-style:decimal}.log-entry__body li{margin:0 0 .35em}.log-entry__body ul li::marker{color:var(--accent)}.log-entry__body code{background:var(--n200);border-radius:3px;padding:1px 5px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.9em}.log-entry__body pre{border:var(--hair);border-left:2px solid var(--accent);background:var(--surface);padding:12px 14px;font-size:12.5px;line-height:1.55;overflow-x:auto}.log-entry__body pre code{background:0 0;padding:0}.log-fig,.log-table{margin:1.2em 0}.log-fig img{border:var(--hair);max-width:100%;height:auto;display:block}.log-fig figcaption,.log-table figcaption{color:var(--n600);margin-top:8px;font-size:12px;line-height:1.5}.log-table__scroll{overflow-x:auto}.log-table table{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%;font-size:13px}.log-table th,.log-table td{text-align:left;vertical-align:top;border-bottom:var(--hair);padding:7px 12px 7px 0}.log-table th{letter-spacing:.08em;text-transform:uppercase;color:var(--n600);white-space:nowrap;font-size:11px;font-weight:700}@media (min-width:768px){.log-entry{grid-template-columns:150px 1fr;gap:36px;padding:20px 0}.log-entry__meta{flex-direction:column;align-items:flex-start;gap:12px}}.rail-btn{font:inherit;cursor:pointer;color:inherit;background:0 0;border:0;align-items:center;gap:8px;padding:4px 2px;display:flex}.hub-footer-email{color:var(--g100);text-decoration:none}@media (hover:hover) and (pointer:fine){.hub-footer-email{transition:color var(--dur-micro) var(--ease-site)}.hub-footer-email:hover{color:var(--p300)}}.pg-dark{--paper:#002633;--surface:#ebf2da0d;--ink:#ebf2da;--graphite:#88af9d;--hairline:#ebf2da40;--hair:1px solid #ebf2da40;--accent:#7ab27b;--accent-2:#c9bff4;--n300:#425b59;--n400:#628279;--n500:#779c8e;--n600:#88af9d;--n700:#acceba;--n800:#cae6d3;--n200:#ebf2da14;color:var(--ink);z-index:0;position:relative}@supports (color:lab(0% 0 0)){.pg-dark{--paper:lab(13.1679% -9.78877 -12.8535);--surface:lab(94.5339% -5.35929 10.6401/.05);--ink:lab(94.5339% -5.35929 10.6401);--graphite:lab(68.1906% -16.6333 4.79772);--hairline:lab(94.5339% -5.35929 10.6401/.25);--hair:1px solid lab(94.5339% -5.35929 10.6401/.25);--accent:lab(67.5908% -27.4144 21.9731);--accent-2:lab(79.4313% 11.8886 -25.2295);--n300:lab(36.5424% -10.0409 -2.05105);--n400:lab(51.7983% -13.6944 1.20448);--n500:lab(61.156% -15.2509 2.84257);--n600:lab(68.1906% -16.6333 4.79772);--n700:lab(79.7273% -14.5143 5.75837);--n800:lab(88.9391% -12.4108 6.36017);--n200:lab(94.5339% -5.35929 10.6401/.08)}}.ground-plane{z-index:-1;pointer-events:none;background:linear-gradient(160deg,#002d30 0%,#012332 55%,#20203c 100%);background:linear-gradient(160deg,lab(15.8199% -16.2333 -6.65019) 0%,lab(11.9032% -7.4717 -13.7) 55%,lab(13.5635% 6.59601 -18.3035) 100%);position:fixed;inset:0}.ground-plane:before{content:"";opacity:.14;background-image:radial-gradient(#7ab27b 1px,#0000 1.2px);background-image:radial-gradient(lab(67.5908% -27.4144 21.9731) 1px,#0000 1.2px);background-size:6px 6px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(115deg,#000 0%,#0000 40%);mask-image:linear-gradient(115deg,#000 0%,#0000 40%)}.ground-plane:after{content:"";background-image:var(--grain);opacity:.1;mix-blend-mode:overlay;background-size:170px 170px;position:absolute;inset:0}.pg-dark a{color:var(--accent)}.pg-dark a:hover{color:var(--accent-2)}.pg-dark ::selection{color:#ebf2da;color:lab(94.5339% -5.35929 10.6401);background:#005b4d;background:lab(33.8389% -31.1838 .939459)}.pg-dark .case-body h2{border-top:var(--hair);position:relative}.pg-dark .case-body h2:after{content:"";background:var(--accent);width:26px;height:3px;position:absolute;top:-2px;left:0}.case-body h2:first-of-type{max-width:62ch;margin-top:64px}.pg-dark .case-rail{border-right:var(--hair)}.pg-dark .hatch{border:var(--hair)}.pg-dark .fig-live{border:var(--hair);background:#eff1ea;background:lab(94.874% -1.4469 3.0216)}.pg-dark .placeholder-note{border:1px dashed var(--accent)}@supports (color:color-mix(in lab, red, red)){.pg-dark .placeholder-note{border:1px dashed color-mix(in srgb, var(--accent) 45%, transparent)}}.concept-grid{background:var(--hairline);grid-template-columns:1fr;gap:1px;display:grid}@media (min-width:640px){.concept-grid{grid-template-columns:1fr 1fr}}.concept-grid .card{gap:6px;padding:12px}.fig-pair>figure{margin:0}.pg-dark .card-body{color:var(--ink)}@supports (color:color-mix(in lab, red, red)){.pg-dark .card-body{color:color-mix(in srgb, var(--ink) 80%, transparent)}}.case-head{border-bottom:var(--hair);padding:64px 0 40px}.case-kicker{letter-spacing:.14em;text-transform:uppercase;color:var(--n600);margin:0 0 16px;font-size:13px;font-weight:600}.case-title{letter-spacing:-.02em;text-transform:uppercase;max-width:16ch;margin:0;font-size:clamp(36px,6vw,72px);font-weight:800;line-height:.98}.case-rule{margin:16px 0 0;display:block;overflow:visible}.case-lede{max-width:56ch;margin:24px 0 0;font-size:19px;line-height:1.5}.case-content{padding-top:32px}.case-hero-fig{margin:0 0 40px}.case-layout{--case-hero-budget:523px}:root{--lab-ctl-w:188px}@media (max-height:960px) and (min-width:1024px){.case-head{padding:36px 0 24px}.case-title{font-size:clamp(34px,4.4vw,54px)}.case-rule{margin-top:12px}.case-lede{margin-top:18px;font-size:17px}.case-content{padding-top:20px}.case-layout{--case-hero-budget:412px}}@media (min-width:1024px){.case-hero{max-width:calc((100svh - var(--case-hero-budget)) * 3 / 2)}.case-hero--live{max-width:calc((100svh - var(--case-hero-budget)) * 700 / 520 + var(--lab-ctl-w));max-height:calc(100svh - var(--case-hero-budget))}@media (max-height:830px){.lab-ctl__hint{display:none}.lab-wrap--side .lab-ctl{padding:12px 12px 13px}.lab-wrap--side .lab-ctl .grp{gap:7px;margin-top:11px;padding-top:11px}}}.case-hero{aspect-ratio:3/2;background:linear-gradient(150deg,#003637 0%,#00283a 55%,#262446 100%);background:linear-gradient(150deg,lab(19.4418% -20.1225 -6.42987) 0%,lab(14.2202% -8.63995 -16.4904) 55%,lab(15.7116% 9.08034 -21.4964) 100%);justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.case-hero--live{aspect-ratio:auto;display:block}.nav-dark{color:#ebf2da;color:lab(94.5339% -5.35929 10.6401);background:0 0;border-bottom:1px solid #ebf2da40;border-bottom:1px solid lab(94.5339% -5.35929 10.6401/.25)}.nav-dark .nav-brand,.nav-dark a{color:#ebf2da;color:lab(94.5339% -5.35929 10.6401)}.nav-dark a:hover,.nav-dark a[aria-current=page]{color:#7ab27b;color:lab(67.5908% -27.4144 21.9731)}.site-footer--deep{color:#ebf2da;color:lab(94.5339% -5.35929 10.6401);background:linear-gradient(104deg,#003637 0%,#00283a 55%,#262446 100%);background:linear-gradient(104deg,lab(19.4418% -20.1225 -6.42987) 0%,lab(14.2202% -8.63995 -16.4904) 55%,lab(15.7116% 9.08034 -21.4964) 100%);position:relative;overflow:hidden}.site-footer--deep:before,.site-footer--deep:after{content:"";pointer-events:none;position:absolute;inset:0}.site-footer--deep:before{opacity:.26;background-image:radial-gradient(#7ab27b 1px,#0000 1.2px);background-image:radial-gradient(lab(67.5908% -27.4144 21.9731) 1px,#0000 1.2px);background-size:6px 6px;-webkit-mask-image:linear-gradient(92deg,#000 0%,#0000 55%);mask-image:linear-gradient(92deg,#000 0%,#0000 55%)}.site-footer--deep:after{background-image:var(--grain);opacity:.1;mix-blend-mode:overlay;background-size:170px 170px}.site-footer--deep>*{z-index:1;position:relative}.site-footer--deep .footer-note{color:#ebf2da;color:lab(94.5339% -5.35929 10.6401)}.pt-veil{z-index:200;pointer-events:none;background:linear-gradient(160deg,#002d30 0%,#012332 55%,#20203c 100%);background:linear-gradient(160deg,lab(15.8199% -16.2333 -6.65019) 0%,lab(11.9032% -7.4717 -13.7) 55%,lab(13.5635% 6.59601 -18.3035) 100%);position:fixed;inset:0}.pt-veil:after{content:"";opacity:.26;background-image:radial-gradient(#7ab27b 1px,#0000 1.2px);background-image:radial-gradient(lab(67.5908% -27.4144 21.9731) 1px,#0000 1.2px);background-size:6px 6px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(150deg,#000 0%,#0000 55%);mask-image:linear-gradient(150deg,#000 0%,#0000 55%)}@keyframes pt-reveal{to{filter:blur();transform:scale(1)}}.pt-enter{animation:pt-reveal var(--dur-struct) var(--ease-site) 80ms backwards}@media (prefers-reduced-motion:reduce){.pt-enter{animation:none}}.lab-wrap{color:var(--ink);width:100%;position:relative}.lab-wrap.on-light{--paper:#031d2b;--surface:#ebf2da0d;--ink:#ebf2da;--accent:#7ab27b;--accent-2:#c9bff4;--n300:#425b59;--n400:#628279;--n500:#779c8e;--n600:#88af9d;--n700:#acceba;color:var(--ink)}@supports (color:lab(0% 0 0)){.lab-wrap.on-light{--paper:lab(9.54299% -5.90988 -12.4653);--surface:lab(94.5339% -5.35929 10.6401/.05);--ink:lab(94.5339% -5.35929 10.6401);--accent:lab(67.5908% -27.4144 21.9731);--accent-2:lab(79.4313% 11.8886 -25.2295);--n300:lab(36.5424% -10.0409 -2.05105);--n400:lab(51.7983% -13.6944 1.20448);--n500:lab(61.156% -15.2509 2.84257);--n600:lab(68.1906% -16.6333 4.79772);--n700:lab(79.7273% -14.5143 5.75837)}}.lab-wrap.on-light .lab-fig{background:#031d2b;background:lab(9.54299% -5.90988 -12.4653);border:1px solid #ebf2da40;border:1px solid lab(94.5339% -5.35929 10.6401/.25)}.lab-fig{width:100%;position:relative}.lab-fig svg,.lab-fig canvas{touch-action:none;cursor:grab;-webkit-user-select:none;user-select:none;width:100%;display:block}.lab-fig canvas{aspect-ratio:700/520;position:relative}.lab-fig svg:active,.lab-fig canvas:active{cursor:grabbing}.lab-hud{pointer-events:none;text-transform:uppercase;letter-spacing:.1em;font-size:11px;font-weight:700;line-height:1.75;position:absolute}.lab-hud.tl{top:16px;left:20px}.lab-hud.br{text-align:right;font-variant-numeric:tabular-nums;bottom:14px;right:20px}.lab-hud.bl{max-width:44%;bottom:14px;left:20px}.lab-hud .dim{opacity:.55;font-weight:600}.lab-hud .num{letter-spacing:.04em;font-size:15px;font-weight:800}.lab-ctl{border-top:1px solid var(--ink);flex-wrap:wrap;justify-content:center;align-items:center;row-gap:9px;padding:11px 10px 12px;display:flex}@supports (color:color-mix(in lab, red, red)){.lab-ctl{border-top:1px solid color-mix(in srgb, var(--ink) 18%, transparent)}}.lab-ctl{letter-spacing:.09em;text-transform:uppercase;color:var(--ink);font-size:10px;font-weight:700}.lab-ctl .grp{border-left:1px solid var(--ink);align-items:center;gap:10px;padding:0 16px;display:flex}@supports (color:color-mix(in lab, red, red)){.lab-ctl .grp{border-left:1px solid color-mix(in srgb, var(--ink) 14%, transparent)}}.lab-wrap--side{border:1px solid var(--ink);align-items:stretch;display:flex}@supports (color:color-mix(in lab, red, red)){.lab-wrap--side{border:1px solid color-mix(in srgb, var(--ink) 18%, transparent)}}.lab-wrap--side .lab-fig{flex:auto;min-width:0}.lab-wrap--side .lab-ctl{flex:0 0 var(--lab-ctl-w);width:var(--lab-ctl-w);border-top:none;border-left:1px solid var(--ink);flex-flow:column;justify-content:flex-start;align-items:flex-start;row-gap:0;padding:14px 14px 16px}@supports (color:color-mix(in lab, red, red)){.lab-wrap--side .lab-ctl{border-left:1px solid color-mix(in srgb, var(--ink) 18%, transparent)}}.lab-wrap--side .lab-ctl{overflow-y:auto}.lab-wrap--side .lab-ctl .grp{border-left:none;border-top:1px solid var(--ink);flex-direction:column;align-items:flex-start;gap:9px;width:100%;margin-top:13px;padding:13px 0 0}@supports (color:color-mix(in lab, red, red)){.lab-wrap--side .lab-ctl .grp{border-top:1px solid color-mix(in srgb, var(--ink) 14%, transparent)}}.lab-wrap--side .lab-ctl .grp:first-child{border-top:none;margin-top:0;padding-top:0}.lab-wrap--side .lab-ctl .k{opacity:1;width:100%;color:var(--ink);justify-content:space-between;align-items:baseline;gap:8px;display:flex}@supports (color:color-mix(in lab, red, red)){.lab-wrap--side .lab-ctl .k{color:color-mix(in srgb, var(--ink) 45%, transparent)}}.lab-wrap--side .lab-ctl .k .v{font-variant-numeric:tabular-nums;color:var(--accent);font-weight:700}.lab-wrap--side .lab-ctl input[type=range]{width:100%}.lab-wrap--side .lab-ctl .seg{grid-template-columns:1fr 1fr;gap:5px;width:100%;display:grid}.lab-wrap--side .lab-ctl .seg button{text-align:center;border-right-width:1px;padding:5px 4px}.lab-wrap--side .lab-ctl .seg button.alt{color:var(--ink)}@supports (color:color-mix(in lab, red, red)){.lab-wrap--side .lab-ctl .seg button.alt{color:color-mix(in srgb, var(--ink) 62%, transparent)}}.lab-wrap--side .lab-ctl .seg button.alt{border-color:var(--ink)}@supports (color:color-mix(in lab, red, red)){.lab-wrap--side .lab-ctl .seg button.alt{border-color:color-mix(in srgb, var(--ink) 22%, transparent)}}.lab-ctl__hint{border-top:1px solid var(--ink);margin:18px 0 0;padding-top:12px}@supports (color:color-mix(in lab, red, red)){.lab-ctl__hint{border-top:1px solid color-mix(in srgb, var(--ink) 14%, transparent)}}.lab-ctl__hint{letter-spacing:.08em;text-transform:uppercase;width:100%;color:var(--ink);font-size:9px;font-weight:600;line-height:1.6}@supports (color:color-mix(in lab, red, red)){.lab-ctl__hint{color:color-mix(in srgb, var(--ink) 40%, transparent)}}.lab-ctl .grp:first-child{border-left:none}.lab-ctl label{cursor:pointer;white-space:nowrap;align-items:center;gap:7px;display:flex}.lab-ctl .k{opacity:.5;white-space:nowrap;flex-shrink:0;font-weight:600}.lab-ctl button{font:inherit;color:var(--ink);border:1px solid var(--ink);background:0 0;font-weight:700}@supports (color:color-mix(in lab, red, red)){.lab-ctl button{border:1px solid color-mix(in srgb, var(--ink) 32%, transparent)}}.lab-ctl button{cursor:pointer;letter-spacing:.09em;text-transform:uppercase;white-space:nowrap;border-radius:0;padding:5px 13px;transition:background .12s,color .12s,border-color .12s}.lab-ctl button:hover{border-color:var(--accent);color:var(--accent);background:var(--accent)}@supports (color:color-mix(in lab, red, red)){.lab-ctl button:hover{background:color-mix(in srgb, var(--accent) 10%, transparent)}}.lab-ctl button:active{background:var(--accent)}@supports (color:color-mix(in lab, red, red)){.lab-ctl button:active{background:color-mix(in srgb, var(--accent) 22%, transparent)}}.lab-ctl button.active{background:var(--accent);color:var(--paper);border-color:var(--accent)}.lab-ctl .seg{display:flex}.lab-ctl .seg button{border-right-width:0}.lab-ctl .seg button:last-child{border-right-width:1px}.lab-ctl input[type=range]{appearance:none;cursor:pointer;background:0 0;width:110px;height:20px;margin:0}.lab-ctl input[type=range]::-webkit-slider-runnable-track{background:var(--ink);height:2px}@supports (color:color-mix(in lab, red, red)){.lab-ctl input[type=range]::-webkit-slider-runnable-track{background:color-mix(in srgb, var(--ink) 28%, transparent)}}.lab-ctl input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--accent);border:none;border-radius:0;width:11px;height:11px;margin-top:-4.5px}.lab-ctl input[type=range]::-moz-range-track{background:var(--ink);height:2px}@supports (color:color-mix(in lab, red, red)){.lab-ctl input[type=range]::-moz-range-track{background:color-mix(in srgb, var(--ink) 28%, transparent)}}.lab-ctl input[type=range]::-moz-range-thumb{background:var(--accent);border:none;border-radius:0;width:11px;height:11px}.lab-ctl input[type=checkbox]{appearance:none;border:1px solid var(--ink);width:11px;height:11px}@supports (color:color-mix(in lab, red, red)){.lab-ctl input[type=checkbox]{border:1px solid color-mix(in srgb, var(--ink) 45%, transparent)}}.lab-ctl input[type=checkbox]{cursor:pointer;background:0 0;border-radius:0;margin:0;transition:background .12s}.lab-ctl input[type=checkbox]:checked{background:var(--accent);border-color:var(--accent)}@media (max-width:620px){.lab-hud.bl{display:none}}.lab-fig .grid-dot{fill:var(--ink)}@supports (color:color-mix(in lab, red, red)){.lab-fig .grid-dot{fill:color-mix(in srgb, var(--ink) 100%, transparent)}}.lab-fig .grid-dot{opacity:.11}.lab-fig .bar{stroke:var(--ink);stroke-width:3px;stroke-linecap:square}.lab-fig .plate{fill:var(--accent)}@supports (color:color-mix(in lab, red, red)){.lab-fig .plate{fill:color-mix(in srgb, var(--accent) 10%, transparent)}}.lab-fig .plate{stroke:var(--ink)}@supports (color:color-mix(in lab, red, red)){.lab-fig .plate{stroke:color-mix(in srgb, var(--ink) 32%, transparent)}}.lab-fig .plate{stroke-width:1.2px}.lab-fig .trace{fill:none;stroke:var(--accent);stroke-width:2px;opacity:.95}.lab-fig .frame-line{stroke:var(--ink)}@supports (color:color-mix(in lab, red, red)){.lab-fig .frame-line{stroke:color-mix(in srgb, var(--ink) 30%, transparent)}}.lab-fig .frame-line{stroke-width:1.4px}.lab-fig .decor{fill:none;stroke:var(--ink)}@supports (color:color-mix(in lab, red, red)){.lab-fig .decor{stroke:color-mix(in srgb, var(--ink) 25%, transparent)}}.lab-fig .decor{stroke-width:1px;stroke-dasharray:4 5}.lab-fig .slot{stroke:var(--ink)}@supports (color:color-mix(in lab, red, red)){.lab-fig .slot{stroke:color-mix(in srgb, var(--ink) 40%, transparent)}}.lab-fig .slot{stroke-width:3px;stroke-linecap:round}.lab-fig .ground{fill:none;stroke:var(--ink)}@supports (color:color-mix(in lab, red, red)){.lab-fig .ground{stroke:color-mix(in srgb, var(--ink) 55%, transparent)}}.lab-fig .ground{stroke-width:1.2px}.lab-fig .joint-pin,.lab-fig .joint-fixed{fill:var(--ink)}.lab-fig .joint-free,.lab-fig .joint-handle{fill:var(--paper);stroke:var(--ink);stroke-width:2.2px}.lab-fig .joint-tip{fill:var(--accent);stroke:var(--paper);stroke-width:2.2px}.lab-fig .label{letter-spacing:.06em;fill:var(--ink);font-size:11px;font-weight:700}@supports (color:color-mix(in lab, red, red)){.lab-fig .label{fill:color-mix(in srgb, var(--ink) 70%, transparent)}}.lab-fig .dim{fill:var(--ink);font-size:9.5px;font-weight:600}@supports (color:color-mix(in lab, red, red)){.lab-fig .dim{fill:color-mix(in srgb, var(--ink) 42%, transparent)}}.lab-fig .dim{font-variant-numeric:tabular-nums}@keyframes stage-cap-in{0%{opacity:0;transform:translateY(4px)}}.stage-cap{animation:stage-cap-in var(--dur-struct) var(--ease-site)}@media (prefers-reduced-motion:reduce){.stage-cap{animation:none}}.lab-section{grid-template-columns:300px minmax(0,1fr);gap:44px;display:grid}@media (max-width:1023px){.lab-section{grid-template-columns:minmax(0,1fr);gap:24px}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-ordinal{syntax:"*";inherits:false}@property --tw-slashed-zero{syntax:"*";inherits:false}@property --tw-numeric-figure{syntax:"*";inherits:false}@property --tw-numeric-spacing{syntax:"*";inherits:false}@property --tw-numeric-fraction{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}