/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
@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-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}}}@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;--spacing:.25rem;--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)}}@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{.collapse{visibility:collapse}.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.start{inset-inline-start:var(--spacing)}.end{inset-inline-end:var(--spacing)}.container{width:100%}@media (width>=40rem){.container{max-width:40rem}}@media (width>=48rem){.container{max-width:48rem}}@media (width>=64rem){.container{max-width:64rem}}@media (width>=80rem){.container{max-width:80rem}}@media (width>=96rem){.container{max-width:96rem}}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.table{display:table}.grow{flex-grow:1}.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}.rounded{border-radius:.25rem}.border{border-style:var(--tw-border-style);border-width:1px}.lowercase{text-transform:lowercase}.uppercase{text-transform:uppercase}.ordinal{--tw-ordinal:ordinal;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}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.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))}.block-0{block-size:calc(var(--spacing) * 0)}}:root{--paper:#f2f2ef;--surface:#fff;--stone:#e5e6e2;--ink:#151614;--body:#30322f;--meta:#6c706a;--accent:#a44738;--accent-deep:#7c3129;--accent-tint:#f1e7e4;--dark:#191a18;--on-dark:#f5f5f1;--seal-light:#e6a99d;--dot:#15161433;--soft-line:#15161424;--relation-color:#a4473880;--soft-shadow:0 16px 36px #1516141f;--image-placeholder:#e7e8e4;--image-placeholder-highlight:#ffffffb8;--site-layer-content:0;--site-layer-local-media:0;--site-layer-local-overlay:1;--site-layer-local-content:2;--site-layer-sticky:40;--site-layer-navigation:100;--site-layer-popover:200;--site-layer-accessibility:300;--mono:var(--font-geist-mono), "SFMono-Regular", Consolas, monospace;--sans:var(--font-geist-sans), Inter, "Noto Sans SC", "PingFang SC", "Microsoft YaHei", sans-serif;--serif:ui-serif, "Noto Serif SC", "Source Han Serif SC", "Songti SC", Georgia, serif;--ease:cubic-bezier(.2, 0, 0, 1)}*{box-sizing:border-box}html{background:var(--paper);scroll-behavior:smooth;min-width:320px;scroll-padding-top:calc(var(--site-header-height,102px) + 16px);scrollbar-gutter:stable}body{background:var(--paper);min-width:320px;min-height:100vh;color:var(--ink);font-family:var(--sans);font-synthesis:none;text-rendering:optimizelegibility;margin:0}button,a{font:inherit}button{color:inherit}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--accent);outline-offset:4px}::selection{background:var(--accent);color:#fff}.skip-link{z-index:var(--site-layer-accessibility);background:var(--ink);color:#fff;font:700 12px/1 var(--mono);padding:10px 13px;position:fixed;top:10px;left:10px;transform:translateY(-160%)}.skip-link:focus{transform:translateY(0)}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.tech-blog{min-height:calc(100svh - var(--site-header-height,102px))}.site-page-shell img:not([data-image-placeholder=none]){background-color:var(--image-placeholder)}.site-page-shell img[data-image-state=loading][data-image-near=true]:not([data-image-placeholder=static]):not([data-image-placeholder=none]){background-image:linear-gradient(104deg, transparent 24%, var(--image-placeholder-highlight) 43%, transparent 62%);animation:site-image-placeholder-shift 1.15s var(--ease) infinite;background-position:160% 0;background-size:220% 100%}.site-page-shell img[data-image-state=loaded],.site-page-shell img[data-image-placeholder=none]{background-color:#0000;background-image:none;animation:none}.site-page-shell img[data-image-state=error]{background-image:none;animation:none}@keyframes site-image-placeholder-shift{to{background-position:-160% 0}}@media (prefers-reduced-motion:reduce){.site-page-shell img[data-image-state=loading]{background-image:none;animation:none}}.blog-header{z-index:var(--site-layer-navigation);border-bottom:1px solid var(--soft-line);background:var(--paper);height:64px;box-shadow:none;position:sticky;top:0}.blog-header-inner{grid-template-columns:1fr auto 1fr;align-items:center;width:min(1180px,100% - 56px);height:100%;margin:0 auto;display:grid}.blog-brand{min-height:44px;font-family:var(--mono);justify-self:start;align-items:center;display:inline-flex}.blog-brand>span{background:var(--dark);width:31px;height:31px;color:var(--on-dark);place-items:center;margin-right:11px;font-size:11px;font-weight:750;display:grid}.blog-brand strong{letter-spacing:.08em;font-size:13px}.blog-brand em{color:var(--meta);margin-left:8px;font-size:11px;font-style:normal}.blog-nav{align-self:stretch;align-items:stretch;gap:8px;display:flex}.blog-nav a{min-width:58px;min-height:44px;color:var(--body);place-items:center;padding:0 10px;font-size:13px;font-weight:680;transition:color .14s;display:grid;position:relative}.blog-nav a:after{content:"";background-image:radial-gradient(circle, var(--accent) 1.4px, transparent 1.6px);opacity:0;height:3px;transition:opacity .14s ease, transform .14s var(--ease);background-position:50%;background-size:7px 3px;position:absolute;bottom:9px;left:14px;right:14px;transform:translateY(3px)}.blog-nav a:hover:after,.blog-nav a[aria-current=page]:after{opacity:1;transform:translateY(0)}.header-actions{justify-self:end;align-items:center;gap:18px;display:flex}.header-post-count{color:var(--meta);font:650 10px/1 var(--mono);letter-spacing:.1em}.language-switch{min-width:44px;height:44px;color:var(--ink);font:750 11px/1 var(--mono);background:0 0;border:1px solid #15161457;place-items:center;padding:0 8px;transition:border-color .14s,color .14s,background-color .14s;display:grid}.blog-shell,.article-shell{width:min(1180px,100% - 56px);margin:0 auto}.masthead{grid-template-columns:minmax(0,.86fr) minmax(430px,1.14fr);align-items:start;gap:80px;padding:72px 0 86px;display:grid}.hero-intro{padding-top:12px}.hero-kicker{align-items:center;gap:18px;margin-bottom:31px;display:flex}.hero-kicker p{color:var(--body);font:700 10px/1.4 var(--mono);letter-spacing:.09em;text-transform:uppercase;margin:0}.dot-matrix-brand{background-image:radial-gradient(circle, var(--dot) 1.55px, transparent 1.7px);background-position:0 0;background-size:11px 11px;flex:none;width:68px;height:42px;display:block;position:relative}.dot-matrix-brand:before,.dot-matrix-brand:after{background:var(--accent);content:"";border-radius:50%;width:4px;height:4px;position:absolute}.dot-matrix-brand:before{top:11px;left:22px}.dot-matrix-brand:after{bottom:5px;right:9px}.masthead .hero-journal-title,.tech-blog[lang=en] .masthead .hero-journal-title{letter-spacing:-.035em;max-width:430px;margin:0;font-size:24px;font-weight:740;line-height:1.25}.masthead-intro{max-width:570px;color:var(--body);margin:27px 0 0;font-size:16px;line-height:1.8}.hero-status{color:var(--meta);font:650 10px/1.4 var(--mono);letter-spacing:.08em;text-transform:uppercase;align-items:center;gap:9px;margin-top:30px;display:flex}.hero-status i{background:var(--accent);border-radius:50%;width:7px;height:7px}.hero-map-panel{min-width:0;padding-top:6px}.hero-map-eyebrow{color:var(--accent-deep);font:750 10px/1.4 var(--mono);letter-spacing:.09em;text-transform:uppercase;margin:0 0 13px}.hero-map-intro{max-width:430px;color:var(--body);margin:13px 0 0;font-size:15px;line-height:1.7}.hero-map-coordinate{width:min(100%,330px);color:var(--meta);font:700 9.5px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;justify-content:space-between;align-items:center;margin-top:31px;display:flex}.article-map{isolation:isolate;grid-template-columns:repeat(7,44px);width:max-content;margin-top:13px;display:grid;position:relative}.article-map-canvas{z-index:0;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.matrix-cell,.article-map-point{z-index:1;place-items:center;width:44px;height:44px;padding:0;display:grid;position:relative}.matrix-cell:before{background:var(--ink);content:"";opacity:.07;width:5px;height:5px;transition:opacity .16s ease, transform .18s var(--ease);border-radius:50%}.article-map-point{cursor:pointer;background:0 0;border:0}.article-map-point i{background:var(--ink);width:8px;height:8px;transition:background-color .15s ease, transform .18s var(--ease), box-shadow .18s ease;border-radius:50%;display:block}.article-map-point:after{content:"";width:22px;height:22px;transition:border-color .15s ease, transform .18s var(--ease);border:1px solid #0000;border-radius:50%;position:absolute;transform:scale(.45)}.article-map-point:hover i,.article-map-point:focus-visible i{background:var(--accent);transform:scale(1.55)}.article-map-point[data-state=idle] i{opacity:.34}.article-map-point[data-state=related] i{background:var(--ink);box-shadow:none;opacity:1;transform:scale(1.15)}.article-map-point[data-state=related]:after{border-color:#0000;transform:scale(.45)}.article-map-point[data-state=active] i{background:var(--accent);transform:scale(1.35);box-shadow:0 0 0 6px #a4473824}.article-map-point[data-state=active]:after{animation:map-point-in .62s var(--ease) both;border-color:#a4473875;transform:scale(1)}.article-map:has(.article-map-point:hover) .matrix-cell:before{opacity:.035;transform:scale(.86)}.hero-map-hint{color:var(--meta);font:600 9.5px/1.5 var(--mono);margin:10px 0 0}.hero-related-summary{max-width:420px;color:var(--body);gap:5px;margin:17px 0 0;font-size:11px;line-height:1.55;display:grid}.hero-related-summary span{color:var(--accent-deep);font:750 9px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase}@keyframes map-point-in{0%{opacity:0;transform:scale(.35)}to{opacity:1;transform:scale(1)}}@keyframes hero-preview-in{0%{opacity:.72;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.hero-latest{--pointer-x:50%;--pointer-y:50%;background:var(--ink);color:#fff;min-height:316px;animation:hero-preview-in .22s var(--ease) both;flex-direction:column;padding:31px 34px 30px;display:flex;position:relative;overflow:hidden}.hero-latest:before{z-index:0;content:"";opacity:0;pointer-events:none;-webkit-mask-image:radial-gradient(circle 122px at var(--pointer-x) var(--pointer-y), #000 0%, #000 42%, transparent 100%);-webkit-mask-image:radial-gradient(circle 122px at var(--pointer-x) var(--pointer-y), #000 0%, #000 42%, transparent 100%);-webkit-mask-image:radial-gradient(circle 122px at var(--pointer-x) var(--pointer-y), #000 0%, #000 42%, transparent 100%);-webkit-mask-image:radial-gradient(circle 122px at var(--pointer-x) var(--pointer-y), #000 0%, #000 42%, transparent 100%);mask-image:radial-gradient(circle 122px at var(--pointer-x) var(--pointer-y), #000 0%, #000 42%, transparent 100%);background-image:radial-gradient(circle,#ffffff57 1.2px,#0000 1.45px);background-size:12px 12px;transition:opacity .18s;position:absolute;inset:0}.hero-latest:hover:before,.hero-latest:focus-visible:before{opacity:.62}.hero-latest:after{content:"";opacity:.55;background-image:radial-gradient(circle,#ffffff40 1.3px,#0000 1.5px);background-size:13px 13px;width:210px;height:160px;position:absolute;top:-10px;right:-16px;-webkit-mask-image:linear-gradient(135deg,#0000 2%,#000 58%);mask-image:linear-gradient(135deg,#0000 2%,#000 58%)}.hero-latest-meta,.hero-latest h2,.hero-latest>p,.hero-latest-footer{z-index:1;position:relative}.hero-latest-meta{font:700 10px/1.4 var(--mono);letter-spacing:.09em;text-transform:uppercase;justify-content:space-between;align-items:center;gap:18px;display:flex}.hero-latest-meta span{color:var(--seal-light)}.hero-latest-meta time{color:#ffffffb3}.hero-latest h2{letter-spacing:-.045em;max-width:500px;transition:transform .16s var(--ease);margin:42px 0 15px;font-size:clamp(29px,3.2vw,39px);line-height:1.22}.hero-latest>p{color:#ffffffd1;max-width:500px;margin:0;font-size:14px;line-height:1.72}.hero-latest-footer{color:#ffffffb3;font:650 10px/1.4 var(--mono);justify-content:space-between;align-items:end;gap:24px;margin-top:auto;padding-top:24px;display:flex}.hero-latest-footer strong{color:var(--seal-light);font-family:var(--sans);letter-spacing:0;font-size:12px}.hero-selected{margin-top:21px}.hero-selected>header{min-height:32px;color:var(--meta);font:700 10px/1.4 var(--mono);letter-spacing:.08em;text-transform:uppercase;justify-content:space-between;align-items:center;gap:20px;margin-bottom:9px;display:flex}.hero-selected>header a{color:var(--body);text-underline-offset:4px;text-decoration:underline;transition:color .14s}.hero-selected>header a:hover{color:var(--accent-deep)}.hero-selected-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 18px;display:grid}.hero-selected-list>a{min-width:0;transition:background-color .14s ease, padding-left .14s var(--ease);grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:13px;padding:13px 7px 13px 0;display:grid}.hero-selected-list>a:hover{background:var(--accent-tint);padding-left:7px}.dot-pattern-index{isolation:isolate;width:44px;height:44px;color:var(--accent-deep);font:750 10px/1 var(--mono);place-items:center;display:grid;position:relative}.dot-pattern-grid{grid-template-rows:repeat(4,1fr);grid-template-columns:repeat(4,1fr);place-items:center;display:grid;position:absolute;inset:4px}.dot-pattern-grid i{background:var(--ink);opacity:.13;border-radius:50%;width:3px;height:3px;display:block;transform:scale(.82)}.dot-pattern-number{z-index:1;min-width:21px;min-height:16px;font:inherit;background:#fffffff5;place-items:center;padding:0 3px;display:grid;position:absolute;bottom:0;right:0;box-shadow:0 0 0 2px #ffffffd1}.dot-pattern-index[data-pattern="01"] .dot-pattern-grid i:first-child,.dot-pattern-index[data-pattern="01"] .dot-pattern-grid i:nth-child(6),.dot-pattern-index[data-pattern="01"] .dot-pattern-grid i:nth-child(11),.dot-pattern-index[data-pattern="01"] .dot-pattern-grid i:nth-child(16),.dot-pattern-index[data-pattern="02"] .dot-pattern-grid i:nth-child(2),.dot-pattern-index[data-pattern="02"] .dot-pattern-grid i:nth-child(3),.dot-pattern-index[data-pattern="02"] .dot-pattern-grid i:nth-child(6),.dot-pattern-index[data-pattern="02"] .dot-pattern-grid i:nth-child(7),.dot-pattern-index[data-pattern="02"] .dot-pattern-grid i:nth-child(10),.dot-pattern-index[data-pattern="02"] .dot-pattern-grid i:nth-child(11),.dot-pattern-index[data-pattern="02"] .dot-pattern-grid i:nth-child(14),.dot-pattern-index[data-pattern="02"] .dot-pattern-grid i:nth-child(15),.dot-pattern-index[data-pattern="03"] .dot-pattern-grid i:first-child,.dot-pattern-index[data-pattern="03"] .dot-pattern-grid i:nth-child(5),.dot-pattern-index[data-pattern="03"] .dot-pattern-grid i:nth-child(9),.dot-pattern-index[data-pattern="03"] .dot-pattern-grid i:nth-child(13),.dot-pattern-index[data-pattern="03"] .dot-pattern-grid i:nth-child(14),.dot-pattern-index[data-pattern="03"] .dot-pattern-grid i:nth-child(15),.dot-pattern-index[data-pattern="03"] .dot-pattern-grid i:nth-child(16),.dot-pattern-index[data-pattern="04"] .dot-pattern-grid i:first-child,.dot-pattern-index[data-pattern="04"] .dot-pattern-grid i:nth-child(3),.dot-pattern-index[data-pattern="04"] .dot-pattern-grid i:nth-child(6),.dot-pattern-index[data-pattern="04"] .dot-pattern-grid i:nth-child(8),.dot-pattern-index[data-pattern="04"] .dot-pattern-grid i:nth-child(9),.dot-pattern-index[data-pattern="04"] .dot-pattern-grid i:nth-child(11),.dot-pattern-index[data-pattern="04"] .dot-pattern-grid i:nth-child(14),.dot-pattern-index[data-pattern="04"] .dot-pattern-grid i:nth-child(16){opacity:.72;transform:scale(1)}.dot-pattern-index[data-pattern="01"] .dot-pattern-grid i:nth-child(16),.dot-pattern-index[data-pattern="02"] .dot-pattern-grid i:nth-child(3),.dot-pattern-index[data-pattern="03"] .dot-pattern-grid i:nth-child(16),.dot-pattern-index[data-pattern="04"] .dot-pattern-grid i:nth-child(3){background:var(--accent);opacity:1}.selected-story{min-width:0}.selected-story strong{letter-spacing:-.015em;overflow-wrap:anywhere;font-size:13px;line-height:1.45;display:block}.selected-story small{color:var(--meta);font:600 9.5px/1.3 var(--mono);text-transform:uppercase;margin-top:5px;display:block}.selected-arrow{color:var(--accent-deep);font:700 12px/1 var(--mono)}.masthead{padding:56px 0 72px;display:block}.hero-identity{grid-template-columns:minmax(0,.9fr) minmax(420px,1.1fr);align-items:end;gap:76px;padding:8px 0 46px;display:grid}.hero-identity-heading{min-width:0}.hero-identity .hero-map-eyebrow{align-items:center;gap:10px;margin-bottom:22px;display:flex}.hero-identity .hero-map-eyebrow span{background:var(--accent);width:30px;height:3px}.hero-identity .hero-journal-title,.tech-blog[lang=en] .hero-identity .hero-journal-title{letter-spacing:-.075em;overflow-wrap:normal;word-break:keep-all;max-width:610px;font-size:clamp(48px,6.2vw,78px);font-weight:760;line-height:.98}.hero-identity-statement{border-left:1px solid var(--ink);gap:15px;padding:0 0 3px 24px;display:grid}.hero-identity-lead{max-width:560px;color:var(--ink);letter-spacing:-.025em;margin:0;font-size:19px;font-weight:700;line-height:1.52}.hero-identity .hero-map-intro{max-width:590px;margin:0;font-size:14px;line-height:1.65}.hero-identity-meta div{gap:5px;display:grid}.hero-identity-meta dt{color:var(--accent-deep);font:750 9px/1 var(--mono);letter-spacing:.09em;text-transform:uppercase}.hero-identity-meta dd{color:var(--body);margin:0;font-size:11px;line-height:1.45}.hero-reading{min-width:0}.hero-reading-heading{border-top:1px solid var(--ink);min-height:48px;color:var(--body);justify-content:space-between;align-items:center;gap:28px;display:flex}.hero-reading-heading>div{align-items:center;gap:14px;display:flex}.hero-reading-heading span{color:var(--accent-deep);font:780 10px/1 var(--mono)}.hero-reading-heading strong,.hero-reading-heading a{font:720 10px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase}.hero-reading-heading a{text-underline-offset:4px;min-height:44px;padding-top:17px;text-decoration:underline}.hero-reading-grid{border:1px solid var(--ink);background:var(--surface);grid-template-columns:minmax(0,1fr) 340px;display:grid}.hero-latest{background:var(--dark);min-height:336px;color:var(--on-dark);box-shadow:none;border:0;padding:28px 34px 30px}.hero-latest h2{max-width:650px;margin:46px 0 14px;font-size:clamp(30px,3.3vw,46px);line-height:1.12}.hero-latest>p{max-width:640px}.hero-latest-meta span,.hero-latest-footer strong{color:var(--seal-light)}.hero-article-index{border-left:1px solid var(--ink);background:var(--surface);flex-direction:column;min-width:0;display:flex}.hero-article-index>header{border-bottom:1px solid var(--ink);justify-content:space-between;align-items:center;gap:20px;min-height:76px;padding:14px 17px;display:flex}.hero-article-index>header div{gap:7px;display:grid}.hero-article-index>header span,.hero-article-index>header strong{color:var(--accent-deep);font:760 9px/1 var(--mono);letter-spacing:.08em}.hero-article-index>header small{color:var(--meta);font:650 8px/1 var(--mono);letter-spacing:.06em}.hero-article-index-list button{border:0;border-top:1px solid var(--soft-line);cursor:pointer;text-align:left;background:0 0;grid-template-columns:28px minmax(0,1fr) 8px;align-items:center;gap:10px;min-width:0;padding:10px 16px;display:grid}.hero-article-index-list button>span:first-child{color:var(--meta);font:740 10px/1 var(--mono)}.hero-article-index-list button>span:nth-child(2){min-width:0}.hero-article-index-list button strong{text-overflow:ellipsis;white-space:nowrap;font-size:11.5px;line-height:1.35;display:block;overflow:hidden}.hero-article-index-list button small{color:var(--meta);font:620 8.5px/1 var(--mono);text-transform:uppercase;margin-top:5px;display:block}.hero-article-index-list button i{background:var(--meta);width:6px;height:6px}.hero-article-index-list button:hover{background:var(--stone)}.hero-article-index-list button[aria-pressed=true]{background:var(--accent-tint);box-shadow:inset 4px 0 0 var(--accent)}.hero-article-index-list button[aria-pressed=true]>span:first-child{color:var(--accent-deep)}.hero-article-index-list button[aria-pressed=true] i{background:var(--accent)}.blog-layout{max-width:940px;margin:0 auto;padding:64px 0 116px}.blog-main-column{min-width:0}.blog-main-column>section+section{margin-top:112px}.section-heading{justify-content:space-between;align-items:end;gap:32px;margin-bottom:30px;display:flex}.section-heading>div>span{color:var(--accent-deep);font:750 10px/1 var(--mono);letter-spacing:.1em;margin-bottom:7px;display:block}.section-heading h2{letter-spacing:-.04em;margin:0;font-size:31px;font-weight:740}.section-heading>p{max-width:300px;color:var(--body);text-align:right;margin:0;font-size:13px;line-height:1.55}.section-heading-meta{text-align:right;justify-items:end;gap:7px;max-width:320px;display:grid}.section-heading-meta p{color:var(--body);margin:0;font-size:13px;line-height:1.55}.section-heading-meta a{min-height:34px;color:var(--accent-deep);font:700 9.5px/1 var(--mono);text-underline-offset:4px;align-items:center;text-decoration:underline;display:inline-flex}.filter-row{align-items:center;gap:5px;min-height:48px;margin-bottom:26px;display:flex}.filter-row button{cursor:pointer;background:0 0;border:0;align-self:stretch;min-width:58px;min-height:44px;padding:0 13px;font-size:12px;font-weight:680;position:relative}.filter-row button:after{content:"";background-image:radial-gradient(circle, var(--accent) 1.45px, transparent 1.65px);opacity:0;height:4px;transition:opacity .14s ease, transform .14s var(--ease);background-position:50%;background-size:7px 4px;position:absolute;bottom:5px;left:13px;right:13px;transform:translateY(3px)}.filter-row button:hover,.filter-row button[aria-pressed=true]{color:var(--accent-deep)}.filter-row button[aria-pressed=true]{font-weight:780}.filter-row button:hover:after,.filter-row button[aria-pressed=true]:after{opacity:1;transform:translateY(0)}.filter-count{color:var(--meta);align-items:center;gap:11px;margin-left:auto;display:flex}.filter-count b{font:650 10px/1 var(--mono)}.filter-count-dots{gap:5px;display:flex}.filter-count-dots i{background:var(--ink);opacity:.3;border-radius:50%;width:5px;height:5px}.filter-count-dots i.is-active{background:var(--accent);opacity:1}.post-list{gap:10px;display:grid}.post-pagination{background:var(--stone);grid-template-columns:1fr auto 1fr;align-items:center;gap:14px;margin-top:28px;padding:8px 12px;display:grid}.post-pagination>button,.post-pagination>div button{cursor:pointer;min-height:44px;color:var(--body);background:0 0;border:0;font-size:10.5px;font-weight:720}.post-pagination>button:first-child{justify-self:start}.post-pagination>button:last-child{justify-self:end}.post-pagination>button:disabled{cursor:default;opacity:.28}.post-pagination>div{gap:4px;display:flex}.post-pagination>div button{min-width:44px;font-family:var(--mono)}.post-pagination>div button[aria-current=page]{background:var(--ink);color:#fff}.post-row{grid-template-columns:54px minmax(0,1fr);align-items:start;gap:18px;display:grid}.post-dot-index{width:52px;height:52px;margin-top:24px}.post-row-link{min-width:0;transition:background-color .14s ease, transform .16s var(--ease);grid-template-columns:minmax(0,1fr) 76px;gap:26px;padding:23px 25px 25px;display:grid;position:relative}.post-row[data-category=design] .post-row-link{overflow:hidden}.post-row[data-category=design] .post-row-link:after{z-index:0;content:"";opacity:.48;pointer-events:none;background-image:radial-gradient(circle,#a447384d 1.1px,#0000 1.3px);background-size:9px 9px;width:78px;height:54px;position:absolute;top:10px;right:12px;-webkit-mask-image:linear-gradient(135deg,#0000,#000 80%);mask-image:linear-gradient(135deg,#0000,#000 80%)}.post-row[data-category=design] .post-row-link>*{z-index:1;position:relative}.post-row-link:hover{background:var(--accent-tint);transform:translate(3px)}.post-row-body{min-width:0}.post-row-meta{color:var(--meta);font:700 10px/1.4 var(--mono);letter-spacing:.05em;text-transform:uppercase;flex-wrap:wrap;gap:8px 16px;margin-bottom:9px;display:flex}.post-row-meta span{color:var(--accent-deep)}.post-row h3{letter-spacing:-.03em;overflow-wrap:anywhere;margin:0;font-size:22px;line-height:1.38}.post-row-body>p{max-width:680px;color:var(--body);margin:11px 0 0;font-size:14px;line-height:1.72}.post-row-end{min-height:100%;color:var(--meta);font:650 10px/1.4 var(--mono);flex-direction:column;justify-content:space-between;align-items:end;display:flex}.post-row-end i{color:var(--accent-deep);transition:transform .14s var(--ease);font-size:15px;font-style:normal}.post-row-link:hover .post-row-end i{transform:translate(2px,-2px)}.empty-state{background:var(--accent-tint);color:var(--body);padding:36px 24px}.component-lab{position:relative;overflow:visible}.component-lab-grid{grid-template-columns:repeat(12,minmax(0,1fr));gap:10px;display:grid}.component-card{min-width:0;min-height:430px;color:var(--ink);background:#fff;flex-direction:column;grid-column:span 4;padding:26px 27px 20px;display:flex;position:relative}.component-card[data-span="4"]{grid-column:span 4}.component-card[data-span="5"]{grid-column:span 5}.component-card[data-span="7"]{grid-column:span 7}.component-card[data-span="12"]{grid-column:1/-1;min-height:360px}.component-card[data-category=input],.component-card[data-category=disclosure]{background:var(--accent-tint)}.component-card-header,.component-card-footer{font:700 9px/1.4 var(--mono);letter-spacing:.06em;text-transform:uppercase;justify-content:space-between;align-items:center;gap:18px;display:flex}.component-card-header{color:var(--meta)}.component-card-header span:first-child{color:var(--accent-deep)}.component-card-copy{margin-top:28px}.component-card-copy h3{letter-spacing:-.035em;margin:0;font-size:23px;line-height:1.28}.component-card-copy h3 a{text-underline-offset:5px;text-decoration-color:#0000;transition:color .14s,text-decoration-color .14s}.component-card-copy h3 a:hover{color:var(--accent-deep);text-decoration:underline;-webkit-text-decoration-color:var(--accent);-webkit-text-decoration-color:var(--accent);-webkit-text-decoration-color:var(--accent);text-decoration-color:var(--accent)}.component-card-copy p{max-width:600px;color:var(--body);margin:9px 0 0;font-size:12.5px;line-height:1.65}.component-card-preview{align-items:stretch;min-height:150px;margin-top:25px;display:flex}.component-card-footer{color:var(--meta);margin-top:auto;padding-top:24px}.component-card-footer>span{text-overflow:ellipsis;white-space:nowrap;text-transform:none;overflow:hidden}.component-card-footer a{min-height:44px;color:var(--ink);text-underline-offset:4px;flex:none;align-items:center;gap:7px;text-decoration:underline;display:inline-flex}.component-card-footer a span{color:var(--accent-deep);transition:transform .15s var(--ease)}.component-card-footer a:hover span{transform:translate(2px,-2px)}.component-card[data-component=cursor-spotlight] .component-card-header,.component-card[data-component=cursor-spotlight] .component-card-copy p,.component-card[data-component=cursor-spotlight] .component-card-footer,.component-card[data-component=hold-to-confirm] .component-card-header,.component-card[data-component=hold-to-confirm] .component-card-copy p,.component-card[data-component=hold-to-confirm] .component-card-footer,.component-card[data-component=voice-pulse] .component-card-header,.component-card[data-component=voice-pulse] .component-card-copy p,.component-card[data-component=voice-pulse] .component-card-footer{color:#ffffffa8}.component-card[data-component=cursor-spotlight] .component-card-header span:first-child,.component-card[data-component=cursor-spotlight] .component-card-footer a,.component-card[data-component=hold-to-confirm] .component-card-header span:first-child,.component-card[data-component=hold-to-confirm] .component-card-footer a,.component-card[data-component=voice-pulse] .component-card-header span:first-child,.component-card[data-component=voice-pulse] .component-card-footer a{color:#fff}.component-card[data-component=cursor-spotlight] .component-card-copy h3 a:hover,.component-card[data-component=cursor-spotlight] .component-card-footer a span,.component-card[data-component=hold-to-confirm] .component-card-copy h3 a:hover,.component-card[data-component=hold-to-confirm] .component-card-footer a span,.component-card[data-component=voice-pulse] .component-card-copy h3 a:hover,.component-card[data-component=voice-pulse] .component-card-footer a span{color:var(--seal-light)}.component-grid-pagination{grid-template-columns:1fr auto 1fr;align-items:center;gap:18px;margin-top:22px;display:grid}.component-grid-pagination>button,.component-grid-pagination>div button{cursor:pointer;min-height:44px;color:var(--body);background:0 0;border:0;font-size:10.5px;font-weight:700}.component-grid-pagination>button:first-child{justify-self:start}.component-grid-pagination>button:last-child{justify-self:end}.component-grid-pagination>button:disabled{cursor:default;opacity:.3}.component-grid-pagination>div{gap:4px;display:flex}.component-grid-pagination>div button{min-width:44px;font-family:var(--mono)}.component-grid-pagination>div button[aria-current=page]{background:var(--ink);color:#fff}.component-preview{width:100%;min-width:0}.component-preview button,.component-preview input{font:inherit}.component-preview{min-height:150px;color:var(--ink);flex-direction:column;justify-content:flex-end;gap:11px;display:flex}.component-preview__button{min-height:44px;color:inherit;cursor:pointer;background:0 0;border:0}.component-preview__state{background:#11110f0e;grid-template-columns:minmax(76px,auto) minmax(0,1fr);align-items:start;gap:12px;min-height:54px;padding:12px 14px;display:grid}.component-preview__state-name{color:var(--accent-deep);font:750 9px/1.45 var(--mono);text-transform:uppercase}.component-preview__state-meaning{color:var(--body);font-size:10.5px;line-height:1.5}.component-preview__controls{gap:5px;display:flex}.intent-router-preview__modes{background:var(--accent-tint);grid-template-columns:repeat(3,minmax(0,1fr));padding:5px;display:grid}.intent-router-preview__mode{justify-content:center;align-items:center;gap:8px;padding:0 8px;font-size:10.5px;font-weight:700;display:flex}.intent-router-preview__mode span{color:var(--meta);font:650 8px/1 var(--mono)}.intent-router-preview__mode[data-active=true]{background:var(--ink);color:#fff}.intent-router-preview__mode[data-active=true] span{color:var(--seal-light)}.intent-router-preview__route{grid-template-columns:repeat(4,1fr);gap:8px;padding:2px 5px;display:grid}.intent-router-preview__route i{background-image:radial-gradient(circle, var(--ink) 1.3px, transparent 1.5px);opacity:.16;background-size:8px 5px;height:5px}.intent-router-preview__route[data-mode="0"] i:nth-child(-n+2),.intent-router-preview__route[data-mode="1"] i:nth-child(-n+3),.intent-router-preview__route[data-mode="2"] i{opacity:.72}.intent-router-preview__route i:last-child{background-image:radial-gradient(circle, var(--accent) 1.3px, transparent 1.5px)}.agent-presence-preview__status{background:#fff;align-items:center;gap:15px;min-height:76px;padding:15px;display:flex}.agent-presence-preview__status .component-preview__state{background:0 0;flex:1;padding:0}.agent-presence-preview__mark{background:var(--ink);border-radius:50%;flex:none;width:12px;height:12px}.agent-presence-preview__status[data-state="1"] .agent-presence-preview__mark,.agent-presence-preview__status[data-state="2"] .agent-presence-preview__mark{background:var(--accent);animation:.9s steps(2,end) infinite status-thinking}.agent-presence-preview__status[data-state="4"] .agent-presence-preview__mark{box-shadow:inset 0 0 0 2px var(--ink);background:0 0}@keyframes status-thinking{50%{opacity:.34}}.agent-presence-preview__cycle{background:var(--ink);color:#fff;justify-content:space-between;align-items:center;gap:12px;width:100%;padding:0 14px;font-size:10px;font-weight:700;display:flex}.agent-presence-preview__cycle span:last-child{color:#ffffffa6;font-family:var(--mono);font-size:8.5px}.context-stack-preview__layers{gap:5px;display:grid}.context-stack-preview__layer,.memory-ledger-preview__entry{text-align:left;background:#ffffffb8;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:9px;width:100%;padding:0 11px;font-size:10px;font-weight:700;display:grid}.context-stack-preview__layer[data-active=true],.memory-ledger-preview__entry[data-active=true]{background:var(--ink);color:#fff}.context-stack-preview__layer-index,.context-stack-preview__layer small,.memory-ledger-preview__entry small{color:var(--meta);font:650 8px/1 var(--mono)}.context-stack-preview__layer[data-active=true] small,.memory-ledger-preview__entry[data-active=true] small{color:#ffffffa3}.confidence-signal-preview{gap:8px;display:grid}.confidence-signal-preview__label{justify-content:space-between;align-items:center;gap:15px;font-size:10.5px;font-weight:700;display:flex}.confidence-signal-preview__label output{color:var(--accent-deep);font:750 16px/1 var(--mono)}.confidence-signal-preview__range{cursor:ew-resize;width:100%;min-height:44px;accent-color:var(--accent)}.confidence-signal-preview__meter{background-image:radial-gradient(circle,#11110f33 1.2px,#0000 1.4px);background-size:8px 8px;height:8px}.confidence-signal-preview__fill{width:var(--preview-confidence);background:var(--ink);height:100%;transition:width .14s var(--ease);display:block;-webkit-mask-image:radial-gradient(circle,#000 1.2px,#0000 1.4px);mask-image:radial-gradient(circle,#000 1.2px,#0000 1.4px);-webkit-mask-size:8px 8px;mask-size:8px 8px}.tool-trace-preview__steps,.memory-ledger-preview__entries{gap:5px;margin:0;padding:0;list-style:none;display:grid}.tool-trace-preview__step-button{color:#ffffffc7;text-align:left;background:#ffffff14;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;width:100%;padding:0 12px;font-size:10px;display:grid}.tool-trace-preview__step[data-active=true] .tool-trace-preview__step-button{color:var(--ink);background:#fff}.tool-trace-preview__step-index,.tool-trace-preview__step-button small{color:#ffffff7a;font:650 8px/1 var(--mono)}.tool-trace-preview__step[data-active=true] .tool-trace-preview__step-index,.tool-trace-preview__step[data-active=true] small{color:var(--accent-deep)}.component-preview--tool-trace .component-preview__state,.component-card[data-component=tool-trace] .component-preview__state{background:#ffffff14}.component-card[data-component=tool-trace] .component-preview__state-meaning{color:#ffffffb3}.memory-ledger-preview__entry-mark{background:var(--ink);opacity:.28;border-radius:50%;width:7px;height:7px}.memory-ledger-preview__entry[data-active=true] .memory-ledger-preview__entry-mark{background:var(--accent);opacity:1}.action-gate-preview__summary{background:#ffffffc7;padding:14px}.action-gate-preview__scope{color:var(--accent-deep);font:750 8.5px/1 var(--mono);letter-spacing:.05em;text-transform:uppercase}.action-gate-preview__summary p{color:var(--body);margin:8px 0 0;font-size:10.5px;line-height:1.5}.action-gate-preview__actions{grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.action-gate-preview__action{background:#fff;padding:0 6px;font-size:9.5px;font-weight:700}.action-gate-preview__action[data-active=true]{background:var(--ink);color:#fff}.handoff-relay-preview__graph{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:28px;padding:14px 4px;display:grid;position:relative}.handoff-relay-preview__connection{border-top:1px dashed #11110f47;width:calc(33.333% - 16px);position:absolute;top:35px}.handoff-relay-preview__connection--first{left:calc(16.666% + 8px)}.handoff-relay-preview__connection--second{left:calc(50% + 8px)}.handoff-relay-preview__node{z-index:1;justify-items:center;gap:9px;min-width:0;padding:0 5px;font-size:10px;font-weight:700;display:grid;position:relative}.handoff-relay-preview__node i{background:var(--ink);border-radius:50%;width:13px;height:13px}.handoff-relay-preview__node[data-active=true] i{background:var(--accent)}.handoff-relay-preview__node[data-related=true] i{background:var(--ink);box-shadow:none}.handoff-relay-preview__node span{overflow-wrap:anywhere;text-align:center}.magnetic-action-preview__field{background:#f2f0ec;place-items:center;min-height:122px;padding:14px;display:grid}.magnetic-action-preview__field>span{color:var(--meta);font:650 8.5px/1.4 var(--mono)}.magnetic-action-preview__field button{background:var(--ink);color:#fff;cursor:pointer;min-height:46px;transform:translate(var(--magnetic-x), var(--magnetic-y));transition:transform .12s var(--ease), background-color .12s ease;border:0;padding:0 18px;font-size:11px;font-weight:750}.magnetic-action-preview__field button[aria-pressed=true]{background:var(--accent)}.magnetic-action-preview__field button i{color:#ffb1b3;margin-left:10px;font-style:normal}.elastic-tabs-preview{background:#ede9ff;grid-template-columns:repeat(3,1fr);min-height:52px;padding:4px;display:grid;position:relative}.elastic-tabs-preview>i{width:calc(33.3333% - 2.66667px);transform:translateX(calc(var(--tab-index) * 100%));background:#7255d9;border-radius:14px;transition:transform .28s cubic-bezier(.2,1.2,.4,1);position:absolute;top:4px;bottom:4px;left:4px}.elastic-tabs-preview button{z-index:1;cursor:pointer;color:#4e4666;background:0 0;border:0;min-height:44px;font-size:10px;font-weight:750;position:relative}.elastic-tabs-preview button[aria-pressed=true]{color:#fff}.cursor-spotlight-preview__surface{--spot-x:50%;--spot-y:50%;cursor:crosshair;color:#fff;isolation:isolate;background-color:#11110f;background-image:radial-gradient(circle,#fff3 1px,#0000 1.2px);background-size:11px 11px;border:0;min-height:130px;position:relative;overflow:hidden}.cursor-spotlight-preview__surface:before{z-index:-1;background:radial-gradient(circle 74px at var(--spot-x) var(--spot-y), #ffffff54, transparent 72%);content:"";position:absolute;inset:0}.cursor-spotlight-preview__surface span{color:#ffffffb8;font:650 8.5px/1.4 var(--mono);position:absolute;bottom:13px;left:14px}.cursor-spotlight-preview__surface i{top:var(--spot-y);left:var(--spot-x);border:2px solid #fff;border-radius:50%;width:8px;height:8px;position:absolute;transform:translate(-50%,-50%)}.cursor-spotlight-preview__surface[data-pinned=true] i{background:var(--accent);border-color:var(--accent)}.command-orbit-preview{min-height:144px;position:relative}.command-orbit-preview__trigger{z-index:2;cursor:pointer;color:#fff;width:52px;height:52px;transition:transform .22s var(--ease);background:#1f5dff;border:0;border-radius:50%;font-size:22px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(0)}.command-orbit-preview[data-open=true] .command-orbit-preview__trigger{transform:translate(-50%,-50%)rotate(45deg)}.command-orbit-preview__items button{cursor:pointer;color:#17377e;opacity:0;min-height:34px;transition:opacity .18s ease, transform .22s var(--ease);background:#e8efff;border:0;border-radius:18px;padding:0 11px;font-size:9px;position:absolute;transform:scale(.6)}.command-orbit-preview__items button:first-child{top:4px;left:8%}.command-orbit-preview__items button:nth-child(2){top:4px;right:8%}.command-orbit-preview__items button:nth-child(3){bottom:4px;right:8%}.command-orbit-preview[data-open=true] .command-orbit-preview__items button{opacity:1;transform:scale(1)}.command-orbit-preview__items button[aria-pressed=true]{background:var(--ink);color:#fff}.scrub-timeline-preview{gap:9px;display:grid}.scrub-timeline-preview>div:first-child{justify-content:space-between;align-items:center;gap:12px;font-size:9.5px;font-weight:700;display:flex}.scrub-timeline-preview output{color:var(--accent-deep);font:750 13px/1 var(--mono)}.scrub-timeline-preview input{accent-color:#ff7b30;cursor:ew-resize;width:100%;min-height:40px}.scrub-timeline-preview__frames{grid-template-columns:repeat(5,1fr);gap:4px;display:grid}.scrub-timeline-preview__frames i{background:#fff0e5;height:34px}.scrub-timeline-preview__frames i:nth-child(3){background:#ff7b30}.progressive-field-preview{gap:7px;display:grid}.progressive-field-preview label{color:var(--meta);font:650 8.5px/1.4 var(--mono);gap:5px;display:grid}.progressive-field-preview input{width:100%;min-height:42px;color:var(--accent-deep);background:#f7eae4;border:0;border-radius:8px;outline:1px solid #0000;padding:0 12px}.progressive-field-preview input:focus{outline-color:var(--accent)}.progressive-field-preview button{background:var(--accent-deep);color:#fff;cursor:pointer;border:0;border-radius:8px;min-height:42px;font-size:10px;font-weight:750}.progressive-field-preview button:disabled{cursor:default;opacity:.35}.hold-confirm-preview__button{cursor:pointer;color:#fff;isolation:isolate;background:#1a1917;border:0;min-height:94px;position:relative;overflow:hidden}.hold-confirm-preview__button i{z-index:-1;background:#d83d31;width:0;transition:width .7s linear;position:absolute;inset:0 auto 0 0}.hold-confirm-preview__button[data-holding=true] i{width:100%}.hold-confirm-preview__button span{font-size:11px;font-weight:750}.kinetic-number-preview{background:#f1f7ff;grid-template-columns:44px minmax(0,1fr) 44px;align-items:center;gap:8px;min-height:112px;padding:10px;display:grid}.kinetic-number-preview button{cursor:pointer;color:#164684;background:#d8e8ff;border:0;border-radius:50%;width:44px;height:44px;font-size:17px}.kinetic-number-preview output{color:#174b91;font:780 clamp(38px, 6vw, 64px)/1 var(--mono);letter-spacing:-.08em;text-align:center;font-variant-numeric:tabular-nums}.layered-menu-preview{min-height:132px;position:relative}.layered-menu-preview__trigger,.layered-menu-preview>div button{cursor:pointer;width:100%;min-height:42px;color:var(--ink);background:#fff;border:0;justify-content:space-between;align-items:center;gap:12px;padding:0 12px;font-size:9.5px;font-weight:700;display:flex}.layered-menu-preview>div{z-index:2;background:#242321;padding:5px;position:absolute;top:47px;left:18px;right:0;box-shadow:0 14px 30px #11110f2e}.layered-menu-preview>div button{color:#fff;background:0 0}.layered-menu-preview>div button:hover{background:#ffffff1a}.voice-pulse-preview{background:#11110f;gap:14px;min-height:128px;padding:18px;display:grid}.voice-pulse-preview>div{justify-content:center;align-items:center;gap:5px;min-height:50px;display:flex}.voice-pulse-preview i{background:#ffffff3d;border-radius:4px;width:3px;height:18px}.voice-pulse-preview i:nth-child(3n+1){height:34px}.voice-pulse-preview i:nth-child(4n+2){height:46px}.voice-pulse-preview i:nth-child(5n){height:26px}.voice-pulse-preview[data-active=true] i{background:var(--seal-light);animation:.6s steps(4,end) infinite alternate voice-pulse;animation-delay:calc(var(--bar) * -54ms)}@keyframes voice-pulse{to{opacity:.48;transform:scaleY(.35)}}.voice-pulse-preview button{cursor:pointer;color:#11110f;background:#fff;border:0;border-radius:22px;min-height:42px;font-size:10px;font-weight:750}.smart-tooltip-preview{gap:12px;display:grid}.smart-tooltip-preview__tip{color:#fff;background:#291c42;border-radius:12px 12px 12px 2px;min-height:68px;padding:13px 14px;font-size:9.5px;line-height:1.55}.smart-tooltip-preview>div:last-child{grid-template-columns:repeat(3,1fr);gap:5px;display:grid}.smart-tooltip-preview button{cursor:pointer;color:#5a4776;background:#eee8f8;border:0;border-radius:8px;min-height:42px;padding:0 5px;font-size:8.5px;font-weight:700}.smart-tooltip-preview button[aria-pressed=true]{color:#fff;background:#7756a8}.morph-toggle-preview{cursor:pointer;color:#4e452b;text-align:left;background:#f5efdd;border:0;border-radius:18px;grid-template-columns:auto 1fr;align-items:center;gap:18px;min-height:116px;padding:16px 20px;display:grid}.morph-toggle-preview>i{width:54px;height:32px;transition:border-radius .22s var(--ease), background .22s ease;background:#d9ceb0;border-radius:18px;align-items:center;padding:4px;font-style:normal;display:grid}.morph-toggle-preview>i span{background:#fff;border-radius:50%;width:24px;height:24px;transition:transform .24s cubic-bezier(.2,1.2,.4,1),border-radius .22s}.morph-toggle-preview[data-vivid=true]{color:#7e251e;background:#ffe6dd}.morph-toggle-preview[data-vivid=true]>i{background:#ee604d;border-radius:6px}.morph-toggle-preview[data-vivid=true]>i span{border-radius:5px;transform:translate(22px)rotate(90deg)}.component-card[data-component=cursor-spotlight] .component-preview__state,.component-card[data-component=hold-to-confirm] .component-preview__state,.component-card[data-component=voice-pulse] .component-preview__state{background:#ffffff14}.component-card[data-component=cursor-spotlight] .component-preview__state-name,.component-card[data-component=hold-to-confirm] .component-preview__state-name,.component-card[data-component=voice-pulse] .component-preview__state-name{color:#ff7d82}.component-card[data-component=cursor-spotlight] .component-preview__state-meaning,.component-card[data-component=hold-to-confirm] .component-preview__state-meaning,.component-card[data-component=voice-pulse] .component-preview__state-meaning{color:#ffffffc2}.component-library-shell{width:min(1180px,100% - 56px);margin:0 auto;padding-bottom:112px}.component-library-hero{grid-template-columns:minmax(0,1.25fr) minmax(280px,.75fr);align-items:end;gap:80px;padding:72px 0 92px;display:grid}.component-library-hero>div:first-child>p{color:var(--accent-deep);font:750 10px/1 var(--mono);letter-spacing:.1em;margin:0 0 20px}.component-library-hero h1{letter-spacing:-.06em;max-width:760px;margin:0;font-size:clamp(48px,6.6vw,86px);line-height:.98}.component-library-intro{padding-bottom:3px}.component-library-intro p{color:var(--body);margin:0;font-size:15px;line-height:1.8}.component-library-intro>span{color:var(--accent-deep);font:750 10px/1 var(--mono);text-transform:uppercase;margin-top:22px;display:block}.component-library-principles{flex-wrap:wrap;gap:8px 20px;margin-top:34px;display:flex}.component-library-principles span{color:var(--body);align-items:center;gap:8px;font-size:11px;font-weight:700;display:inline-flex}.component-library-principles i{color:var(--accent-deep);font:700 8px/1 var(--mono);font-style:normal}.component-library-catalogue{scroll-margin-top:86px}.design-archive-section+.design-archive-section{margin-top:112px}.design-essay-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.design-essay-grid>a{isolation:isolate;min-height:210px;transition:transform .18s var(--ease), background-color .16s ease;background:#f3f0eb;align-content:end;padding:30px;position:relative;overflow:hidden}.design-essay-grid>a:nth-child(2n){background:var(--accent-tint)}.design-essay-grid>a:before{z-index:-1;background:var(--ink);content:"";width:78px;height:78px;transition:border-radius .22s var(--ease), transform .22s var(--ease);border-radius:50% 50% 8px;position:absolute;top:24px;right:26px;transform:rotate(14deg)}.design-essay-grid>a:nth-child(2n):before{background:var(--accent);border-radius:8px 50% 50%;transform:rotate(-12deg)}.design-essay-grid>a:after{z-index:-1;content:"";background-image:radial-gradient(circle,#11110f33 1.2px,#0000 1.4px);background-size:10px 10px;width:132px;height:112px;position:absolute;top:12px;right:12px;-webkit-mask-image:linear-gradient(135deg,#0000,#000 76%);mask-image:linear-gradient(135deg,#0000,#000 76%)}.design-essay-grid>a:hover{background:#ebe7e0;transform:translateY(-3px)}.design-essay-grid>a:hover:before{border-radius:50%;transform:rotate(0)scale(.9)}.design-essay-grid strong{letter-spacing:-.02em;max-width:330px;font-size:18px}.github-link{min-height:44px;color:var(--ink);font:700 11px/1.3 var(--mono);text-underline-offset:4px;align-items:center;gap:9px;margin-top:19px;text-decoration:underline;display:inline-flex}.github-link span{color:var(--accent-deep);transition:transform .15s var(--ease)}.github-link:hover span{transform:translate(2px,-2px)}.about-grid{background:var(--accent-tint);grid-template-columns:minmax(0,1.15fr) minmax(270px,.85fr);gap:60px;padding:38px 40px 42px;display:grid}.about-grid p{color:var(--body);margin:0;font-size:14px;line-height:1.82}.about-grid .about-lead{color:var(--ink);letter-spacing:-.025em;margin-bottom:13px;font-size:21px;font-weight:700;line-height:1.5}.colophon-list{align-content:start;gap:12px;margin:0;display:grid}.colophon-list div{grid-template-columns:56px minmax(0,1fr);gap:14px;font-size:11px;line-height:1.55;display:grid}.colophon-list dt{color:var(--accent-deep);font-family:var(--mono);font-weight:750}.colophon-list dd{min-width:0;color:var(--body);overflow-wrap:anywhere;margin:0}.blog-footer{min-height:120px;color:var(--meta);font:650 9.5px/1.5 var(--mono);letter-spacing:.03em;background:#fff;grid-template-columns:1fr auto auto;align-items:center;gap:40px;padding:28px max(28px,50vw - 590px);display:grid}.blog-footer>div{flex-direction:column;gap:4px;display:flex}.blog-footer strong{color:var(--ink);font-size:11px}.blog-footer a{min-height:44px;color:var(--body);text-underline-offset:4px;padding-top:14px;text-decoration:underline}.article-shell{padding-bottom:84px}.article-topline{z-index:4;align-items:center;gap:28px;min-height:62px;display:flex;position:relative}.article-breadcrumb{color:var(--meta);font:650 10px/1.4 var(--mono);flex-wrap:wrap;flex:1;align-items:center;gap:7px;display:flex}.article-breadcrumb a{color:var(--body);text-underline-offset:4px;text-decoration:underline}.article-breadcrumb a:hover{color:var(--accent-deep)}.article-search{flex:none;width:min(330px,38vw);position:relative}.article-search-field{background:var(--stone);grid-template-columns:20px minmax(0,1fr) auto;align-items:center;gap:7px;min-height:42px;padding:0 11px;display:grid}.article-search-field>span{color:var(--accent-deep);font:700 17px/1 var(--mono)}.article-search-field input{min-width:0;color:var(--ink);font:600 11px/1.4 var(--sans);background:0 0;border:0;outline:0}.article-search-field input::placeholder{color:#77726b}.article-search-field:focus-within{box-shadow:inset 0 -2px 0 var(--ink)}.article-search-field kbd{color:var(--meta);font:650 8px/1 var(--mono)}.article-search-results{background:#fff;width:min(390px,84vw);padding:7px;position:absolute;top:calc(100% + 6px);right:0;box-shadow:0 18px 50px #12110f24}.article-search-results ul{gap:2px;margin:0;padding:0;list-style:none;display:grid}.article-search-results a{padding:11px 12px 12px;display:block}.article-search-results a:hover{background:var(--stone)}.article-search-results span{color:var(--meta);font:650 8px/1.3 var(--mono);text-transform:uppercase;margin-bottom:4px;display:block}.article-search-results strong{font-size:12px;line-height:1.45;display:block}.article-search-empty{color:var(--meta);font:600 11px/1.5 var(--sans);margin:0;padding:16px 12px}.article-header{max-width:820px;padding:42px 0 54px}.article-kicker{color:var(--meta);font:700 10px/1.4 var(--mono);letter-spacing:.07em;text-transform:uppercase;flex-wrap:wrap;gap:8px 18px;margin:0 0 17px;display:flex}.article-kicker span:first-child{color:var(--accent-deep)}.article-header h1{letter-spacing:-.052em;overflow-wrap:anywhere;text-wrap:balance;max-width:820px;margin:0;font-size:clamp(42px,5vw,60px);line-height:1.1}.tech-blog[lang=en] .article-header h1{letter-spacing:-.052em}.article-deck{max-width:690px;color:var(--body);font-family:var(--serif);margin:21px 0 22px;font-size:18.5px;line-height:1.7}.article-meta{color:var(--meta);font:650 11px/1.5 var(--mono);flex-wrap:wrap;gap:8px 20px;display:flex}.tag-list{color:var(--meta);font:650 10px/1.5 var(--mono);flex-wrap:wrap;gap:5px 15px;margin:0;padding:0;list-style:none;display:flex}.tag-list li:before{color:var(--accent-deep);content:"#";margin-right:2px}.article-tags{margin-top:17px}.article-layout{grid-template-columns:minmax(0,680px) minmax(220px,260px);justify-content:space-between;align-items:start;gap:54px;display:grid}.article-content{grid-area:1/1;min-width:0}.article-content>.article-section:not(:first-child){margin-top:60px}.article-section h2{letter-spacing:-.035em;margin:0 0 21px;scroll-margin-top:94px;font-size:26px;line-height:1.35}.article-section h2 a{color:var(--ink)}.article-section h2 a>span{color:var(--accent-deep);font:750 10px/1 var(--mono);letter-spacing:.08em;align-items:center;gap:8px;margin-bottom:12px;display:flex}.article-section h2 a>span:before{background:var(--accent);content:"";border-radius:50%;width:6px;height:6px}.article-section h2 a:hover{color:var(--accent-deep)}.article-section p{color:var(--body);font-family:var(--serif);letter-spacing:.004em;margin:0 0 1.22em;font-size:18.5px;line-height:1.84}.article-content p a{color:var(--accent-deep);text-underline-offset:3px;text-decoration:underline;text-decoration-thickness:1px}.article-content p a:visited{color:#74443d}.article-content code{background:var(--accent-tint);font:.85em/1.5 var(--mono);padding:.12em .34em}.article-end-mark{color:var(--accent-deep)!important;font:750 10px/1 var(--mono)!important;letter-spacing:.12em!important;margin:65px 0 0!important}.article-demo{background:var(--ink);color:#fff;margin:64px 0 72px;padding:31px 32px 34px}.article-demo-header>span{color:var(--seal-light);font:750 9.5px/1 var(--mono);letter-spacing:.1em}.article-demo-header h3{letter-spacing:-.03em;margin:12px 0 10px;font-size:23px;line-height:1.35}.article-demo-header p{color:#fffc;max-width:590px;margin:0;font-size:13px;line-height:1.7}.demo-controls{flex-wrap:wrap;gap:8px;margin-top:24px;display:flex}.demo-controls button,.latency-controls button{color:#fff;cursor:pointer;background:0 0;border:1px solid #ffffff4d;min-height:44px;padding:0 15px;font-size:12px;font-weight:700;transition:background-color .15s,border-color .15s,color .15s}.demo-controls button[aria-pressed=true],.latency-controls button[aria-pressed=true]{border-color:var(--accent);background:var(--accent)}.interface-demo-stage,.latency-stage{color:var(--ink);background:#fff;margin-top:18px;padding:22px}.interface-demo-visual{min-height:150px}.workspace-demo-columns{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.workspace-demo-columns>div{background:var(--accent-tint);min-width:0;min-height:142px;padding:15px}.workspace-demo-columns strong{color:var(--accent-deep);font:750 9px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;margin-bottom:25px;display:block}.workspace-demo-columns i{background:#11110f38;width:68%;height:6px;margin-top:10px;display:block}.workspace-demo-columns i:nth-of-type(2){width:88%}.workspace-demo-columns i.is-active{background:var(--accent);width:52%}.chat-demo-stream{flex-direction:column;justify-content:center;gap:11px;min-height:150px;padding:6px 10px;display:flex}.chat-demo-stream i{background:#11110f21;width:66%;height:18px;display:block}.chat-demo-stream i:nth-child(2n){background:var(--accent-tint);width:54%;margin-left:auto}.chat-demo-stream i:nth-child(3){width:82%}.demo-live-output{color:var(--body);margin:18px 0 0;font-size:12px;line-height:1.65}.technical-table-wrap{max-width:100%;margin-top:28px;overflow-x:auto}.technical-table{border-collapse:collapse;width:100%;min-width:570px;color:var(--body);background:#fff;font-size:11.5px;line-height:1.55}.technical-table caption{background:var(--ink);color:#ffffffbf;font:650 10px/1.4 var(--mono);text-align:left;padding:0 0 13px}.technical-table th,.technical-table td{text-align:left;vertical-align:top;border-bottom:1px solid #11110f1a;padding:13px 14px}.technical-table thead th{background:var(--accent-tint);color:var(--accent-deep);font-family:var(--mono);letter-spacing:.05em;text-transform:uppercase;font-size:9.5px}.technical-table tbody th{color:var(--ink);font-weight:750}.latency-controls{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px 22px;margin-top:25px;display:grid}.latency-controls label{color:#ffffffd1;justify-content:space-between;align-items:center;gap:18px;font-size:11px;display:flex}.latency-controls output{color:var(--seal-light);font:750 11px/1 var(--mono)}.latency-controls input[type=range]{width:100%;min-height:44px;accent-color:var(--accent);grid-column:1;margin:0}.latency-controls button{grid-area:1/2/span 2;align-items:center;gap:9px;display:inline-flex}.latency-controls button i{background:currentColor;border-radius:50%;width:7px;height:7px}.latency-track{background:var(--accent-tint);align-items:stretch;min-height:68px;display:flex;overflow:hidden}.latency-track span{min-width:0;font:700 9px/1 var(--mono);text-transform:uppercase;place-items:center;display:grid}.latency-feedback{background:var(--accent);flex:0 0 7%}.latency-wait{transition:width .18s var(--ease);background-image:radial-gradient(circle,#11110f3d 1.2px,#0000 1.4px);background-size:10px 10px;flex:0 auto}.latency-ready{background:var(--ink);color:#fff;flex:1}.latency-output{color:var(--meta);justify-content:space-between;align-items:baseline;gap:18px;margin:17px 0 0;font-size:11px;display:flex}.latency-output strong{color:var(--accent-deep);font:750 22px/1 var(--mono)}.article-toc{grid-area:1/2;position:sticky;top:100px}.article-toc h2{color:var(--accent-deep);font:750 10px/1 var(--mono);letter-spacing:.09em;text-transform:uppercase;margin:0 0 18px}.article-toc ol{gap:8px;margin:0;padding:0;list-style:none;display:grid}.article-toc ol a{color:var(--body);grid-template-columns:25px 1fr;gap:9px;padding:7px 6px;font-size:11px;line-height:1.5;transition:color .14s,background-color .14s;display:grid}.article-toc ol a span{color:var(--meta);font:650 9px/1.65 var(--mono);padding-left:10px;position:relative}.article-toc ol a span:before{background:var(--accent);content:"";border-radius:50%;width:5px;height:5px;position:absolute;top:6px;left:0}.article-toc ol a:hover{background:var(--accent-tint);color:var(--accent-deep)}.article-index-link{min-height:44px;color:var(--body);font:650 10px/1.4 var(--mono);text-underline-offset:4px;margin-top:19px;padding:13px 6px 0;text-decoration:underline;display:inline-block}.article-index-link:hover{color:var(--accent-deep)}.article-pagination{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:70px;display:grid}.article-pagination a{background:var(--accent-tint);min-height:126px;transition:color .14s ease, transform .16s var(--ease);padding:25px 26px}.article-pagination a:last-child{text-align:right}.article-pagination a>span{color:var(--accent-deep);font:750 9px/1 var(--mono);letter-spacing:.08em;margin-bottom:14px;display:block}.article-pagination strong{overflow-wrap:anywhere;font-size:14px;line-height:1.5;display:block}.article-pagination a:hover{color:var(--accent-deep);transform:translateY(-2px)}.tech-blog{background:var(--paper)}.tech-blog :where(a,button){transition-duration:.12s;transition-timing-function:var(--ease)}.blog-nav a:after,.filter-row button:after{background:var(--accent);height:2px}.masthead,.component-library-hero,.article-header{border-bottom:1px solid var(--soft-line)}.section-heading{border-top:1px solid var(--ink);padding-top:17px}.hero-latest,.article-demo{border:1px solid var(--ink);background:var(--dark);color:var(--on-dark);box-shadow:none;border-radius:0}.hero-latest{animation:hero-preview-in .16s var(--ease) both;transition:box-shadow .12s var(--ease), transform .12s var(--ease);border:0}.hero-latest:hover,.hero-latest:focus-visible{box-shadow:inset 0 0 0 2px var(--accent);transform:translateY(-2px)}.hero-latest:hover h2{transform:none}.hero-selected-list>a,.post-row-link,.component-card,.design-essay-grid>a,.about-grid,.article-pagination a,.workspace-demo-columns>div{border:1px solid var(--soft-line);border-radius:0}.hero-selected-list>a,.post-row-link,.component-card,.technical-table,.article-search-results,.interface-demo-stage,.latency-stage{background:var(--surface)}.hero-selected-list>a:hover,.post-row-link:hover,.design-essay-grid>a:hover,.article-pagination a:hover{border-color:var(--ink);background:var(--accent-tint);box-shadow:inset 3px 0 0 var(--accent);transform:translate(3px)}.component-card[data-category=navigation],.component-card[data-category=motion]{background:var(--stone)}.component-card[data-category=input],.component-card[data-category=disclosure],.about-grid,.article-pagination a,.design-essay-grid>a{background:var(--surface)}.component-card[data-component=cursor-spotlight],.component-card[data-component=hold-to-confirm],.component-card[data-component=voice-pulse]{background:var(--dark);color:var(--on-dark)}.post-pagination,.component-grid-pagination{border:1px solid var(--soft-line);background:var(--stone);border-radius:0}.post-pagination>div button,.component-grid-pagination>div button,.filter-row button,.demo-controls button,.latency-controls button,.component-preview__button,.article-toc ol a,.dot-pattern-number,.article-search-field,.article-search-results,.article-content code,.component-preview,.hold-confirm-preview__button,.kinetic-number-preview,.layered-menu-preview__trigger,.voice-pulse-preview,.smart-tooltip-preview,.morph-toggle-preview{border-radius:0}.filter-row button[aria-pressed=true],.filter-row button:hover{background:var(--accent-tint)}.post-pagination>div button[aria-current=page],.component-grid-pagination>div button[aria-current=page]{background:var(--dark);color:var(--on-dark)}.article-search-field,.article-search-results{background:var(--surface)}.article-search-results{border:1px solid var(--ink);box-shadow:var(--soft-shadow)}.technical-table-wrap{border:1px solid var(--soft-line);border-radius:0}.technical-table{overflow:hidden}.filter-row button:active,.demo-controls button:active,.latency-controls button:active,.component-preview button:active,.language-switch:active{box-shadow:inset 0 0 0 2px var(--accent);transform:translateY(1px)}.elastic-tabs-preview,.kinetic-number-preview,.smart-tooltip-preview,.morph-toggle-preview{background:var(--stone);color:var(--body)}.elastic-tabs-preview>i,.morph-toggle-preview>i{background:var(--meta)}.elastic-tabs-preview button,.smart-tooltip-preview button{color:var(--body)}.elastic-tabs-preview button[aria-pressed=true],.smart-tooltip-preview button[aria-pressed=true]{background:var(--accent);color:var(--on-dark)}.command-orbit-preview__trigger,.scrub-timeline-preview__frames i:nth-child(3),.hold-confirm-preview__button i,.morph-toggle-preview[data-vivid=true]>i{background:var(--accent)}.command-orbit-preview__items button,.scrub-timeline-preview__frames i,.progressive-field-preview input,.kinetic-number-preview button,.smart-tooltip-preview>div:last-child{background:var(--accent-tint);color:var(--accent-deep)}.kinetic-number-preview button{border:1px solid var(--soft-line)}.kinetic-number-preview output,.component-card[data-component=cursor-spotlight] .component-preview__state-name,.component-card[data-component=hold-to-confirm] .component-preview__state-name,.component-card[data-component=voice-pulse] .component-preview__state-name{color:var(--seal-light)}.smart-tooltip-preview__tip,.layered-menu-preview>div,.voice-pulse-preview,.hold-confirm-preview__button,.cursor-spotlight-preview__surface{background:var(--dark);color:var(--on-dark)}.morph-toggle-preview[data-vivid=true]{background:var(--accent-tint);color:var(--accent-deep)}@media (width<=1020px){.masthead{gap:48px}.hero-selected-list{grid-template-columns:1fr}.article-layout{grid-template-columns:minmax(0,680px) 220px;gap:48px}}@media (width<=960px){.blog-header-inner,.blog-shell,.article-shell,.component-library-shell{width:min(100% - 40px,760px)}.blog-header-inner{grid-template-columns:auto 1fr auto}.blog-nav{justify-self:end}.header-post-count{display:none}.masthead{grid-template-columns:1fr;gap:48px;padding:55px 0 72px}.hero-intro{max-width:650px;padding-top:0}.hero-latest{min-height:300px}.hero-selected-list{grid-template-columns:repeat(2,minmax(0,1fr))}.blog-layout{padding-top:48px}.component-card{grid-column:span 6}.component-card[data-span="12"]{grid-column:1/-1}.component-library-hero{grid-template-columns:1fr;gap:36px;padding:58px 0 76px}.component-library-intro{max-width:600px}.about-grid{grid-template-columns:1fr;gap:34px}.article-layout{flex-direction:column;gap:52px;display:flex}.article-search{width:min(310px,42vw)}.article-toc{width:100%;position:static}.article-toc ol{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px 24px}}@media (width<=600px){html{scroll-padding-top:70px}.blog-header{height:56px}.blog-header-inner,.blog-shell,.article-shell,.component-library-shell{width:calc(100% - 32px)}.blog-brand>span{width:28px;height:28px;margin-right:8px}.blog-brand em{display:none}.blog-nav{gap:0}.blog-nav a{min-width:44px;padding:0 8px;font-size:12px}.header-actions{gap:5px}.language-switch{min-width:44px;padding:0 6px}.masthead{gap:42px;padding:42px 0 61px}.hero-kicker{gap:14px;margin-bottom:24px}.dot-matrix-brand{background-size:9px 9px;width:57px;height:34px}.masthead .hero-journal-title,.tech-blog[lang=en] .masthead .hero-journal-title{font-size:22px}.article-map{grid-template-columns:repeat(5,44px)}.masthead-intro{margin-top:22px;font-size:15px}.hero-status{margin-top:24px}.hero-latest{min-height:330px;padding:25px 24px 24px}.hero-latest h2{margin-top:46px;font-size:29px}.hero-latest-footer{flex-direction:column;align-items:start;gap:10px}.hero-selected-list{grid-template-columns:1fr}.blog-layout{padding:42px 0 82px}.blog-main-column>section+section{margin-top:82px}.section-heading{align-items:start;margin-bottom:22px}.section-heading h2{font-size:27px}.section-heading>p{max-width:150px;font-size:12px}.section-heading-meta{max-width:155px}.section-heading-meta p{font-size:12px}.filter-row{flex-wrap:wrap;gap:0}.filter-row button{min-width:54px;padding:0 10px}.filter-count{min-height:40px}.post-list{gap:4px}.post-row{grid-template-columns:42px minmax(0,1fr);gap:8px}.post-dot-index{width:40px;height:40px;margin-top:23px}.post-row-link{grid-template-columns:1fr;gap:16px;padding:21px 16px 23px}.post-row h3{font-size:20px}.post-row-end{flex-direction:row;align-items:center;min-height:0}.component-lab-grid{gap:6px}.component-card{grid-column:1/-1;min-height:410px;padding:25px 21px 20px}.component-card[data-span="12"]{min-height:410px}.component-card-copy h3{font-size:21px}.component-preview__state{grid-template-columns:1fr;gap:5px}.intent-router-preview__modes,.action-gate-preview__actions{grid-template-columns:1fr}.component-library-hero{padding:46px 0 62px}.component-library-hero h1{font-size:clamp(42px,13vw,62px)}.component-library-principles{flex-direction:column;align-items:start}.design-essay-grid{grid-template-columns:1fr}.component-grid-pagination{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 14px}.component-grid-pagination>div{grid-area:1/1/auto/-1;justify-content:center}.component-grid-pagination>button:first-child{grid-area:2/1}.component-grid-pagination>button:last-child{grid-area:2/2}.about-grid{padding:30px 24px 34px}.blog-footer{grid-template-columns:1fr auto;gap:14px;min-height:108px;padding:22px 16px}.blog-footer>span{grid-column:1/-1}.article-header{padding:36px 0 46px}.article-header h1{font-size:clamp(36px,11vw,48px)}.article-deck{font-size:18px}.article-layout{gap:38px}.article-topline{flex-direction:column;align-items:stretch;gap:8px;padding:12px 0 0}.article-breadcrumb{min-height:30px}.article-search{width:100%}.article-search-results{width:100%;left:0;right:auto}.article-toc ol{grid-template-columns:1fr}.article-content>.article-section:not(:first-child){margin-top:52px}.article-demo{margin:52px 0 60px;padding:25px 20px 27px}.interface-demo-stage,.latency-stage{padding:16px}.workspace-demo-columns{grid-template-columns:1fr}.workspace-demo-columns>div{min-height:92px}.workspace-demo-columns strong{margin-bottom:14px}.latency-controls{grid-template-columns:1fr}.latency-controls button{grid-area:auto/1;justify-content:center;justify-self:stretch}.technical-table{min-width:520px}.article-section h2{font-size:25px}.article-section p{font-size:17.5px;line-height:1.82}.article-pagination{grid-template-columns:1fr;margin-top:64px}.article-pagination a{min-height:108px}.article-pagination a:last-child{text-align:left}}@media (width<=420px){.blog-brand strong{display:none}.blog-brand>span{margin-right:0}.blog-nav a{padding-left:5px;padding-right:5px;font-size:11.5px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.magnetic-action-preview__field button{transform:none!important}.cursor-spotlight-preview__surface{--spot-x:50%!important;--spot-y:50%!important}}@media (forced-colors:active){.blog-nav a[aria-current=page],.filter-row button[aria-pressed=true],.component-preview button[aria-pressed=true],.component-preview button[aria-selected=true],.post-pagination button[aria-current=page],.component-grid-pagination button[aria-current=page]{border-bottom:2px solid}.dot-matrix-brand,.dot-pattern-index{border:1px solid}}@media (width<=960px){.hero-identity{grid-template-columns:1fr;align-items:start;gap:30px}.hero-identity-heading,.hero-identity-statement{max-width:680px}.hero-reading-grid{grid-template-columns:minmax(0,1fr) 280px}.hero-article-index-list button{padding-left:12px;padding-right:12px}}@media (width<=720px){.hero-reading-grid{grid-template-columns:1fr}.hero-article-index{border-top:1px solid var(--ink);border-left:0}.hero-article-index-list button{min-height:62px}}@media (width<=600px){.hero-identity{gap:25px;padding-top:0;padding-bottom:37px}.masthead .hero-identity .hero-journal-title,.tech-blog[lang=en] .masthead .hero-identity .hero-journal-title{font-size:clamp(40px,12vw,56px)}.hero-identity-statement{padding-left:16px}.hero-identity-lead{font-size:17px}.hero-identity-meta{grid-template-columns:1fr;gap:12px}.hero-reading-heading{align-items:center}.hero-latest{min-height:320px}.hero-latest h2{font-size:30px}}body{background-image:radial-gradient(circle at 22% 14%,#ffffffa3,#0000 29rem),radial-gradient(circle at 78% 32%,#79644e0b,#0000 26rem)}.tech-blog{isolation:isolate;background:linear-gradient(90deg, transparent 0, #58493806 50%, transparent 100%), var(--paper);position:relative;overflow:clip}.tech-blog:before{z-index:-1;content:"";pointer-events:none;opacity:.14;mix-blend-mode:multiply;background-image:radial-gradient(#322b2324 .45px,#0000 .55px);background-size:5px 5px;position:fixed;inset:0}.blog-header{-webkit-backdrop-filter:blur(18px)saturate(.78);backdrop-filter:blur(18px)saturate(.78);background:#f3efe6e6;border-bottom:0;height:72px;box-shadow:0 1px #332d251a}.blog-brand>span{border:1px solid var(--accent);width:34px;height:34px;color:var(--accent-deep);font-family:var(--serif);letter-spacing:-.05em;transition:transform .32s var(--ease), background-color .22s ease, color .22s ease;background:0 0;margin-right:13px;font-size:12px;font-weight:700;transform:rotate(-3deg)}.blog-brand:hover>span{background:var(--accent);color:var(--surface);transform:rotate(0)}.blog-brand strong{letter-spacing:.045em;font-size:13px;font-weight:720}.blog-brand em{color:var(--meta);font-family:var(--serif);letter-spacing:.01em;font-size:12px}.blog-nav a{min-width:48px;color:var(--body);letter-spacing:.08em;padding:0 4px;font-size:13px;font-weight:580}.blog-nav a:after{background:var(--accent);background-image:none;width:4px;height:4px;bottom:15px;left:auto;right:calc(50% - 2px);transform:rotate(45deg)translateY(5px)}.blog-nav a:hover:after,.blog-nav a[aria-current=page]:after{transform:rotate(45deg)translateY(0)}.header-actions{gap:22px}.language-switch{border:0;border-bottom:1px solid var(--meta);min-width:34px;height:34px;color:var(--body);font-weight:680}.language-switch:hover{border-color:var(--accent);color:var(--accent-deep);background:0 0}.home-publication .masthead{border-bottom:0;padding:0}.publication-opening{min-height:calc(100svh - 72px);padding:34px 0 72px;position:relative}.publication-opening:after{content:"";background:var(--accent);opacity:.6;transform-origin:100%;width:84px;height:1px;position:absolute;bottom:9%;right:-16px;transform:rotate(-18deg)}.opening-folio{color:var(--meta);font:600 9px/1 var(--mono);letter-spacing:.17em;text-transform:uppercase;grid-template-columns:1fr auto 1fr;align-items:center;display:grid}.opening-folio span:nth-child(2){color:var(--accent-deep);justify-self:center}.opening-folio span:last-child{justify-self:end}.opening-stage{grid-template-columns:minmax(0,1.05fr) minmax(440px,.95fr);align-items:center;gap:clamp(56px,7vw,110px);min-height:calc(100svh - 198px);padding:48px 0 58px;display:grid}.opening-title-block{z-index:2;animation:publication-rise .76s var(--ease) both;padding-left:clamp(0px,3vw,36px);position:relative}.opening-seal{border:1px solid var(--accent);width:52px;height:52px;color:var(--accent-deep);font:700 15px/1 var(--serif);letter-spacing:-.08em;place-items:center;margin-bottom:27px;display:grid;transform:rotate(-3.5deg)}.opening-seal span{border:1px solid #9f3b2f61;place-items:center;width:38px;height:38px;display:grid}.opening-title-block .hero-map-eyebrow{color:var(--accent-deep);font:650 10px/1.2 var(--mono);letter-spacing:.17em;margin:0 0 20px}.opening-title-block .hero-journal-title,.tech-blog[lang=en] .opening-title-block .hero-journal-title{max-width:700px;color:var(--ink);font-family:var(--serif);letter-spacing:-.075em;word-break:keep-all;margin:0;font-size:clamp(62px,7.8vw,108px);font-weight:620;line-height:.9;display:grid}.opening-title-block .hero-journal-title span:first-child{font-family:var(--sans);letter-spacing:-.072em;font-size:.78em;font-weight:720;line-height:1}.opening-title-block .hero-journal-title span:last-child{margin-top:12px}.tech-blog[lang=en] .opening-title-block .hero-journal-title span:last-child{max-width:580px;margin-top:17px;font-size:.68em;line-height:.98}.opening-essay{align-items:center;min-height:520px;display:grid;position:relative}.digital-ink{z-index:-1;aspect-ratio:1;opacity:.68;width:min(38vw,470px);animation:14s ease-in-out infinite alternate ink-breathe;position:absolute;top:50%;left:44%;transform:translate(-50%,-52%)rotate(-12deg)}.digital-ink:before{content:"";background:conic-gradient(from 18deg,#0000 0deg 24deg,#2d282226 28deg 53deg,#0000 58deg 102deg,#9f3b2f21 108deg 126deg,#0000 132deg 193deg,#2d28221a 198deg 240deg,#0000 248deg 312deg,#9f3b2f14 318deg 337deg,#0000 342deg);position:absolute;inset:4%;-webkit-mask:radial-gradient(circle,#0000 0 36%,#000 37% 49%,#0000 51% 100%);mask:radial-gradient(circle,#0000 0 36%,#000 37% 49%,#0000 51% 100%)}.digital-ink:after{content:"";opacity:.54;background-image:radial-gradient(#312b243d 1px,#0000 1.15px);background-size:13px 13px;border:1px solid #3830271f;border-radius:50%;position:absolute;inset:24%}.digital-ink i{background:var(--accent);opacity:.44;display:block;position:absolute}.digital-ink i:first-child{width:28px;height:2px;top:24%;right:13%;transform:rotate(-28deg)}.digital-ink i:nth-child(2){width:5px;height:5px;bottom:18%;right:28%;transform:rotate(45deg)}.digital-ink i:nth-child(3){width:18px;height:1px;bottom:31%;left:8%;transform:rotate(22deg)}.hero-identity-statement{z-index:1;max-width:560px;animation:publication-rise .76s .12s var(--ease) both;border:0;gap:22px;padding:48px 0 38px 42px;display:grid;position:relative}.hero-identity-statement:before{content:"";background:linear-gradient(var(--accent) 0 76px, var(--soft-line) 76px 100%);width:1px;position:absolute;top:48px;bottom:38px;left:0}.opening-chapter-label{color:var(--accent-deep);font:650 10px/1 var(--mono);letter-spacing:.18em;text-transform:uppercase;align-items:center;gap:12px;display:flex}.opening-chapter-label i{opacity:.48;background:currentColor;width:34px;height:1px}.hero-identity-lead{max-width:540px;font-family:var(--serif);letter-spacing:-.035em;margin:0;font-size:clamp(24px,2.3vw,32px);font-weight:560;line-height:1.55}.hero-identity-statement .hero-map-intro{max-width:490px;color:var(--body);font-family:var(--serif);margin:0;font-size:16px;line-height:1.9}.hero-identity-meta{border-top:1px solid var(--soft-line);grid-template-columns:minmax(0,1.3fr) minmax(0,.7fr);gap:30px;margin:6px 0 0;padding-top:18px;display:grid}.hero-identity-meta div{gap:8px}.hero-identity-meta dt{color:var(--accent-deep);font:620 9px/1 var(--mono);letter-spacing:.12em}.hero-identity-meta dd{color:var(--meta);font-size:11px;line-height:1.65}.opening-continuation{width:max-content;color:var(--meta);font:580 8px/1 var(--mono);letter-spacing:.2em;text-transform:uppercase;flex-direction:column;align-items:center;gap:11px;margin:-12px auto 0;display:flex}.opening-continuation i{background:var(--soft-line);width:1px;height:54px;position:relative;overflow:hidden}.opening-continuation i:after{content:"";background:var(--accent);width:1px;height:100%;animation:reading-guide 2.4s var(--ease) infinite;position:absolute;top:-100%;left:0}.publication-reading{padding:92px 0 128px;position:relative}.publication-reading:before{z-index:-1;content:"";background:#fffdf86b;width:100vw;height:100%;position:absolute;top:0;right:50%;transform:translate(50%)}.hero-reading-heading{border:0;justify-content:space-between;align-items:end;min-height:0;margin-bottom:46px;display:flex}.hero-reading-heading>div{gap:9px;display:grid}.hero-reading-heading span{color:var(--accent-deep);font:640 10px/1 var(--mono);letter-spacing:.18em;text-transform:uppercase}.hero-reading-heading h2{font-family:var(--serif);letter-spacing:-.055em;margin:0;font-size:clamp(40px,4.6vw,64px);font-weight:560;line-height:1}.hero-reading-heading a{min-height:auto;color:var(--body);font:620 10px/1 var(--mono);letter-spacing:.12em;padding:0 0 8px;text-decoration:none;position:relative}.hero-reading-heading a:after{content:"";background:var(--accent);transform-origin:100%;height:1px;transition:transform .28s var(--ease);position:absolute;bottom:0;left:0;right:0;transform:scaleX(.24)}.hero-reading-heading a:hover:after{transform:scaleX(1)}.hero-reading-grid{background:0 0;border:0;grid-template-columns:minmax(0,1.34fr) minmax(310px,.66fr);gap:clamp(44px,6vw,82px);display:grid}.hero-latest{background:linear-gradient(145deg, #ffffff06, transparent 56%), var(--dark);min-height:560px;color:var(--on-dark);animation:publication-rise .72s .18s var(--ease) both;transition:transform .42s var(--ease), box-shadow .42s var(--ease);border:0;flex-direction:column;padding:clamp(36px,4.5vw,62px);display:flex;position:relative;overflow:hidden;box-shadow:0 34px 90px #2b221929}.hero-latest:before{content:attr(data-index);color:#f5f0e609;font:700 clamp(210px, 26vw, 380px)/1 var(--serif);letter-spacing:-.16em;pointer-events:none;position:absolute;top:-.16em;right:-.02em}.hero-latest:after{content:"";width:96px;height:96px;transition:transform .52s var(--ease);border:1px solid #d99b8c47;position:absolute;bottom:10%;right:7%;transform:rotate(7deg)}.hero-latest:hover,.hero-latest:focus-visible{transform:translateY(-5px);box-shadow:0 42px 110px #2b22193b}.hero-latest:hover:after{transform:rotate(0)scale(.92)}.hero-latest-folio{width:52px;height:52px;color:var(--seal-light);font:620 10px/1 var(--mono);border-bottom:1px solid #f5f0e638;border-left:1px solid #f5f0e638;place-items:center;display:grid;position:absolute;top:0;right:0}.hero-latest-meta{z-index:1;align-items:center;position:relative}.hero-latest-meta span,.hero-latest-meta time{color:var(--seal-light);letter-spacing:.15em;font-weight:580}.hero-latest h2{z-index:1;max-width:720px;font-family:var(--serif);letter-spacing:-.055em;text-wrap:balance;margin:auto 0 22px;font-size:clamp(42px,5vw,68px);font-weight:540;line-height:1.16;position:relative}.hero-latest>p{z-index:1;color:#f5f0e6a3;max-width:660px;font-family:var(--serif);margin:0;font-size:15px;line-height:1.85;position:relative}.hero-latest-footer{z-index:1;border-top:1px solid #f5f0e62e;margin-top:40px;padding-top:20px;position:relative}.hero-latest-footer strong{color:var(--seal-light);align-items:center;gap:11px;display:inline-flex}.hero-latest-footer strong i{width:20px;height:1px;transition:width .28s var(--ease);background:currentColor}.hero-latest:hover .hero-latest-footer strong i{width:34px}.hero-article-index{background:0 0;border:0;flex-direction:column;min-width:0;padding-top:8px;display:flex}.hero-article-index>header{border-bottom:1px solid var(--ink);min-height:64px;padding:0 0 20px}.hero-article-index>header span,.hero-article-index>header strong{color:var(--accent-deep);letter-spacing:.14em;font-weight:620}.hero-article-index>header small{letter-spacing:.09em;font-weight:560}.hero-article-index-list{flex:1;grid-template-rows:repeat(4,minmax(96px,1fr));display:grid}.hero-article-index-list button{border:0;border-bottom:1px solid var(--soft-line);min-height:96px;transition:padding .3s var(--ease), color .22s ease;background:0 0;grid-template-columns:34px minmax(0,1fr) 10px;gap:14px;padding:20px 0;display:grid;position:relative}.hero-article-index-list button:first-child{border-top:0}.hero-article-index-list button:before{content:"";background:var(--accent);opacity:0;width:2px;transition:opacity .22s ease, transform .3s var(--ease);position:absolute;top:18px;bottom:18px;left:-18px;transform:scaleY(.2)}.hero-article-index-list button:hover,.hero-article-index-list button[aria-pressed=true]{box-shadow:none;background:0 0;padding-left:8px;padding-right:6px}.hero-article-index-list button[aria-pressed=true]:before{opacity:1;transform:scaleY(1)}.hero-article-index-list button>span:first-child{color:var(--accent-deep);font-family:var(--serif);font-size:14px;font-weight:600}.hero-article-index-list button strong{font-family:var(--serif);text-overflow:initial;white-space:normal;font-size:15px;font-weight:600;line-height:1.5}.hero-article-index-list button small{color:var(--meta);letter-spacing:.08em;margin-top:7px;font-size:9px}.hero-article-index-list button i{background:var(--meta);width:5px;height:5px;transform:rotate(45deg)}.home-publication .blog-layout{padding:120px 0 152px}.home-publication .blog-main-column>section+section{margin-top:144px}.home-publication .section-heading{border:0;border-bottom:1px solid var(--soft-line);grid-template-columns:minmax(220px,.8fr) minmax(280px,1.2fr);align-items:end;gap:48px;margin-bottom:46px;padding:0 0 26px 28px;display:grid;position:relative}.home-publication .section-heading:before{content:"";border:1px solid var(--accent);width:10px;height:10px;position:absolute;top:6px;left:0;transform:rotate(45deg)}.section-heading-title{gap:11px;display:grid}.home-publication .section-heading>div>span{color:var(--accent-deep);letter-spacing:.17em;font-weight:620}.home-publication .section-heading h2{font-family:var(--serif);letter-spacing:-.05em;font-size:clamp(38px,4vw,54px);font-weight:560;line-height:1}.home-publication .section-heading-meta{justify-content:space-between;align-items:end;gap:36px;max-width:none;display:flex}.home-publication .section-heading-meta p{max-width:340px;color:var(--meta);font-family:var(--serif);font-size:14px;line-height:1.7}.home-publication .section-heading-meta a{letter-spacing:.12em;flex:none;padding-bottom:6px;font-size:10px;text-decoration:none;position:relative}.home-publication .section-heading-meta a:after{content:"";background:var(--accent);transform-origin:100%;height:1px;transition:transform .26s var(--ease);position:absolute;bottom:0;left:0;right:0;transform:scaleX(.3)}.home-publication .section-heading-meta a:hover:after{transform:scaleX(1)}.home-publication .filter-row{border:0;border-bottom:1px solid var(--soft-line);background:0 0;gap:30px;min-height:48px;margin-bottom:12px;padding:0}.home-publication .filter-row button{min-width:auto;min-height:47px;color:var(--meta);font:600 10px/1 var(--mono);letter-spacing:.12em;background:0 0;border:0;padding:0;position:relative}.home-publication .filter-row button:after{background:var(--accent);width:auto;height:1px;bottom:-1px;left:0;right:0;transform:scaleX(0)}.home-publication .filter-row button:hover,.home-publication .filter-row button[aria-pressed=true]{color:var(--accent-deep);background:0 0}.home-publication .filter-row button[aria-pressed=true]:after{transform:scaleX(1)}.home-publication .filter-count{color:var(--meta);margin-left:auto}.home-publication .post-list{gap:0}.home-publication .post-row{grid-template-columns:74px minmax(0,1fr);gap:24px}.home-publication .post-dot-index{opacity:.5;filter:sepia(.25);align-self:start;margin-top:33px}.home-publication .post-row-link{border:0;border-bottom:1px solid var(--soft-line);min-height:178px;box-shadow:none;transition:padding .34s var(--ease), color .22s ease;background:0 0;grid-template-columns:minmax(0,1fr) 90px;gap:28px;padding:34px 16px 34px 0}.home-publication .post-row:first-child .post-row-link{border-top:1px solid var(--soft-line)}.home-publication .post-row[data-category=design] .post-row-link{background:0 0}.home-publication .post-row[data-category=design] .post-row-link:after{display:none}.home-publication .post-row-link:hover{border-color:var(--soft-line);box-shadow:inset 2px 0 0 var(--accent);background:0 0;padding-left:16px;padding-right:0;transform:none}.home-publication .post-row h3{font-family:var(--serif);letter-spacing:-.035em;font-size:clamp(24px,2.5vw,33px);font-weight:570;line-height:1.35}.home-publication .post-row-body>p{max-width:760px;color:var(--meta);font-family:var(--serif);font-size:14px;line-height:1.8}.home-publication .post-row-end{color:var(--meta);justify-content:space-between;align-items:end}.home-publication .post-row-end i{color:var(--accent-deep);font-family:var(--serif);font-size:24px}.home-publication .post-pagination{background:0 0;border:0;margin-top:28px;padding:0}.home-publication .post-pagination>div button{color:var(--meta);background:0 0;border:0}.home-publication .post-pagination>div button[aria-current=page]{color:var(--accent-deep);box-shadow:inset 0 -1px var(--accent);background:0 0}.home-publication .component-lab-grid{background:var(--soft-line);border-top:1px solid var(--soft-line);border-bottom:1px solid var(--soft-line);gap:1px}.home-publication .component-card,.home-publication .component-card[data-category=navigation],.home-publication .component-card[data-category=motion],.home-publication .component-card[data-category=input],.home-publication .component-card[data-category=disclosure]{background:var(--surface);min-height:500px;box-shadow:none;border:0;padding:30px 28px 24px}.home-publication .component-card-copy h3{font-family:var(--serif);font-size:25px;font-weight:570}.home-publication .component-card-copy p{color:var(--meta);font-family:var(--serif);line-height:1.75}.home-publication .component-card-preview{filter:saturate(.55)sepia(.08)}.home-publication .about-section{background:var(--dark);color:var(--on-dark);margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);padding:112px max(40px,50vw - 620px);position:relative}.home-publication .about-section:before{content:"";border:1px solid #d99b8c47;width:92px;height:92px;position:absolute;top:64px;right:max(40px,50vw - 620px);transform:rotate(5deg)}.home-publication .about-section .section-heading{border-color:#f5f0e62e}.home-publication .about-section .section-heading h2,.home-publication .about-section .section-heading-meta,.home-publication .about-section .section-heading-title{color:var(--on-dark)}.home-publication .about-grid{background:0 0;border:0;grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);gap:clamp(58px,8vw,110px);padding:0 0 0 28px}.home-publication .about-lead{max-width:720px;color:var(--on-dark);font-family:var(--serif);letter-spacing:-.045em;font-size:clamp(28px,3.4vw,46px);font-weight:520;line-height:1.45}.home-publication .about-grid p:not(.about-lead){color:#f5f0e6a3;max-width:660px;font-family:var(--serif);line-height:1.9}.home-publication .github-link{color:var(--seal-light)}.home-publication .colophon-list{border-top-color:#f5f0e62e}.home-publication .colophon-list div{border-bottom-color:#f5f0e629}.home-publication .colophon-list dt{color:var(--seal-light)}.home-publication .colophon-list dd{color:#f5f0e6c2}.blog-footer{border-top:1px solid var(--soft-line);background:var(--paper)}.blog-footer strong{font-family:var(--serif);font-weight:620}.component-library-hero h1,.article-header h1,.archive-hero h1{font-family:var(--serif);letter-spacing:-.055em;font-weight:560}.article-header,.component-library-hero{border-bottom-color:var(--soft-line)}.article-section h2,.article-deck,.component-library-intro{font-family:var(--serif)}.article-content>.article-section:not(:first-child){border-top-color:var(--soft-line)}.article-pagination a,.design-essay-grid>a{background:var(--surface)}.scrub-timeline-preview input{accent-color:var(--accent)}@keyframes publication-rise{0%{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}@keyframes ink-breathe{0%{transform:translate(-50%,-52%)rotate(-12deg)scale(.98)}to{transform:translate(-50%,-52%)rotate(-7deg)scale(1.04)}}@keyframes reading-guide{0%{transform:translateY(0)}70%,to{transform:translateY(200%)}}@media (width<=1020px){.blog-header-inner,.blog-shell,.article-shell,.component-library-shell{width:min(100% - 48px,860px)}.opening-stage{grid-template-columns:1fr;gap:20px;min-height:auto;padding:72px 0 52px}.opening-title-block{max-width:760px;padding-left:0}.opening-essay{justify-items:end;min-height:470px}.digital-ink{width:min(58vw,470px);left:34%}.hero-identity-statement{max-width:610px}.hero-reading-grid{grid-template-columns:minmax(0,1fr) 300px;gap:38px}.hero-latest{min-height:520px}}@media (width<=760px){.blog-header{height:64px}.blog-header-inner,.blog-shell,.article-shell,.component-library-shell{width:calc(100% - 32px)}.blog-brand em,.header-post-count{display:none}.blog-nav{gap:4px}.blog-nav a{min-width:42px;font-size:12px}.publication-opening{min-height:auto;padding-top:24px}.opening-folio{grid-template-columns:1fr 1fr}.opening-folio span:nth-child(2){justify-self:end}.opening-folio span:last-child{display:none}.opening-stage{padding-top:54px}.opening-title-block .hero-journal-title,.tech-blog[lang=en] .opening-title-block .hero-journal-title{font-size:clamp(52px,16vw,82px)}.opening-essay{justify-items:stretch;min-height:430px}.digital-ink{opacity:.5;width:min(92vw,430px);left:50%}.hero-identity-statement{padding-left:28px}.hero-identity-lead{font-size:24px}.hero-identity-meta{grid-template-columns:1fr;gap:15px}.opening-continuation{display:none}.publication-reading{padding:80px 0 96px}.hero-reading-heading{margin-bottom:32px}.hero-reading-grid{grid-template-columns:1fr;gap:42px}.hero-latest{min-height:500px;padding:32px 26px}.hero-latest h2{font-size:clamp(34px,10.5vw,50px)}.hero-article-index{border-top:0;padding-top:0}.hero-article-index-list button{min-height:88px}.home-publication .blog-layout{padding:92px 0 108px}.home-publication .blog-main-column>section+section{margin-top:104px}.home-publication .section-heading{grid-template-columns:1fr;gap:22px;padding-left:24px}.home-publication .section-heading-meta{align-items:start}.home-publication .filter-row{gap:20px}.home-publication .filter-count{border-top:1px solid var(--soft-line);width:100%;margin-left:0}.home-publication .post-row{grid-template-columns:38px minmax(0,1fr);gap:12px}.home-publication .post-dot-index{width:36px;height:36px;margin-top:31px}.home-publication .post-row-link{grid-template-columns:1fr;min-height:0;padding:28px 0 32px}.home-publication .post-row-link:hover{padding-left:10px;padding-right:0}.home-publication .post-row-end{flex-direction:row;align-items:center;min-height:auto}.home-publication .component-card,.home-publication .component-card[data-category=navigation],.home-publication .component-card[data-category=motion],.home-publication .component-card[data-category=input],.home-publication .component-card[data-category=disclosure]{min-height:440px}.home-publication .about-section{padding:88px 16px}.home-publication .about-section:before{width:62px;height:62px;top:32px;right:16px}.home-publication .about-grid{grid-template-columns:1fr;gap:52px;padding-left:24px}}@media (width<=480px){.blog-header-inner{grid-template-columns:auto 1fr auto}.blog-brand>span{width:30px;height:30px;margin-right:0}.blog-brand strong{display:none}.blog-nav{justify-self:center}.blog-nav a{min-width:36px;padding:0 3px;font-size:11px}.language-switch{min-width:28px}.opening-seal{width:44px;height:44px}.opening-seal span{width:32px;height:32px}.opening-title-block .hero-map-eyebrow{font-size:8.5px}.opening-title-block .hero-journal-title,.tech-blog[lang=en] .opening-title-block .hero-journal-title{font-size:clamp(46px,15.5vw,66px)}.hero-identity-statement{padding-top:34px;padding-bottom:26px}.hero-identity-statement:before{top:34px;bottom:26px}.hero-identity-lead{font-size:21px}.hero-identity-statement .hero-map-intro{font-size:14px}.hero-reading-heading h2{font-size:38px}.hero-reading-heading a{font-size:8.5px}.hero-latest{min-height:460px}.hero-latest:after{width:70px;height:70px}.home-publication .section-heading-meta{gap:14px;display:grid}.home-publication .filter-row{gap:16px}}@media (prefers-reduced-motion:reduce){.opening-title-block,.hero-identity-statement,.hero-latest,.digital-ink,.opening-continuation i:after{animation:none}}:root{--paper:#fff;--surface:#fff;--stone:#e8e8e8;--ink:#181818;--body:#3d3d3d;--meta:#777;--accent:#a44738;--accent-deep:#87382d;--accent-tint:#f5ebe8;--dark:#181818;--on-dark:#fff;--seal-light:#cb887c;--dot:#18181838;--soft-line:#dedede;--relation-color:#a4473875;--soft-shadow:none;--serif:var(--font-geist-sans), Inter, "Noto Sans SC", "PingFang SC", "Microsoft YaHei", sans-serif;--ease:cubic-bezier(.2, 0, 0, 1)}html,body{background:#fff}body{--mono:var(--font-geist-mono), "SFMono-Regular", Consolas, monospace;--sans:var(--font-geist-sans), Inter, "Noto Sans SC", "PingFang SC", "Microsoft YaHei", sans-serif;--serif:var(--font-geist-sans), Inter, "Noto Sans SC", "PingFang SC", "Microsoft YaHei", sans-serif;background-image:none}.tech-blog{background:#fff;position:relative;overflow:clip}.tech-blog:before{display:none}.blog-header{height:64px;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:#fffffff5;border-bottom:1px solid #d8d8d8}.blog-header-inner,.blog-shell,.article-shell,.component-library-shell{width:min(1240px,100% - 64px)}.blog-brand{font-family:var(--mono)}.blog-brand>span{color:#0000;width:32px;height:32px;transition:background-size .18s var(--ease);background-color:#0000;background-image:radial-gradient(circle,#181818 1.5px,#0000 1.7px);background-position:1px 1px;background-size:7px 7px;border:0;margin-right:12px;display:block;position:relative;overflow:hidden;transform:none}.blog-brand>span:after{background:var(--accent);content:"";width:6px;height:6px;position:absolute;bottom:2px;right:2px}.blog-brand:hover>span{color:#0000;background-color:#0000;background-size:6px 6px;transform:none}.blog-brand strong{color:var(--ink);letter-spacing:.08em;font-size:12px;font-weight:720}.blog-brand em{color:var(--meta);font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;margin-left:7px;font-size:9px}.blog-nav{gap:4px}.blog-nav a{color:#4b4b4b;min-width:56px;font-family:var(--sans);letter-spacing:.02em;padding:0 8px;font-size:12px;font-weight:600}.blog-nav a:after{opacity:0;background:#9a9a9a;width:4px;height:4px;bottom:11px;left:50%;right:auto;transform:translate(-50%,2px)}.blog-nav a:hover,.blog-nav a[aria-current=page]{color:var(--ink)}.blog-nav a:hover:after,.blog-nav a[aria-current=page]:after{background:var(--accent);opacity:1;transform:translate(-50%)}.header-post-count{color:var(--meta);letter-spacing:.12em;font-weight:600}.language-switch{min-width:38px;height:32px;color:var(--ink);background:#fff;border:1px solid #bdbdbd;font-weight:700}.language-switch:hover{border-color:var(--ink);background:var(--ink);color:#fff}.matrix-profile{border-bottom:1px solid var(--ink);flex-direction:column;justify-content:space-between;min-height:calc(100svh - 64px);padding:34px 0 38px;display:flex;position:relative}.matrix-section-code{color:var(--meta);font:650 9px/1.2 var(--mono);letter-spacing:.13em;text-transform:uppercase;grid-template-columns:1fr auto 1fr;align-items:center;display:grid}.matrix-section-code span:first-child{color:var(--ink)}.matrix-section-code span:nth-child(2){justify-self:center}.matrix-section-code span:last-child{justify-self:end}.matrix-profile-grid{grid-template-columns:minmax(0,1.16fr) minmax(360px,.84fr);align-items:center;gap:clamp(72px,10vw,150px);padding:72px 0 82px;display:grid}.matrix-title-block{min-width:0;animation:matrix-reveal .44s var(--ease) both}.matrix-gc-mark{grid-template-columns:repeat(6,5px);gap:6px;width:max-content;margin-bottom:44px;display:grid}.matrix-gc-mark i{background:#d2d2d2;width:5px;height:5px}.matrix-gc-mark i.is-ink{background:var(--ink)}.matrix-gc-mark i.is-red{background:var(--accent)}.matrix-title-block .hero-map-eyebrow{color:var(--meta);font:650 10px/1.3 var(--mono);letter-spacing:.14em;text-transform:uppercase;margin:0 0 16px}.matrix-title-block .hero-journal-title,.tech-blog[lang=en] .matrix-title-block .hero-journal-title{max-width:820px;color:var(--ink);font-family:var(--sans);letter-spacing:-.075em;flex-direction:column;margin:0;font-size:clamp(56px,7.2vw,100px);font-weight:680;line-height:.91;display:flex}.matrix-title-block .hero-journal-title span:last-child{color:#4b4b4b;letter-spacing:-.045em;font-size:.48em;font-weight:560;line-height:1.18}.matrix-statement{border-left:1px solid var(--ink);animation:matrix-reveal .44s 90ms var(--ease) both;padding:12px 0 10px 42px;position:relative}.matrix-statement:before{background:var(--accent);content:"";width:7px;height:7px;position:absolute;top:0;left:-4px}.matrix-coordinate{color:var(--accent);font:700 9px/1 var(--mono);letter-spacing:.14em;text-transform:uppercase;margin-bottom:40px;display:block}.matrix-statement .hero-identity-lead{max-width:480px;color:var(--ink);font-family:var(--sans);letter-spacing:-.035em;margin:0 0 22px;font-size:clamp(23px,2.2vw,34px);font-weight:580;line-height:1.42}.matrix-statement .hero-map-intro{max-width:500px;color:var(--meta);margin:0;font-size:14px;line-height:1.9}.matrix-statement .hero-identity-meta{border-top:1px solid var(--soft-line);grid-template-columns:1fr 1fr;gap:24px;margin:42px 0 0;padding-top:18px;display:grid}.matrix-statement .hero-identity-meta div{display:block}.matrix-statement .hero-identity-meta dt{color:var(--meta);font:650 8px/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;margin-bottom:9px}.matrix-statement .hero-identity-meta dd{color:var(--body);margin:0;font-size:12px;line-height:1.65}.matrix-route{color:var(--meta);font:650 8px/1 var(--mono);letter-spacing:.14em;text-transform:uppercase;grid-template-columns:145px 1fr;align-items:center;gap:26px;display:grid}.matrix-route>div{grid-template-columns:repeat(28,1fr);align-items:center;display:grid}.matrix-route i{background:#b8b8b8;width:3px;height:3px;display:block;position:relative}.matrix-route i:after{content:"";background:#e7e7e7;width:calc(100% + 30px);height:1px;position:absolute;top:1px;left:3px}.matrix-route i.is-active{background:var(--accent);width:7px;height:7px;transform:translate(-2px,-2px)}.matrix-route i.is-active:after{display:none}.matrix-reading{border-bottom:1px solid var(--soft-line);padding:98px 0 116px}.matrix-reading .hero-reading-heading{border:0;justify-content:space-between;align-items:end;margin-bottom:62px;padding:0;display:flex}.matrix-reading .hero-reading-heading span{color:var(--accent);font:700 9px/1 var(--mono);letter-spacing:.14em;margin-bottom:15px;display:block}.matrix-reading .hero-reading-heading h2{color:var(--ink);font-family:var(--sans);letter-spacing:-.06em;margin:0;font-size:clamp(42px,5.2vw,68px);font-weight:620;line-height:.96}.matrix-reading .hero-reading-heading a{border-bottom:1px solid var(--ink);color:var(--body);font:650 9px/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;padding:0 0 8px 17px;position:relative}.matrix-reading .hero-reading-heading a:before{border:1px solid var(--accent);content:"";width:6px;height:6px;position:absolute;top:2px;left:0}.matrix-reading-grid{grid-template-columns:minmax(0,1.65fr) minmax(330px,.72fr);align-items:stretch;gap:clamp(54px,8vw,112px);display:grid}.matrix-reading .hero-latest{border:0;border-top:4px solid var(--ink);min-height:590px;box-shadow:none;color:var(--ink);background:#fff;border-radius:0;flex-direction:column;padding:34px 24% 36px 0;transition:border-color .16s;display:flex;position:relative;overflow:hidden}.matrix-reading .hero-latest:before,.matrix-reading .hero-latest:after{display:none}.matrix-reading .hero-latest:hover{border-color:var(--accent);box-shadow:none;transform:none}.matrix-reading .hero-latest-folio{color:var(--accent);font:750 11px/1 var(--mono);letter-spacing:.12em;margin-bottom:76px;display:block;position:static}.matrix-reading .hero-latest-meta{border-bottom:1px solid var(--soft-line);color:var(--meta);font:600 9px/1 var(--mono);letter-spacing:.1em;text-transform:uppercase;justify-content:space-between;align-items:center;margin-bottom:18px;padding:0 0 13px;display:flex}.matrix-reading .hero-latest-meta span,.matrix-reading .hero-latest-meta time{color:inherit}.matrix-reading .hero-latest h2{z-index:1;max-width:760px;color:var(--ink);font-family:var(--sans);letter-spacing:-.06em;text-wrap:balance;transition:transform .18s var(--ease);margin:0;font-size:clamp(40px,5vw,68px);font-weight:620;line-height:1.05;position:relative}.matrix-reading .hero-latest:hover h2{transform:translate(6px)}.matrix-reading .hero-latest>p{z-index:1;max-width:620px;color:var(--meta);margin:28px 0 48px;font-size:14px;line-height:1.85;position:relative}.matrix-reading .hero-latest-footer{z-index:1;border-top:1px solid var(--ink);color:var(--body);font:600 9px/1.2 var(--mono);letter-spacing:.08em;justify-content:space-between;align-items:end;margin-top:auto;padding-top:17px;display:flex;position:relative}.matrix-reading .hero-latest-footer strong{color:var(--accent);align-items:center;gap:10px;font-weight:700;display:flex}.matrix-reading .hero-latest-footer strong i{border:1px solid var(--accent);background:0 0;border-radius:0;width:7px;height:7px;transition:background-color .14s}.matrix-reading .hero-latest:hover .hero-latest-footer strong i{background:var(--accent)}.feature-dot-field{z-index:0;opacity:.72;width:142px;height:142px;transition:background-size .18s var(--ease), opacity .18s ease;background-image:radial-gradient(circle,#bcbcbc 1.6px,#0000 1.8px);background-size:12px 12px;position:absolute;top:80px;right:0}.feature-dot-field i{background:var(--accent);width:12px;height:12px;position:absolute;bottom:0;right:0}.matrix-reading .hero-latest:hover .feature-dot-field{opacity:1;background-size:10px 10px}.matrix-reading .hero-article-index{border:0;border-top:4px solid var(--ink);background:#fff;padding:0}.matrix-reading .hero-article-index>header{border-bottom:1px solid var(--ink);justify-content:space-between;align-items:start;min-height:92px;padding:23px 0 18px;display:flex}.matrix-reading .hero-article-index>header span,.matrix-reading .hero-article-index>header small{color:var(--meta);font:650 8px/1.2 var(--mono);letter-spacing:.12em;text-transform:uppercase;display:block}.matrix-reading .hero-article-index>header span{color:var(--ink);margin-bottom:10px}.matrix-reading .hero-article-index>header strong{color:var(--accent);font:700 11px/1 var(--mono)}.matrix-index-body{grid-template-columns:18px 1fr;gap:18px;padding-top:12px;display:grid;position:relative}.matrix-index-track{min-height:360px;position:relative}.matrix-index-track>i{background-image:radial-gradient(circle,#a6a6a6 1.4px,#0000 1.6px);background-size:3px 10px;width:3px;position:absolute;top:30px;bottom:30px;left:6px}.matrix-index-track>span{top:calc(31px + var(--active-row) * 88px);background:var(--accent);width:7px;height:7px;transition:top .22s var(--ease);position:absolute;left:4px}.matrix-reading .hero-article-index-list{display:block}.matrix-reading .hero-article-index-list button{border:0;border-bottom:1px solid var(--soft-line);width:100%;min-height:88px;color:var(--meta);text-align:left;cursor:pointer;background:0 0;grid-template-columns:28px 1fr 7px;align-items:center;gap:14px;padding:0;display:grid;position:relative}.matrix-reading .hero-article-index-list button:before{display:none}.matrix-reading .hero-article-index-list button>span:first-child{color:#9d9d9d;font:650 9px/1 var(--mono)}.matrix-reading .hero-article-index-list button strong{color:var(--body);letter-spacing:-.01em;text-overflow:ellipsis;white-space:nowrap;transition:transform .16s var(--ease), color .16s ease;margin-bottom:9px;font-size:13px;font-weight:580;line-height:1.35;display:block;overflow:hidden}.matrix-reading .hero-article-index-list button small{color:#909090;font:550 8px/1 var(--mono);letter-spacing:.07em;text-transform:uppercase;display:block}.matrix-reading .hero-article-index-list button>i{background:0 0;border:1px solid #a7a7a7;border-radius:0;width:6px;height:6px}.matrix-reading .hero-article-index-list button:hover strong{color:var(--ink);transform:translate(5px)}.matrix-reading .hero-article-index-list button[aria-pressed=true] strong{color:var(--ink)}.matrix-reading .hero-article-index-list button[aria-pressed=true]>span:first-child{color:var(--accent)}.matrix-reading .hero-article-index-list button[aria-pressed=true]>i{border-color:var(--accent);background:var(--accent)}.home-matrix .blog-main-column{min-width:0}.home-matrix .section-heading{border:0;border-bottom:1px solid var(--ink);grid-template-columns:minmax(300px,.9fr) minmax(0,1.1fr);align-items:end;gap:80px;margin-bottom:54px;padding:0 0 26px;display:grid}.home-matrix .section-heading-meta a{border-bottom:1px solid var(--ink);color:var(--body);font:650 9px/1 var(--mono);letter-spacing:.08em;flex:none;padding-bottom:5px}.home-matrix .filter-row button{border:0;border-right:1px solid var(--soft-line);min-height:42px;color:var(--meta);font:620 10px/1 var(--mono);cursor:pointer;background:#fff;border-radius:0;padding:0 22px 0 12px;position:relative}.home-matrix .filter-row button:before{content:"";border:1px solid #aaa;width:5px;height:5px;position:absolute;top:50%;left:0;transform:translateY(-50%)}.home-matrix .filter-row button[aria-pressed=true]{color:var(--ink)}.home-matrix .filter-row button[aria-pressed=true]:before{border-color:var(--accent);background:var(--accent)}.home-matrix .filter-count{min-height:42px;color:var(--meta);font:600 9px/1 var(--mono);align-items:center;gap:16px;margin-left:auto;display:flex}.home-matrix .filter-count-dots{gap:7px;display:flex}.home-matrix .filter-count-dots i{background:#bdbdbd;border-radius:0;width:3px;height:3px}.home-matrix .filter-count-dots i.is-active{background:var(--accent);width:5px;height:5px;transform:translateY(-1px)}.home-matrix .post-list{border-top:0}.home-matrix .post-row{border-bottom:1px solid var(--ink);grid-template-columns:68px 1fr;gap:22px;display:grid}.home-matrix .post-dot-index{width:56px;height:56px;margin:30px 0 0}.home-matrix .dot-pattern-index{background:0 0;border:0;border-radius:0}.home-matrix .dot-pattern-grid{gap:5px}.home-matrix .dot-pattern-grid i{background:#c1c1c1;border-radius:0;width:3px;height:3px}.home-matrix .dot-pattern-number{color:var(--accent);font:700 9px/1 var(--mono)}.home-matrix .post-row-link,.home-matrix .post-row[data-category=design] .post-row-link{min-height:176px;box-shadow:none;background:#fff;border:0;border-radius:0;grid-template-columns:minmax(0,1fr) 110px;align-items:center;gap:42px;padding:28px 0;transition:none;display:grid;position:relative;overflow:visible}.home-matrix .post-row[data-category=design] .post-row-link:after{display:none}.home-matrix .post-row-link:hover{box-shadow:none;background:#fff;padding-left:0;padding-right:0;transform:none}.home-matrix .post-row h3{color:var(--ink);font-family:var(--sans);letter-spacing:-.04em;transition:transform .17s var(--ease);margin:0;font-size:clamp(23px,2.6vw,36px);font-weight:590;line-height:1.15}.home-matrix .post-row-end{min-height:92px;color:var(--meta);font:600 9px/1 var(--mono);border-left:1px dotted #aaa;padding-left:18px}.home-matrix .post-row-end i{width:28px;height:28px;color:var(--ink);transition:background-color .14s ease, color .14s ease, transform .14s var(--ease);border:1px solid #999;border-radius:0;place-items:center;font-style:normal;display:grid}.home-matrix .post-row-link:hover .post-row-end i{border-color:var(--accent);background:var(--accent);color:#fff;transform:translate(2px,-2px)}.home-matrix .post-pagination,.home-matrix .component-grid-pagination{border-top:0}.home-matrix .post-pagination button,.home-matrix .component-grid-pagination button{border-radius:0}.home-matrix .component-lab-grid{border:1px solid var(--ink);background:#fff;grid-template-columns:repeat(3,1fr);gap:0;display:grid}.home-matrix .component-card,.home-matrix .component-card[data-category=navigation],.home-matrix .component-card[data-category=motion],.home-matrix .component-card[data-category=input],.home-matrix .component-card[data-category=disclosure]{border:0;border-right:1px solid var(--ink);min-height:500px;box-shadow:none;color:var(--ink);background:#f1f1f1;border-radius:0;flex-direction:column;grid-column:auto;padding:26px;display:flex;transform:none}.home-matrix .component-card:nth-child(2){background:#fff}.home-matrix .component-card:nth-child(3){background:var(--ink);color:#fff;border-right:0}.home-matrix .component-card-header,.home-matrix .component-card-footer{color:var(--meta);font:600 8px/1.3 var(--mono);letter-spacing:.1em}.home-matrix .component-card-copy h3{font-family:var(--sans);letter-spacing:-.04em;margin:0 0 12px;font-size:27px;font-weight:610}.home-matrix .component-card-copy h3 a{color:inherit}.home-matrix .component-card-copy h3 a:hover{color:var(--accent)}.home-matrix .component-card-copy p{color:var(--meta);font-size:12px;line-height:1.65}.home-matrix .component-card-preview{background:#ffffffb3;border:1px solid #1818182e;border-radius:0;place-items:center;min-height:210px;margin-top:auto;display:grid}.home-matrix .component-card:nth-child(3) .component-card-preview{background:#222;border-color:#4b4b4b}.home-matrix .about-section{background:var(--ink);color:#fff;width:100vw;margin-left:calc(50% - 50vw);padding:110px max(32px,50vw - 620px);position:relative;overflow:hidden}.home-matrix .about-section:before{content:"";opacity:1;background-color:#0000;background-image:radial-gradient(circle,#666 1.4px,#0000 1.6px);background-size:9px 9px;border-radius:0;width:92px;height:92px;display:block;position:absolute;top:0;right:max(32px,50vw - 620px)}.home-matrix .about-section:after{background:var(--accent);content:"";width:10px;height:10px;position:absolute;top:0;right:max(32px,50vw - 620px)}.home-matrix .about-grid{box-shadow:none;background:0 0;border:0;grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);gap:100px;padding:0;display:grid}.home-matrix .about-lead{color:#fff;max-width:720px;font-family:var(--sans);letter-spacing:-.045em;font-size:clamp(28px,3.5vw,48px);font-weight:560;line-height:1.28}.home-matrix .about-grid>div>p:not(.about-lead){color:#a8a8a8;max-width:620px;line-height:1.8}.home-matrix .github-link{border-bottom-color:var(--accent);color:#fff}.blog-footer{background:var(--ink);color:#8d8d8d;min-height:110px;font-family:var(--mono);border-top:1px solid #3f3f3f}.blog-footer strong,.blog-footer a{color:#fff}.blog-footer a:hover{color:var(--accent)}.scrub-timeline-preview input,.progressive-field-preview input{accent-color:var(--accent)}.scrub-timeline-preview__frames i{background:#d0d0d0}.scrub-timeline-preview__frames i:nth-child(3),.command-orbit-preview__trigger{background:var(--accent)}@keyframes matrix-reveal{0%{clip-path:inset(0 100% 0 0);opacity:.2;transform:translate(-8px)}to{clip-path:inset(0);opacity:1;transform:translate(0)}}@media (width<=1040px){.matrix-profile-grid{grid-template-columns:minmax(0,1fr) minmax(320px,.9fr);gap:58px}.matrix-reading-grid{grid-template-columns:minmax(0,1.3fr) minmax(300px,.7fr);gap:50px}.matrix-reading .hero-latest{padding-right:18%}.home-matrix .component-card,.home-matrix .component-card[data-category=navigation],.home-matrix .component-card[data-category=motion],.home-matrix .component-card[data-category=input],.home-matrix .component-card[data-category=disclosure]{min-height:470px;padding:22px}}@media (width<=820px){.blog-header-inner,.blog-shell,.article-shell,.component-library-shell{width:min(100% - 40px,1240px)}.header-post-count,.blog-brand em{display:none}.matrix-profile{min-height:auto;padding:28px 0 32px}.matrix-section-code{grid-template-columns:1fr 1fr}.matrix-section-code span:nth-child(2){display:none}.matrix-profile-grid{grid-template-columns:1fr;gap:66px;padding:70px 0 72px}.matrix-title-block .hero-journal-title,.tech-blog[lang=en] .matrix-title-block .hero-journal-title{font-size:clamp(58px,12vw,86px)}.matrix-statement{max-width:620px}.matrix-route{grid-template-columns:110px 1fr}.matrix-route i:nth-child(2n){display:none}.matrix-route>div{grid-template-columns:repeat(14,1fr)}.matrix-reading{padding:82px 0 94px}.matrix-reading-grid{grid-template-columns:1fr;gap:70px}.matrix-reading .hero-latest{min-height:520px}.matrix-index-track{min-height:360px}.home-matrix .blog-layout{padding-top:94px}.home-matrix .blog-main-column>section+section{margin-top:110px}.home-matrix .section-heading{grid-template-columns:1fr;gap:24px}.home-matrix .section-heading-meta{align-items:start}.home-matrix .component-lab-grid{grid-template-columns:1fr}.home-matrix .component-card,.home-matrix .component-card[data-category=navigation],.home-matrix .component-card[data-category=motion],.home-matrix .component-card[data-category=input],.home-matrix .component-card[data-category=disclosure]{border-right:0;border-bottom:1px solid var(--ink);min-height:480px}.home-matrix .component-card:nth-child(3){border-bottom:0}.home-matrix .about-grid{grid-template-columns:1fr;gap:66px}}@media (width<=600px){.blog-header-inner,.blog-shell,.article-shell,.component-library-shell{width:min(100% - 28px,1240px)}.blog-header-inner{grid-template-columns:auto 1fr auto}.blog-brand>span{width:28px;height:28px;margin-right:0}.blog-brand strong{display:none}.blog-nav{justify-self:center;gap:0}.blog-nav a{min-width:37px;padding:0 4px;font-size:11px}.header-actions{gap:0}.language-switch{min-width:30px;height:28px;padding:0 4px}.matrix-section-code span:last-child{font-size:7px}.matrix-profile-grid{gap:56px;padding:54px 0 60px}.matrix-gc-mark{margin-bottom:36px}.matrix-title-block .hero-journal-title,.tech-blog[lang=en] .matrix-title-block .hero-journal-title{letter-spacing:-.07em;font-size:clamp(48px,15vw,68px)}.matrix-title-block .hero-journal-title span:last-child{letter-spacing:-.04em;font-size:.43em}.matrix-statement{padding-left:26px}.matrix-coordinate{margin-bottom:30px}.matrix-statement .hero-identity-lead{font-size:22px}.matrix-statement .hero-identity-meta{grid-template-columns:1fr}.matrix-route{grid-template-columns:82px 1fr;gap:12px;font-size:7px}.matrix-reading{padding:68px 0 78px}.matrix-reading .hero-reading-heading{align-items:end;margin-bottom:44px}.matrix-reading .hero-reading-heading h2{font-size:40px}.matrix-reading .hero-reading-heading a{white-space:nowrap;max-width:none;font-size:8px;line-height:1.2}.matrix-reading .hero-latest{min-height:500px;padding:24px 0 30px}.matrix-reading .hero-latest-folio{margin-bottom:56px}.matrix-reading .hero-latest h2{max-width:88%;font-size:clamp(36px,11vw,48px)}.matrix-reading .hero-latest>p{max-width:86%}.feature-dot-field{background-size:10px 10px;width:84px;height:84px;top:60px}.matrix-reading .hero-latest-footer{align-items:start;gap:20px}.matrix-reading .hero-article-index-list button strong{max-width:230px}.home-matrix .blog-layout{padding-top:78px}.home-matrix .blog-main-column>section+section{margin-top:90px}.home-matrix .section-heading{margin-bottom:36px}.home-matrix .section-heading h2{font-size:38px}.home-matrix .section-heading-meta{gap:18px;display:grid}.home-matrix .filter-row{flex-wrap:wrap}.home-matrix .filter-row button{min-height:38px;padding-right:15px;font-size:9px}.home-matrix .filter-count{border-top:1px solid var(--soft-line);justify-content:space-between;width:100%}.home-matrix .post-row{grid-template-columns:42px 1fr;gap:10px}.home-matrix .post-dot-index{width:38px;height:38px;margin-top:27px}.home-matrix .post-row-link,.home-matrix .post-row[data-category=design] .post-row-link{grid-template-columns:1fr;gap:24px;min-height:0;padding:26px 0 30px}.home-matrix .post-row h3{font-size:24px}.home-matrix .post-row-end{border:0;flex-direction:row;align-items:center;min-height:auto;padding:0}.home-matrix .component-card,.home-matrix .component-card[data-category=navigation],.home-matrix .component-card[data-category=motion],.home-matrix .component-card[data-category=input],.home-matrix .component-card[data-category=disclosure]{min-height:440px;padding:22px}.home-matrix .about-section{padding:82px 14px}.home-matrix .about-section:before,.home-matrix .about-section:after{right:14px}.home-matrix .about-lead{font-size:29px}}@media (prefers-reduced-motion:reduce){.matrix-title-block,.matrix-statement{animation:none}.feature-dot-field,.matrix-index-track>span,.matrix-reading .hero-latest h2,.home-matrix .post-row h3{transition:none}}.matrix-profile{border-bottom:0}.matrix-profile-grid{grid-template-columns:minmax(0,1.02fr) minmax(380px,.98fr);gap:clamp(84px,11vw,170px)}.matrix-statement{border-left:0;padding-left:0}.matrix-statement:before{border-radius:50%;width:6px;height:6px;top:14px;left:-28px}.matrix-statement:after{content:"";background-image:radial-gradient(circle,#b5b5b5 1.3px,#0000 1.5px);background-size:8px 10px;width:8px;height:116px;position:absolute;top:44px;left:-30px}.matrix-gc-mark i,.matrix-route i,.home-matrix .filter-count-dots i,.home-matrix .dot-pattern-grid i{border-radius:50%}.matrix-gc-mark i.is-red,.matrix-route i.is-active,.home-matrix .filter-count-dots i.is-active{border-radius:0}.matrix-route{grid-template-columns:128px 1fr;padding-top:24px;position:relative}.matrix-route:before{background:var(--ink);content:"";width:68px;height:1px;position:absolute;top:0;left:0}.matrix-route i:after{display:none}.matrix-reading{border-bottom:0;padding-top:112px}.matrix-reading .hero-reading-heading:after{display:none}.matrix-reading-grid{grid-template-columns:minmax(0,1.7fr) minmax(310px,.62fr);gap:clamp(70px,10vw,150px)}.matrix-reading .hero-latest{border-top:0;min-height:610px;padding-top:0}.matrix-reading .hero-latest:hover{border-color:#0000}.matrix-reading .hero-latest-folio{width:max-content;margin-bottom:86px;padding-left:58px;position:relative}.matrix-reading .hero-latest-folio:before{content:"";background-image:radial-gradient(circle,#929292 1.3px,#0000 1.5px);background-size:8px 4px;width:38px;height:4px;position:absolute;top:50%;left:0;transform:translateY(-50%)}.matrix-reading .hero-latest-meta{border-bottom:0;width:min(100%,620px);padding-bottom:0}.matrix-reading .hero-latest h2{max-width:720px;font-size:clamp(40px,4.7vw,64px);line-height:1.08}.matrix-reading .hero-latest>p{max-width:570px}.matrix-reading .hero-latest-footer{border-top:0;width:min(100%,620px);padding-top:0}.matrix-reading .hero-latest-footer:before{content:"";background-image:radial-gradient(circle,#8c8c8c 1.2px,#0000 1.4px);background-size:8px 3px;width:70px;height:3px;margin-right:18px;display:block}.feature-dot-field{border-radius:50%;width:158px;height:158px;top:118px;-webkit-mask-image:radial-gradient(circle,#000 0 53%,#0000 73%);mask-image:radial-gradient(circle,#000 0 53%,#0000 73%)}.matrix-reading .hero-article-index{border-top:0}.matrix-reading .hero-article-index>header{border-bottom:0;min-height:72px;padding-top:0}.matrix-index-body{grid-template-columns:14px 1fr;gap:22px;padding-top:26px}.matrix-index-track>i{background-image:radial-gradient(circle,#a8a8a8 1.3px,#0000 1.5px);background-size:4px 11px;width:4px;left:5px}.matrix-index-track>span{border-radius:50%;left:3px}.matrix-reading .hero-article-index-list{gap:10px;display:grid}.matrix-reading .hero-article-index-list button{border-bottom:0;grid-template-columns:24px 1fr 6px;gap:12px;min-height:78px;padding:8px 0}.matrix-reading .hero-article-index-list button+button:before{content:"";background-image:radial-gradient(circle,#c2c2c2 1px,#0000 1.2px);background-size:7px 3px;width:54px;height:3px;display:block;position:absolute;top:-5px;left:36px}.matrix-reading .hero-article-index-list button strong{white-space:normal}.matrix-reading .hero-article-index-list button[aria-pressed=true] strong{font-size:15px}.matrix-reading .hero-article-index-list button>i{border-radius:50%}.home-matrix .section-heading{border-bottom:0;grid-template-columns:minmax(300px,.85fr) minmax(0,1.15fr);margin-bottom:66px;padding-bottom:0;position:relative}.home-matrix .section-heading:after{content:"";background-image:radial-gradient(circle,#9f9f9f 1.2px,#0000 1.4px);background-size:9px 4px;width:94px;height:4px;display:block;position:absolute;bottom:-28px;left:0}.home-matrix .filter-row{border-bottom:0;align-items:center;gap:28px;margin-bottom:42px}.home-matrix .filter-row button{border-right:0;min-height:32px;padding:0 0 0 14px}.home-matrix .filter-row button:before{background:#b7b7b7;border:0;border-radius:50%;width:4px;height:4px}.home-matrix .filter-row button[aria-pressed=true]:before{border-radius:0}.home-matrix .filter-count{min-height:32px}.home-matrix .post-list{gap:0;display:grid}.home-matrix .post-row{border-bottom:0;grid-template-columns:78px minmax(0,1fr);gap:28px;padding:34px 0 54px;position:relative}.home-matrix .post-row:after{content:"";background-image:radial-gradient(circle,#b5b5b5 1.2px,#0000 1.4px);background-size:10px 4px;width:44%;height:4px;position:absolute;bottom:0;right:8%}.home-matrix .post-row:nth-child(2n):after{width:31%;left:8%;right:auto}.home-matrix .post-dot-index{width:68px;height:68px;margin-top:4px}.home-matrix .dot-pattern-grid{gap:7px;inset:6px}.home-matrix .dot-pattern-grid i{width:4px;height:4px}.home-matrix .dot-pattern-number{min-width:24px;min-height:18px;box-shadow:none;background:#fff;bottom:2px;right:3px}.home-matrix .post-row-link,.home-matrix .post-row[data-category=design] .post-row-link{grid-template-columns:minmax(0,1fr) 90px;gap:46px;min-height:150px;padding:0}.home-matrix .post-row-end{border-left:0;min-height:80px;padding-left:0}.home-matrix .post-row-end:before{content:"";border:1px dotted #a7a7a7;border-radius:50%;width:34px;height:34px}.home-matrix .post-row-end i{border:0;width:auto;height:auto}.home-matrix .post-row-link:hover .post-row-end i{color:var(--accent);background:0 0;border-color:#0000}.home-matrix .post-pagination{box-shadow:none;background:0 0;border:0;margin-top:48px;padding:0}.home-matrix .post-pagination>div button[aria-current=page]{color:var(--accent);background:0 0}.home-matrix .component-lab-grid{border:0;align-items:start;gap:clamp(30px,4vw,56px)}.home-matrix .component-card,.home-matrix .component-card[data-category=navigation],.home-matrix .component-card[data-category=motion],.home-matrix .component-card[data-category=input],.home-matrix .component-card[data-category=disclosure],.home-matrix .component-card:nth-child(2),.home-matrix .component-card:nth-child(3){min-height:560px;color:var(--ink);background:0 0;border:0;padding:0}.home-matrix .component-card:nth-child(2){margin-top:70px}.home-matrix .component-card:nth-child(3){margin-top:24px}.home-matrix .component-card:nth-child(3) .component-card-header,.home-matrix .component-card:nth-child(3) .component-card-footer,.home-matrix .component-card:nth-child(3) .component-card-copy p{color:var(--meta)}.home-matrix .component-card-preview,.home-matrix .component-card:nth-child(3) .component-card-preview{background:#f1f1f1;border:0;border-radius:28px 28px 74px;min-height:260px;padding:14px;overflow:hidden}.home-matrix .component-card:nth-child(2) .component-card-preview{background:#f7f7f7;border-radius:74px 28px 28px}.home-matrix .component-card:nth-child(3) .component-card-preview{background:#ededed;border-radius:28px 74px 28px 28px}.home-matrix .component-card-footer{border-top:0}.home-matrix .about-section{width:auto;color:var(--ink);background:#fff;margin-left:0;padding:40px 0 124px;overflow:visible}.home-matrix .about-section:before{background-image:radial-gradient(circle,#b6b6b6 1.5px,#0000 1.7px);border-radius:50%;width:180px;height:180px;top:80px;right:3%;-webkit-mask-image:radial-gradient(circle,#000 0 52%,#0000 72%);mask-image:radial-gradient(circle,#000 0 52%,#0000 72%)}.home-matrix .about-section:after{border-radius:50%;width:8px;height:8px;top:98px;right:calc(3% + 28px)}.home-matrix .about-section .section-heading{border-bottom:0}.home-matrix .about-section .section-heading h2,.home-matrix .about-section .section-heading-title,.home-matrix .about-lead{color:var(--ink)}.home-matrix .about-grid>div>p:not(.about-lead){color:var(--meta)}.home-matrix .github-link{color:var(--ink)}.home-matrix .colophon-list{border-top-color:var(--soft-line)}.home-matrix .colophon-list div{border-bottom-color:var(--soft-line)}.home-matrix .colophon-list dt{color:var(--meta)}.home-matrix .colophon-list dd{color:var(--body)}@media (width<=820px){.matrix-profile-grid{grid-template-columns:1fr}.matrix-statement{padding-left:28px}.matrix-statement:before{left:0}.matrix-statement:after{left:-2px}.matrix-reading-grid,.home-matrix .section-heading{grid-template-columns:1fr}.home-matrix .component-lab-grid{grid-template-columns:1fr;gap:74px}.home-matrix .component-card:nth-child(2),.home-matrix .component-card:nth-child(3){border-bottom:0;min-height:0;margin-top:0}}@media (width<=600px){.matrix-reading .hero-reading-heading{margin-bottom:58px}.matrix-reading .hero-latest{min-height:520px}.matrix-reading .hero-latest-folio{margin-bottom:62px}.feature-dot-field{width:96px;height:96px;top:90px}.home-matrix .filter-row{gap:8px 22px}.home-matrix .filter-count{border-top:0}.home-matrix .post-row{grid-template-columns:44px 1fr;gap:14px;padding:24px 0 46px}.home-matrix .post-row+.post-row{padding-top:44px}.home-matrix .post-row:nth-child(2n) .post-row-link{padding-left:0}.home-matrix .post-dot-index{width:42px;height:42px}.home-matrix .dot-pattern-grid{gap:4px}.home-matrix .dot-pattern-grid i{width:3px;height:3px}.home-matrix .post-row-link,.home-matrix .post-row[data-category=design] .post-row-link{grid-template-columns:1fr;gap:22px}.home-matrix .post-row-end:before{display:none}.home-matrix .component-lab-grid{gap:64px}.home-matrix .component-card,.home-matrix .component-card[data-category=navigation],.home-matrix .component-card[data-category=motion],.home-matrix .component-card[data-category=input],.home-matrix .component-card[data-category=disclosure],.home-matrix .component-card:nth-child(2),.home-matrix .component-card:nth-child(3){min-height:0}.home-matrix .component-card-preview,.home-matrix .component-card:nth-child(2) .component-card-preview,.home-matrix .component-card:nth-child(3) .component-card-preview{border-radius:22px 22px 54px;min-height:230px}.home-matrix .about-section:before{width:110px;height:110px;top:84px;right:0}.home-matrix .about-section:after{top:94px;right:14px}}.matrix-reading{position:relative}.matrix-reading:after{content:"";background-image:radial-gradient(circle,#b8b8b8 1.2px,#0000 1.4px);background-size:10px 4px;height:4px;position:absolute;bottom:0;left:12%;right:12%}.matrix-reading .hero-latest{padding:36px 24% 38px 34px}.matrix-reading .hero-latest:before,.matrix-reading .hero-latest:after{content:"";opacity:1;pointer-events:none;background:0 0;width:50px;height:50px;display:block;position:absolute}.matrix-reading .hero-latest:before{border-top:1px solid #a7a7a7;border-left:1px solid #a7a7a7;border-radius:0;inset:0 auto auto 0;transform:none}.matrix-reading .hero-latest:after{border-bottom:1px solid #a7a7a7;border-right:1px solid #a7a7a7;border-radius:0;inset:auto 0 0 auto;transform:none}.matrix-reading .hero-latest:hover:before,.matrix-reading .hero-latest:hover:after{border-color:var(--accent)}.matrix-reading .hero-article-index-list button{border-radius:14px 14px 34px;margin-left:-12px;padding-left:12px;padding-right:12px;transition:background-color .16s}.matrix-reading .hero-article-index-list button[aria-pressed=true]{background:#f2f2f2}.home-matrix .posts-section{z-index:0;isolation:isolate;padding:88px 0 102px;position:relative}.home-matrix .posts-section:before{z-index:-1;content:"";background:#f5f5f5;width:100vw;position:absolute;inset:0 50%;transform:translate(-50%)}.home-matrix .posts-section:after{background:var(--accent);content:"";width:9px;height:9px;position:absolute;top:0;left:0}.home-matrix .posts-section .filter-row button,.home-matrix .posts-section .post-row-link{background:0 0}.home-matrix .post-row-link,.home-matrix .post-row[data-category=design] .post-row-link{padding:30px 36px}.home-matrix .post-row:nth-child(2n) .post-row-link{padding-left:clamp(36px,5vw,76px)}.home-matrix .post-row .post-row-link:before,.home-matrix .post-row .post-row-link:after,.home-matrix .post-row[data-category] .post-row-link:after{z-index:0;content:"";opacity:1;pointer-events:none;background:0 0;width:34px;height:34px;display:block;position:absolute}.home-matrix .post-row .post-row-link:before{border-top:1px solid #c4c4c4;border-left:1px solid #c4c4c4;top:0;left:0}.home-matrix .post-row .post-row-link:after,.home-matrix .post-row[data-category] .post-row-link:after{border-bottom:1px solid #c4c4c4;border-right:1px solid #c4c4c4;top:auto;bottom:0;right:0}.home-matrix .post-row-link:hover:before,.home-matrix .post-row-link:hover:after{border-color:var(--accent)}.home-matrix .post-row-link:hover{background:#ffffffb8}.home-matrix .component-card{position:relative}.home-matrix .component-card:before{content:"";background-image:radial-gradient(circle,#999 1.1px,#0000 1.3px);background-size:8px 3px;width:48px;height:3px;display:block;position:absolute;top:-16px;left:0}.home-matrix .component-card-preview,.home-matrix .component-card:nth-child(2) .component-card-preview,.home-matrix .component-card:nth-child(3) .component-card-preview{border:1px solid #e2e2e2}.home-matrix .about-grid{position:relative}.home-matrix .about-grid:before{content:"";background-image:radial-gradient(circle,#b4b4b4 1.1px,#0000 1.3px);background-size:3px 9px;width:3px;position:absolute;top:0;bottom:0;left:calc(58% + 34px)}.home-matrix .colophon-list{background:#f5f5f5;border:0;border-radius:0 32px;padding:28px 30px}@media (width<=820px){.home-matrix .posts-section{padding:70px 0 84px}.home-matrix .about-grid:before{display:none}}@media (width<=600px){.matrix-reading .hero-latest{padding:26px 18px 32px}.matrix-reading .hero-latest:before,.matrix-reading .hero-latest:after{width:34px;height:34px}.home-matrix .posts-section{padding:62px 0 70px}.home-matrix .post-row-link,.home-matrix .post-row[data-category=design] .post-row-link,.home-matrix .post-row:nth-child(2n) .post-row-link{padding:22px 18px 26px}.home-matrix .post-row .post-row-link:before,.home-matrix .post-row .post-row-link:after,.home-matrix .post-row[data-category] .post-row-link:after{width:24px;height:24px}.home-matrix .colophon-list{padding:24px 22px}}.matrix-profile{min-height:720px;padding-top:30px;padding-bottom:30px}.matrix-profile-grid{padding-top:48px;padding-bottom:52px}.matrix-gc-mark{margin-bottom:30px}.matrix-coordinate{margin-bottom:28px}.matrix-statement .hero-identity-meta{margin-top:30px}.matrix-route{padding-top:18px}.matrix-reading{padding-top:84px;padding-bottom:88px}.matrix-reading .hero-reading-heading{margin-bottom:56px}.matrix-reading .hero-latest{min-height:520px;padding:32px 22% 32px 32px}.matrix-reading .hero-latest-folio{margin-bottom:58px}.matrix-reading .hero-latest>p{margin-top:22px;margin-bottom:34px}.feature-dot-field{width:132px;height:132px;top:88px}.matrix-reading .hero-article-index-list button,.matrix-reading .hero-article-index-list button[aria-pressed=true]{border-radius:0;margin-left:0;padding-left:14px;padding-right:10px}.matrix-reading .hero-article-index-list button[aria-pressed=true]{border-left:3px solid var(--accent)}.matrix-reading .hero-article-index-list button+button:before{left:50px}.home-matrix .blog-layout{padding-top:96px}.home-matrix .section-heading{margin-bottom:54px}.home-matrix .posts-section{padding-top:72px;padding-bottom:80px}.home-matrix .post-row{padding-top:20px;padding-bottom:32px}.home-matrix .post-row+.post-row{padding-top:32px}.home-matrix .post-row-link,.home-matrix .post-row[data-category=design] .post-row-link,.home-matrix .post-row:nth-child(2n) .post-row-link{border-radius:0;min-height:132px;padding:24px 32px}.home-matrix .post-row:nth-child(2n) .post-row-link{margin-left:clamp(0px,3vw,42px)}.home-matrix .component-lab-grid{gap:32px}.home-matrix .component-card,.home-matrix .component-card[data-category=navigation],.home-matrix .component-card[data-category=motion],.home-matrix .component-card[data-category=input],.home-matrix .component-card[data-category=disclosure],.home-matrix .component-card:nth-child(2),.home-matrix .component-card:nth-child(3){min-height:500px;margin-top:0}.home-matrix .component-card-preview,.home-matrix .component-card:nth-child(2) .component-card-preview,.home-matrix .component-card:nth-child(3) .component-card-preview{border-radius:0;min-height:250px}.home-matrix .about-section{padding-top:30px;padding-bottom:96px}.home-matrix .colophon-list{border-radius:0}@media (width<=820px){.matrix-profile{min-height:auto}.matrix-reading .hero-latest{min-height:480px}.home-matrix .blog-layout{padding-top:80px}.home-matrix .blog-main-column>section+section{margin-top:88px}}@media (width<=600px){.matrix-profile-grid{padding-top:44px;padding-bottom:46px}.matrix-reading{padding-top:62px;padding-bottom:68px}.matrix-reading .hero-reading-heading{margin-bottom:42px}.matrix-reading .hero-latest{min-height:460px;padding:24px 18px 28px}.matrix-reading .hero-latest-folio{margin-bottom:48px}.home-matrix .posts-section{padding-top:54px;padding-bottom:60px}.home-matrix .post-row-link,.home-matrix .post-row[data-category=design] .post-row-link,.home-matrix .post-row:nth-child(2n) .post-row-link{margin-left:0;padding:20px 16px 24px}.home-matrix .component-card-preview,.home-matrix .component-card:nth-child(2) .component-card-preview,.home-matrix .component-card:nth-child(3) .component-card-preview{border-radius:0}}.home-matrix{--home-line:#d9d9d6;--home-soft:#f4f4f2;--home-muted:#747470;background:#fff}.home-matrix .blog-header{border-bottom-color:var(--home-line);background:#fffffffa;height:64px}.home-matrix .blog-header-inner,.home-matrix .blog-shell{width:min(1200px,100% - 48px)}.home-matrix .blog-brand>span{background-position:1px 1px;background-size:6px 6px;width:26px;height:26px;margin-right:10px}.home-matrix .blog-brand>span:after{width:5px;height:5px;bottom:1px;right:1px}.home-matrix .blog-brand strong{letter-spacing:.045em;font-size:12px}.home-matrix .blog-brand em{color:#858580;font-size:8px}.home-matrix .blog-nav a{min-width:58px;padding:0 9px;font-size:12px;font-weight:560}.home-matrix .blog-nav a:after{width:3px;height:3px;bottom:9px}.home-matrix .masthead{padding:0;display:block}.home-intro{border-bottom:1px solid var(--ink);padding:22px 0 26px}.home-intro-kicker{border-bottom:1px solid var(--home-line);color:var(--home-muted);font:650 8px/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;justify-content:space-between;align-items:center;padding-bottom:12px;display:flex}.home-intro-kicker span:first-child{color:var(--accent)}.home-intro-grid{grid-template-columns:minmax(210px,.8fr) minmax(360px,1.45fr) minmax(250px,.85fr);align-items:start;gap:clamp(28px,4vw,58px);padding-top:24px;display:grid}.home-intro-brand{align-items:flex-start;gap:18px;display:flex}.home-dot-mark{flex:none;grid-template-columns:repeat(6,3px);gap:3px;margin-top:4px;display:grid}.home-dot-mark i{background:#d0d0cd;width:3px;height:3px}.home-dot-mark i.is-ink{background:var(--ink)}.home-dot-mark i.is-red{background:var(--accent)}.home-intro-brand h1{max-width:190px;color:var(--ink);font-family:var(--sans);letter-spacing:-.04em;margin:0;font-size:clamp(22px,2vw,28px);font-weight:660;line-height:1.12}.home-intro-statement{border-left:3px solid var(--accent);padding-left:22px}.home-intro-statement p{max-width:620px;color:var(--ink);letter-spacing:-.025em;margin:0 0 9px;font-size:clamp(17px,1.55vw,21px);font-weight:540;line-height:1.45}.home-intro-statement span{max-width:620px;color:var(--home-muted);font-size:12px;line-height:1.65;display:block}.home-intro-meta{border-left:1px solid var(--home-line);gap:13px;margin:0;padding-left:22px;display:grid}.home-intro-meta div+div{border-top:1px solid var(--home-line);padding-top:13px}.home-intro-meta dt{color:var(--accent);font:650 8px/1 var(--mono);letter-spacing:.1em;text-transform:uppercase;margin-bottom:6px}.home-intro-meta dd{color:#4f4f4c;margin:0;font-size:11px;line-height:1.55}.home-feature{border-bottom:1px solid var(--ink);padding:32px 0 50px}.home-feature-heading{border-bottom:1px solid var(--ink);grid-template-columns:150px minmax(0,1fr) auto;align-items:center;gap:24px;padding-bottom:13px;display:grid}.home-feature-heading>span{color:var(--accent);font:700 9px/1 var(--mono);letter-spacing:.12em}.home-feature-heading p{color:var(--home-muted);margin:0;font-size:12px}.home-feature-heading a{border-bottom:1px solid var(--ink);color:var(--ink);font:650 9px/1 var(--mono);letter-spacing:.06em;padding-bottom:3px}.home-feature-heading a:hover{border-color:var(--accent);color:var(--accent)}.home-feature-layout{border-bottom:1px solid var(--ink);grid-template-columns:minmax(0,1fr) minmax(300px,340px);display:grid}.home-feature-article{border-right:1px solid var(--home-line);flex-direction:column;min-height:438px;padding:28px clamp(38px,5vw,68px) 26px 0;display:flex;position:relative}.home-feature-meta{color:var(--home-muted);font:620 9px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;justify-content:space-between;align-items:center;display:flex}.home-feature-meta span{color:var(--accent)}.home-feature-title-row{grid-template-columns:38px minmax(0,1fr);align-items:start;gap:18px;margin-top:58px;display:grid}.home-feature-title-row>span{color:var(--accent);font:750 10px/1 var(--mono);margin-top:10px}.home-feature-title-row h2{max-width:760px;color:var(--ink);font-family:var(--sans);letter-spacing:-.06em;text-wrap:balance;margin:0;font-size:clamp(39px,4.8vw,62px);font-weight:620;line-height:1.08;transition:color .15s}.home-feature-article>p{max-width:680px;color:var(--home-muted);margin:24px 0 34px 56px;font-size:14px;line-height:1.75}.home-feature-footer{border-top:1px solid var(--home-line);color:var(--home-muted);font:620 9px/1 var(--mono);letter-spacing:.06em;justify-content:space-between;align-items:center;margin:auto 0 0 56px;padding-top:15px;display:flex}.home-feature-footer strong{color:var(--ink);transition:color .15s ease, transform .15s var(--ease);font-weight:700}.home-feature-article:hover .home-feature-title-row h2{color:#2d2d2b}.home-feature-article:hover .home-feature-footer strong{color:var(--accent);transform:translate(3px)}.home-reading-index{padding-left:24px}.home-reading-index>header{border-bottom:1px solid var(--ink);justify-content:space-between;align-items:flex-start;min-height:72px;padding:22px 0 14px;display:flex}.home-reading-index>header span,.home-reading-index>header small{color:var(--home-muted);font:620 8px/1.2 var(--mono);letter-spacing:.1em;text-transform:uppercase;display:block}.home-reading-index>header span{color:var(--ink);margin-bottom:8px}.home-reading-index>header strong{color:var(--accent);font:700 10px/1 var(--mono)}.home-reading-index-list button{border:0;border-bottom:1px solid var(--home-line);width:100%;min-height:88px;color:var(--home-muted);text-align:left;cursor:pointer;background:#fff;grid-template-columns:28px minmax(0,1fr);align-items:center;gap:12px;padding:10px 12px;transition:background-color .14s;display:grid;position:relative}.home-reading-index-list button:before{background:var(--accent);content:"";opacity:0;width:3px;position:absolute;top:0;bottom:0;left:0}.home-reading-index-list button:hover,.home-reading-index-list button[aria-pressed=true]{background:var(--home-soft)}.home-reading-index-list button[aria-pressed=true]:before{opacity:1}.home-reading-index-list button>span:first-child{color:#9a9a96;font:650 9px/1 var(--mono)}.home-reading-index-list button[aria-pressed=true]>span:first-child{color:var(--accent)}.home-reading-index-list button strong{color:var(--ink);text-overflow:ellipsis;white-space:nowrap;margin-bottom:7px;font-size:13px;font-weight:570;line-height:1.35;display:block;overflow:hidden}.home-reading-index-list button small{color:var(--home-muted);font:560 8px/1 var(--mono);letter-spacing:.06em;display:block}.home-matrix .blog-layout{padding:72px 0 0;display:block}.home-matrix .blog-main-column>section+section{margin-top:112px}.home-matrix .posts-section{padding:0}.home-matrix .section-heading{border:0;border-bottom:1px solid var(--ink);grid-template-columns:150px minmax(0,1fr);align-items:end;gap:24px;margin:0 0 24px;padding:0 0 18px;display:grid}.home-matrix .section-heading:before,.home-matrix .section-heading:after{display:none}.home-matrix .section-heading-title>span{color:var(--accent);font:700 9px/1 var(--mono);letter-spacing:.12em;margin-bottom:12px;display:block}.home-matrix .section-heading h2{color:var(--ink);font-family:var(--sans);letter-spacing:-.055em;margin:0;font-size:clamp(36px,4vw,50px);font-weight:620;line-height:1}.home-matrix .section-heading-meta{justify-content:space-between;align-items:flex-end;gap:28px;display:flex}.home-matrix .section-heading-meta p{max-width:580px;color:var(--home-muted);margin:0;font-size:12px;line-height:1.6}.home-matrix .section-heading-meta a{border-bottom:1px solid var(--ink);color:var(--ink);font:650 9px/1 var(--mono);flex:none;padding-bottom:3px}.home-matrix .section-heading-meta a:hover{border-color:var(--accent);color:var(--accent)}.home-matrix .filter-row{border-bottom:1px solid var(--home-line);align-items:stretch;gap:0;margin:0;padding:0;display:flex}.home-matrix .filter-row button{min-height:42px;color:var(--home-muted);font:620 10px/1 var(--mono);cursor:pointer;background:#fff;border:0;border-radius:0;padding:0 18px}.home-matrix .filter-row button:before{display:none}.home-matrix .filter-row button:after{background:var(--accent);transform-origin:0;background-image:none;width:auto;height:2px;bottom:-1px;left:18px;right:18px;transform:scaleX(0)}.home-matrix .filter-row button:hover,.home-matrix .filter-row button[aria-pressed=true]{color:var(--ink);background:#fff}.home-matrix .filter-row button:hover:after,.home-matrix .filter-row button[aria-pressed=true]:after{transform:scaleX(1)}.home-matrix .filter-count{min-height:42px;color:var(--home-muted);font:600 9px/1 var(--mono);margin-left:auto}.home-matrix .filter-count-dots{display:none}.home-matrix .post-list{border:0}.home-matrix .post-row{border:0;border-bottom:1px solid var(--ink);grid-template-columns:56px minmax(0,1fr);gap:0;padding:0;display:grid;position:relative}.home-matrix .post-row-index{color:var(--accent);font:720 9px/1 var(--mono);justify-content:flex-start;align-items:flex-start;padding-top:25px;display:flex}.home-matrix .post-row .post-row-link,.home-matrix .post-row[data-category] .post-row-link,.home-matrix .post-row[data-category=design] .post-row-link,.home-matrix .post-row:nth-child(2n) .post-row-link{min-height:132px;box-shadow:none;background:#fff;border:0;border-radius:0;grid-template-columns:minmax(0,1fr) 78px;align-items:center;gap:32px;margin:0;padding:22px 18px 22px 0;transition:background-color .14s;display:grid;position:relative;overflow:visible;transform:none}.home-matrix .post-row .post-row-link:before,.home-matrix .post-row .post-row-link:after,.home-matrix .post-row[data-category] .post-row-link:before,.home-matrix .post-row[data-category] .post-row-link:after{display:none}.home-matrix .post-row .post-row-link:hover,.home-matrix .post-row[data-category] .post-row-link:hover{background:var(--home-soft);box-shadow:inset 3px 0 0 var(--accent);padding-left:18px;padding-right:18px;transform:none}.home-matrix .post-row-meta{color:var(--home-muted);font:600 9px/1 var(--mono);letter-spacing:.06em;margin-bottom:8px}.home-matrix .post-row-meta span{color:var(--accent)}.home-matrix .post-row h3{color:var(--ink);font-family:var(--sans);letter-spacing:-.04em;margin:0;font-size:clamp(22px,2.5vw,31px);font-weight:590;line-height:1.15;transition:none}.home-matrix .post-row-link:hover h3{transform:none}.home-matrix .post-row-body>p{max-width:820px;color:var(--home-muted);margin:9px 0 0;font-size:12.5px;line-height:1.55}.home-matrix .post-row-end{min-height:54px;color:var(--home-muted);font:600 9px/1 var(--mono);border:0;flex-direction:column;justify-content:space-between;align-items:flex-end;padding:0;display:flex}.home-matrix .post-row-end i{width:auto;height:auto;color:var(--ink);border:0;font-size:18px;font-style:normal;display:block}.home-matrix .post-row-link:hover .post-row-end i{color:var(--accent);background:0 0;border:0;transform:translate(3px,-3px)}.home-matrix .component-lab-grid{border:0;border-top:1px solid var(--ink);border-bottom:1px solid var(--ink);background:#fff;grid-template-columns:repeat(3,1fr);gap:0;display:grid}.home-matrix .component-card,.home-matrix .component-card[data-category=navigation],.home-matrix .component-card[data-category=motion],.home-matrix .component-card[data-category=input],.home-matrix .component-card[data-category=disclosure],.home-matrix .component-card:nth-child(2),.home-matrix .component-card:nth-child(3){border:0;border-right:1px solid var(--home-line);min-height:398px;box-shadow:none;color:var(--ink);background:#fff;border-radius:0;flex-direction:column;grid-column:auto;margin:0;padding:22px;display:flex;transform:none}.home-matrix .component-card:last-child{border-right:0}.home-matrix .component-card:before,.home-matrix .component-card:after{display:none}.home-matrix .component-card-header,.home-matrix .component-card-footer,.home-matrix .component-card:nth-child(3) .component-card-header,.home-matrix .component-card:nth-child(3) .component-card-footer{color:var(--home-muted);font:600 8px/1.2 var(--mono);letter-spacing:.08em}.home-matrix .component-card-header span:first-child,.home-matrix .component-card-footer a{color:var(--accent)}.home-matrix .component-card-copy{margin:28px 0 18px}.home-matrix .component-card-copy h3{margin:0 0 8px;font-size:23px;font-weight:600}.home-matrix .component-card-copy p,.home-matrix .component-card:nth-child(3) .component-card-copy p{color:var(--home-muted);font-size:11.5px;line-height:1.6}.home-matrix .component-card-preview,.home-matrix .component-card:nth-child(2) .component-card-preview,.home-matrix .component-card:nth-child(3) .component-card-preview{border:1px solid var(--home-line);background:var(--home-soft);border-radius:0;min-height:202px;margin-top:auto}.home-matrix .component-card-footer{border-top:1px solid var(--home-line);margin-top:16px;padding-top:12px}.home-matrix .about-section{background:var(--ink);color:#fff;width:100vw;margin-left:calc(50% - 50vw);padding:42px max(24px,50vw - 600px) 64px}.home-matrix .about-section:before,.home-matrix .about-section:after{display:none}.home-matrix .about-section .section-heading{border-bottom-color:#484846}.home-matrix .about-section .section-heading h2{color:#fff}.home-matrix .about-grid{background:0 0;border:0;grid-template-columns:minmax(0,1.1fr) minmax(300px,.9fr);gap:clamp(48px,8vw,96px);padding:0;display:grid}.home-matrix .about-lead{color:#fff;max-width:680px;margin-top:0;font-size:clamp(26px,3vw,38px);line-height:1.3}.home-matrix .about-grid>div>p:not(.about-lead){color:#aaa;max-width:640px;font-size:13px;line-height:1.8}.home-matrix .colophon-list{border:0;border-top:1px solid #484846;border-radius:0;padding:0}.home-matrix .blog-footer{min-height:88px}@media (width<=980px){.home-intro-grid{grid-template-columns:minmax(190px,.72fr) minmax(0,1.28fr)}.home-intro-meta{border-top:1px solid var(--home-line);border-left:0;grid-column:1/-1;grid-template-columns:1fr 1fr;padding:16px 0 0}.home-intro-meta div+div{border-top:0;border-left:1px solid var(--home-line);padding:0 0 0 20px}.home-feature-layout{grid-template-columns:minmax(0,1fr) 300px}.home-feature-article{padding-right:36px}}@media (width<=820px){.home-matrix .blog-header-inner,.home-matrix .blog-shell{width:min(100% - 36px,720px)}.home-feature-layout{grid-template-columns:1fr}.home-feature-article{border-right:0;min-height:420px;padding-right:0}.home-reading-index{border-top:1px solid var(--ink);padding-left:0}.home-reading-index-list{grid-template-columns:1fr 1fr;display:grid}.home-reading-index-list button:nth-child(odd){border-right:1px solid var(--home-line)}.home-matrix .blog-layout{padding-top:62px}.home-matrix .blog-main-column>section+section{margin-top:88px}.home-matrix .component-lab-grid{grid-template-columns:1fr}.home-matrix .component-card,.home-matrix .component-card[data-category=navigation],.home-matrix .component-card[data-category=motion],.home-matrix .component-card[data-category=input],.home-matrix .component-card[data-category=disclosure],.home-matrix .component-card:nth-child(2),.home-matrix .component-card:nth-child(3){border-right:0;border-bottom:1px solid var(--home-line);min-height:360px}.home-matrix .component-card:last-child{border-bottom:0}}@media (width<=600px){.home-matrix .blog-header{height:58px}.home-matrix .blog-header-inner,.home-matrix .blog-shell{width:calc(100% - 32px)}.home-matrix .blog-brand>span{background-size:5px 5px;width:22px;height:22px;margin-right:7px}.home-matrix .blog-brand em,.home-matrix .header-post-count{display:none}.home-matrix .blog-nav{gap:0;margin-left:auto}.home-matrix .blog-nav a{min-width:auto;padding:0 7px;font-size:10px}.home-matrix .language-switch{min-width:30px;height:28px;margin-left:4px;font-size:10px}.home-intro{padding:18px 0 22px}.home-intro-kicker span:last-child{display:none}.home-intro-grid{grid-template-columns:1fr;gap:22px;padding-top:20px}.home-intro-brand h1{max-width:none;font-size:25px}.home-intro-statement{padding-left:16px}.home-intro-statement p{font-size:18px}.home-intro-meta{grid-template-columns:1fr;gap:12px;padding-top:14px}.home-intro-meta div+div{border-top:1px solid var(--home-line);border-left:0;padding:12px 0 0}.home-feature{padding:26px 0 38px}.home-feature-heading{grid-template-columns:1fr auto;gap:12px}.home-feature-heading p{grid-area:2/1/auto/-1}.home-feature-article{min-height:390px;padding:22px 0 24px}.home-feature-title-row{grid-template-columns:28px minmax(0,1fr);gap:8px;margin-top:42px}.home-feature-title-row>span{margin-top:7px}.home-feature-title-row h2{font-size:clamp(34px,10.5vw,44px);line-height:1.08}.home-feature-article>p{margin:20px 0 28px 36px;font-size:13px}.home-feature-footer{margin-left:36px}.home-reading-index-list{display:block}.home-reading-index-list button:nth-child(odd){border-right:0}.home-matrix .blog-layout{padding-top:52px}.home-matrix .blog-main-column>section+section{margin-top:72px}.home-matrix .section-heading{grid-template-columns:1fr;gap:16px;margin-bottom:18px}.home-matrix .section-heading-meta{align-items:flex-start}.home-matrix .section-heading h2{font-size:38px}.home-matrix .filter-row{scrollbar-width:none;overflow-x:auto}.home-matrix .filter-row::-webkit-scrollbar{display:none}.home-matrix .filter-row button{flex:none;min-height:44px;padding:0 14px}.home-matrix .filter-count{flex:none;padding-left:10px}.home-matrix .post-row{grid-template-columns:34px minmax(0,1fr)}.home-matrix .post-row-index{padding-top:21px}.home-matrix .post-row .post-row-link,.home-matrix .post-row[data-category] .post-row-link,.home-matrix .post-row[data-category=design] .post-row-link,.home-matrix .post-row:nth-child(2n) .post-row-link{min-height:0;padding:18px 0 20px;display:block}.home-matrix .post-row .post-row-link:hover,.home-matrix .post-row[data-category] .post-row-link:hover{padding:18px 12px 20px}.home-matrix .post-row h3{font-size:23px}.home-matrix .post-row-body>p{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.home-matrix .post-row-end{flex-direction:row;align-items:center;min-height:0;margin-top:14px}.home-matrix .component-card,.home-matrix .component-card[data-category=navigation],.home-matrix .component-card[data-category=motion],.home-matrix .component-card[data-category=input],.home-matrix .component-card[data-category=disclosure],.home-matrix .component-card:nth-child(2),.home-matrix .component-card:nth-child(3){min-height:350px;padding:20px 0}.home-matrix .about-section{padding:36px 16px 50px}.home-matrix .about-grid{grid-template-columns:1fr;gap:38px}}@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-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}:root{--type-micro:11px;--type-label:12px;--type-meta:13px;--type-body-sm:14px;--type-body:16px;--type-lead:18px;--type-reading-nav:15px;--type-reading-mobile:17px;--type-reading-large:20px;--type-title-sm:18px;--type-title-md:20px;--type-title-lg:24px;--type-heading-sm:30px;--type-heading-md:36px;--type-heading-lg:48px;--type-display-md:64px;--type-display-lg:80px;--type-display-xl:120px;--type-page-title:clamp(40px, 4vw, 56px);--type-section-title:clamp(26px, 2.2vw, 34px);--type-display-title:clamp(48px, 5.6vw, 72px);--type-display-hero:clamp(64px, 8vw, 112px);--leading-solid:1;--leading-display:1.06;--leading-heading:1.2;--leading-title:1.35;--leading-compact:1.5;--leading-copy:1.7;--leading-body:1.76;--tracking-display:-.055em;--tracking-heading:-.035em;--tracking-label:.08em;--measure-copy:68ch;--measure-lead:58ch;--measure-compact:48ch;--project-detail-rail-width:244px;--project-detail-nav-size:var(--type-meta);--project-detail-index-size:var(--type-micro);--project-detail-meta-size:var(--type-label);--project-detail-meta-value-size:var(--type-meta);--project-detail-page-title-size:clamp(42px, 3.3vw, 52px);--project-detail-page-title-leading:1.04;--project-detail-page-title-weight:600;--project-detail-page-title-tracking:-.055em;--project-detail-rail-title-size:var(--type-body-sm);--project-detail-rail-title-leading:1.35;--project-detail-section-title-size:var(--type-title-md);--project-detail-section-title-leading:1.3;--project-detail-section-title-weight:620;--project-detail-subtitle-size:var(--type-lead);--project-detail-subtitle-leading:1.62;--project-detail-body-size:var(--type-body);--project-detail-body-leading:1.74;--project-detail-card-title-size:var(--type-body);--project-detail-card-title-leading:1.4;--project-detail-card-title-weight:620;--project-detail-card-copy-size:var(--type-body-sm);--project-detail-card-copy-leading:1.62;--project-detail-data-size:var(--type-label);--project-detail-data-leading:1.45;--project-detail-section-label-size:var(--type-meta);--project-detail-reading-width:62ch;--project-detail-compact-width:44ch;--project-detail-content-max:1480px;--project-detail-feature-width:1240px;--project-detail-section-space:clamp(38px, 4vw, 64px)}.project-section-header{border:0;min-width:0;min-height:0;padding:0;display:block}.project-section-header>i{border-top:2px solid var(--project-section-accent,var(--project-resource-accent,#ef292d));width:28px;display:block}.project-section-header>span{color:var(--project-section-accent,var(--project-resource-accent,#ef292d));font:650 var(--type-micro)/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;margin-top:9px;display:block}.project-section-header__title{align-items:center;gap:14px;min-width:0;margin-top:18px;display:flex}.project-section-header__mark{flex:none;place-items:center;display:grid}.project-section-header h2{min-width:0;color:var(--project-section-ink,var(--project-resource-ink,#171717));letter-spacing:-.05em;text-wrap:balance;margin:0;font-size:clamp(32px,3.2vw,42px);font-weight:690;line-height:1.08}.project-section-header p{max-width:760px;color:var(--project-section-copy,var(--project-resource-copy,#6f706c));font-size:var(--type-body);line-height:var(--leading-copy);text-wrap:pretty;margin:14px 0 0}.project-detail-section{border-top:1px solid var(--project-section-line,var(--project-resource-line,#e8e8e5));scroll-margin-top:calc(var(--site-header-height) + 14px);margin-top:clamp(54px,6vw,78px);padding-top:clamp(28px,3vw,34px)}.project-resource-section{scroll-margin-top:calc(var(--site-header-height) + 12px)}.project-resource-section__grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;padding:18px 0 27px;display:grid}.project-resource-section__grid a{border:1px solid var(--project-resource-line,#e8e8e5);min-width:0;min-height:98px;color:var(--project-resource-ink,#171717);border-radius:8px;grid-template-columns:36px minmax(0,1fr) 20px;align-items:center;gap:13px;padding:14px 16px;transition:border-color .15s,color .15s,transform .15s;display:grid}.project-resource-section__grid a:hover{border-color:var(--project-resource-accent,#ef292d);color:var(--project-resource-accent,#ef292d);transform:translateY(-2px)}.project-resource-section__grid a:focus-visible{outline:2px solid var(--project-resource-accent,#ef292d);outline-offset:3px}.project-resource-section__grid strong,.project-resource-section__grid span{display:block}.project-resource-section__grid strong{font-size:var(--type-body-sm);font-weight:630;line-height:var(--project-detail-card-title-leading)}.project-resource-section__grid span{color:var(--project-resource-copy,#6f706c);font-size:var(--type-label);line-height:var(--leading-compact);margin-top:4px}@media (width<=820px){.project-resource-section__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=520px){.project-detail-section{margin-top:46px;padding-top:29px}.project-section-header h2{font-size:30px}.project-section-header p{font-size:var(--type-body-sm)}.project-resource-section__grid{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.project-resource-section__grid a{transition:none}}body{font-size:var(--type-body);line-height:var(--leading-body)}input,select,textarea{font:inherit}.type-page-title{font-size:var(--type-page-title);letter-spacing:var(--tracking-display);font-weight:620;line-height:var(--leading-display)}.type-section-title{font-size:var(--type-section-title);letter-spacing:var(--tracking-heading);font-weight:600;line-height:var(--leading-heading)}.type-lead{max-width:var(--measure-lead);font-size:var(--type-lead);line-height:var(--leading-copy)}.type-body{max-width:var(--measure-copy);font-size:var(--type-body);line-height:var(--leading-body)}.type-body-small{font-size:var(--type-body-sm);line-height:var(--leading-copy)}.type-meta{font-size:var(--type-meta);line-height:var(--leading-compact)}.type-label{font-size:var(--type-label);line-height:var(--leading-title)}@media (width<=820px){:root{--type-page-title:clamp(36px, 10vw, 48px);--type-section-title:clamp(24px, 7vw, 32px);--type-display-title:clamp(42px, 12vw, 60px);--type-display-hero:clamp(54px, 17vw, 82px)}}:root{--site-header-height:102px}.site-header{--site-header-red:#ef292d;--site-header-ink:#171717;--site-header-copy:#6f6f6b;--site-header-line:#e5e5e2;z-index:var(--site-layer-navigation);height:var(--site-header-height);background:#fffffffa;position:sticky;top:0}.site-page-shell{min-width:0;min-height:calc(100svh - var(--site-header-height))}.site-header__inner{align-items:center;width:min(1920px,100% - 88px);height:100%;margin:0 auto;display:flex}.site-header__brand{min-height:44px;color:var(--site-header-ink);font-family:var(--font-geist-sans), "PingFang SC", "Microsoft YaHei", sans-serif;justify-self:start;align-items:center;gap:8px;transition:color .16s,transform .18s;display:inline-flex}.site-header__brand:hover,.site-header__brand:focus-visible{transform:translateY(-1px)}.site-header__brand strong{color:var(--site-header-ink);background:linear-gradient(90deg, var(--site-header-red) 0%, var(--site-header-red) 48%, var(--site-header-ink) 52%, var(--site-header-ink) 100%);font-size:var(--type-title-md);letter-spacing:-.035em;-webkit-text-fill-color:transparent;background-position:100% 0;background-size:210% 100%;-webkit-background-clip:text;background-clip:text;font-weight:680;transition:background-position .42s cubic-bezier(.2,0,0,1),letter-spacing .3s}.site-header__brand:hover strong,.site-header__brand:focus-visible strong{letter-spacing:-.015em;background-position:0 0}.site-header__brand-dot,.site-header__language i,.site-navigation__active-dot{background:var(--site-header-red);border-radius:50%;flex:none;display:block}.site-header__brand-dot{width:7px;height:7px;transition:box-shadow .18s,transform .18s}.site-header__brand:hover .site-header__brand-dot,.site-header__brand:focus-visible .site-header__brand-dot{animation:.48s cubic-bezier(.2,0,0,1) both site-header-brand-signal;transform:scale(1.16);box-shadow:0 0 0 4px #ef292d1a}@keyframes site-header-brand-signal{0%{transform:scale(1);box-shadow:0 0 #ef292d33}48%{transform:scale(1.32);box-shadow:0 0 0 6px #ef292d14}to{transform:scale(1.16);box-shadow:0 0 0 4px #ef292d1a}}.site-header__end{align-items:center;gap:24px;margin-left:auto;display:flex}.site-navigation{justify-content:center;align-items:stretch;gap:clamp(36px,3.05vw,47px);height:52px;display:flex}.site-navigation__link{isolation:isolate;min-width:28px;color:var(--site-header-copy);font-family:var(--font-geist-sans), "PingFang SC", "Microsoft YaHei", sans-serif;font-size:var(--type-body-sm);white-space:nowrap;place-items:center;padding:0 7px;font-weight:450;line-height:1;transition:color .16s;display:grid;position:relative}.site-navigation__link:before{z-index:-1;content:"";opacity:0;background:#f5f5f3;border-radius:5px;transition:opacity .18s,transform .22s cubic-bezier(.2,0,0,1);position:absolute;inset:7px -3px 6px;transform:scale(.86)}.site-navigation__link:after{content:"";transform-origin:0;background:#cfcfca;height:1px;transition:transform .26s cubic-bezier(.2,0,0,1);position:absolute;bottom:5px;left:6px;right:6px;transform:scaleX(0)}.site-navigation__link>span{transition:transform .2s cubic-bezier(.2,0,0,1)}.site-navigation__link:hover,.site-navigation__link:focus-visible,.site-navigation__link[aria-current=page]{color:var(--site-header-ink)}.site-navigation__link:hover,.site-navigation__link:focus-visible{font-weight:620}.site-navigation__link:hover:before,.site-navigation__link:focus-visible:before{opacity:1;transform:scale(1)}.site-navigation__link:hover:after,.site-navigation__link:focus-visible:after{transform:scaleX(1)}.site-navigation__link:hover>span,.site-navigation__link:focus-visible>span{transform:translateY(-2px)}.site-navigation__link[aria-current=page]{font-weight:650}.site-navigation__hover-signal{z-index:1;background:var(--site-header-red);opacity:0;pointer-events:none;border-radius:50%;width:5px;height:5px;position:absolute;bottom:3px;left:4px}.site-navigation__link:hover .site-navigation__hover-signal,.site-navigation__link:focus-visible .site-navigation__hover-signal{animation:.46s cubic-bezier(.2,0,0,1) both site-navigation-signal}@keyframes site-navigation-signal{0%{opacity:0;left:4px;transform:scale(.65)}18%,78%{opacity:1}to{opacity:0;left:calc(100% - 9px);transform:scale(1)}}.site-navigation__active-dot{width:6px;height:6px;transition:width .18s,height .18s,border-radius .18s;position:absolute;bottom:1px;left:50%;transform:translate(-50%)}.site-navigation__link:hover .site-navigation__active-dot,.site-navigation__link:focus-visible .site-navigation__active-dot{border-radius:999px;width:15px;height:2px}.site-header__actions{align-items:center;gap:18px;display:flex}.site-header__divider{background:var(--site-header-line);width:1px;height:30px}.site-header__language{border:1px solid var(--site-header-line);isolation:isolate;width:58px;height:36px;color:var(--site-header-ink);font-family:var(--font-geist-sans), "PingFang SC", "Microsoft YaHei", sans-serif;font-size:var(--type-meta);background:#fff;border-radius:999px;justify-content:center;align-items:center;gap:7px;font-weight:650;line-height:1;transition:border-color .3s cubic-bezier(.2,0,0,1),color .15s .14s;display:inline-flex;position:relative;overflow:hidden}.site-header__language:before{z-index:-1;content:"";background:var(--site-header-red);transform-origin:0;transition:transform .36s cubic-bezier(.2,0,0,1);position:absolute;inset:0;transform:scaleX(0)}.site-header__language span{position:relative}.site-header__language i{width:5px;height:5px;transition:background-color .12s .23s;position:relative}.site-owner-mode{border:1px solid var(--site-header-ink);background:var(--site-header-ink);color:#fff;width:34px;min-height:34px;font:inherit;cursor:pointer;border-radius:50%;justify-content:center;align-items:center;padding:0;line-height:1;text-decoration:none;transition:border-color .18s,color .18s,background-color .18s,transform .18s;display:inline-flex}.site-owner-mode svg{flex:none}.site-owner-mode:hover,.site-owner-mode:focus-visible{border-color:var(--site-header-ink);color:#fff;transform:translateY(-1px)}.site-owner-mode:disabled{cursor:wait;opacity:.62}.site-owner-mode--previewing{border-color:var(--site-header-line);color:var(--site-header-copy);background:0 0}.site-owner-mode--previewing:hover,.site-owner-mode--previewing:focus-visible{border-color:var(--site-header-ink);color:var(--site-header-ink)}.site-owner-mode:focus-visible{outline:2px solid var(--site-header-red);outline-offset:2px}.site-header__language:hover,.site-header__language:focus-visible{border-color:var(--site-header-red);color:#fff}.site-header__language:hover:before,.site-header__language:focus-visible:before{transform:scaleX(1)}.site-header__language:hover i,.site-header__language:focus-visible i{background:#fff}.site-header__brand:focus-visible,.site-navigation__link:focus-visible,.site-header__language:focus-visible{outline:2px solid var(--site-header-red);outline-offset:4px}@media (width<=1080px){.site-header__inner{width:calc(100% - 64px)}.site-header__end{gap:18px}.site-navigation{gap:22px}.site-navigation__link{font-size:var(--type-meta)}}@media (width<=820px){:root{--site-header-height:112px}.site-header{border-bottom:1px solid var(--site-header-line)}.site-header__inner{grid-template-rows:62px 49px;grid-template-columns:1fr auto;width:calc(100% - 32px);display:grid;transform:none}.site-header__end{display:contents}.site-header__brand{grid-area:1/1}.site-header__brand strong{font-size:var(--type-title-md)}.site-header__actions{grid-area:1/2}.site-header__divider{display:none}.site-navigation{scrollbar-width:none;border-top:1px solid #efefed;grid-area:2/1/auto/-1;justify-content:space-between;gap:18px;width:100%;height:49px;display:flex;overflow-x:auto}.site-navigation::-webkit-scrollbar{display:none}.site-navigation__link{min-height:48px;font-size:var(--type-meta);flex:none;padding:0 4px}.site-navigation__active-dot{width:5px;height:5px;bottom:2px}.site-header__language{width:46px;height:34px;font-size:var(--type-meta);gap:5px}}@media (width<=480px){.site-header__inner{width:calc(100% - 24px)}.site-navigation{gap:10px}.site-navigation__link{font-size:var(--type-meta);padding:0 2px}}@media (prefers-reduced-motion:reduce){.site-header__brand,.site-header__brand strong,.site-header__brand-dot,.site-navigation__link,.site-navigation__link:before,.site-navigation__link:after,.site-navigation__link>span,.site-navigation__active-dot,.site-header__language,.site-header__language:before,.site-header__language i{transition:none}.site-header__brand:hover .site-header__brand-dot,.site-header__brand:focus-visible .site-header__brand-dot{animation:none}.site-navigation__hover-signal{display:none}}.section-rail-layout{--section-rail-offset:var(--site-header-height)}.section-rail,.section-rail-body,.section-rail-content{min-width:0;min-height:0}[data-section-rail] [data-section-rail-heading]{color:var(--section-rail-ink,#242522);font-size:var(--type-title-md);letter-spacing:-.025em;text-wrap:balance;margin:0;font-weight:620;line-height:1.55}[data-section-rail] [data-section-rail-heading]>span{display:block}[data-section-rail] [data-section-rail-lead]{color:var(--section-rail-copy,#747570);font-size:var(--type-label);margin:10px 0 0;line-height:1.72}[data-section-rail] [data-section-rail-nav]{gap:1px;margin-top:26px;padding:0;display:grid;position:relative}[data-section-rail] [data-section-rail-nav]:before{display:none}[data-section-rail] [data-section-rail-nav] :is(a,button){width:100%;min-height:36px;color:var(--section-rail-muted,#777873);font-size:var(--type-meta);text-align:left;background:0 0;border:0;grid-template-columns:8px minmax(0,1fr) auto;align-items:center;gap:8px;padding:0;font-weight:520;line-height:1.2;display:grid}[data-section-rail] [data-section-rail-nav] :is(svg,i){color:#d8d9d5;background:currentColor;border-radius:50%;width:5px;height:5px;display:block}[data-section-rail] [data-section-rail-nav] strong{color:inherit;font-size:var(--type-meta);letter-spacing:.04em;font-weight:500}[data-section-rail] [data-section-rail-nav] :is(a,button):hover{color:var(--section-rail-accent,#ed1d24)}[data-section-rail] [data-section-rail-nav] :is(a,button):focus-visible{outline:2px solid var(--section-rail-accent,#ed1d24);outline-offset:3px}.project-rail-identity{opacity:0;pointer-events:none;grid-template-rows:0fr;transition:grid-template-rows .4s cubic-bezier(.22,1,.36,1),opacity .18s,transform .4s cubic-bezier(.22,1,.36,1);display:grid;transform:translateY(-4px)}.project-rail-identity[data-visible=true]{opacity:1;pointer-events:auto;grid-template-rows:1fr;transform:translateY(0)}.project-rail-identity__reveal{min-height:0;overflow:hidden}.project-rail-identity__card{color:#30312e;border-top:1px solid #0000;border-bottom:1px solid #0000;grid-template-columns:56px minmax(0,1fr);align-items:center;gap:14px;padding:0;text-decoration:none;transition:padding .4s cubic-bezier(.22,1,.36,1),border-color .22s;display:grid}.project-rail-identity[data-visible=true] .project-rail-identity__card{border-color:#e3e4df;padding:17px 0 18px}.project-rail-identity__cover{aspect-ratio:4/3;opacity:.72;transform-origin:0;background:#f2f2ef;border:1px solid #e1e1dd;border-radius:3px;width:56px;transition:opacity .22s,transform .44s cubic-bezier(.22,1,.36,1);display:block;position:relative;overflow:hidden;transform:translateY(-2px)scale(.94)}.project-rail-identity[data-visible=true] .project-rail-identity__cover{opacity:1;transform:scale(1)}.project-rail-identity__cover img{object-fit:cover;width:100%;height:100%;display:block}.project-rail-identity__card strong{letter-spacing:-.025em;text-wrap:balance;min-width:0;font-size:15.5px;font-weight:650;line-height:1.22;transition:color .16s,transform .4s cubic-bezier(.22,1,.36,1);transform:translateY(-2px)}.project-rail-identity[data-visible=true] .project-rail-identity__card strong{transform:translateY(0)}.project-rail-toc{transition:margin-top .4s cubic-bezier(.22,1,.36,1)}.project-rail-identity[data-visible=true]+.project-rail-toc{margin-top:18px}.project-rail-identity__card:hover strong{color:#df232c}.project-rail-identity__card:focus-visible{outline-offset:4px;outline:2px solid #df232c}.project-facts-section{border-top:1px solid #dedfda;border-bottom:1px solid #dedfda;margin-top:28px;padding:22px 0 25px}.project-facts-section h2{color:#252623;letter-spacing:-.015em;margin:0;font-size:14px;font-weight:640;line-height:1.3}.project-facts-section dl{grid-template-columns:repeat(5,minmax(0,1fr));gap:20px;margin:18px 0 0;display:grid}.project-facts-section dl>div{min-width:0}.project-facts-section dt{color:#93948f;letter-spacing:.015em;font-size:10.5px;font-weight:520;line-height:1.35}.project-facts-section dd{color:#454642;overflow-wrap:anywhere;margin:7px 0 0;font-size:12.5px;font-weight:540;line-height:1.45}.project-facts-section dl>div:first-child dd{align-items:center;gap:7px;display:flex}.project-facts-section dl>div:first-child dd:before{content:"";background:#df232c;border-radius:50%;flex:0 0 5px;width:5px;height:5px}.project-facts-section a{color:inherit;text-underline-offset:3px;-webkit-text-decoration:underline #c9cac5;text-decoration:underline #c9cac5;transition:color .15s,text-decoration-color .15s}.project-facts-section a:hover{color:#df232c;text-decoration-color:#df232c}.project-facts-section a:focus-visible{outline-offset:3px;outline:2px solid #df232c}@media (width>=821px){[data-section-rail] [data-section-rail-visual]{aspect-ratio:3/2;object-fit:contain;object-position:center;width:100%;max-width:none;height:auto;margin:0 0 28px;display:block;overflow:hidden}[data-section-rail] [data-section-rail-visual]>img{object-fit:contain;object-position:center;width:100%;max-width:none;height:100%;max-height:none;transform:scale(var(--section-rail-art-scale,1));transform-origin:50%;display:block}[data-section-rail] img[data-section-rail-visual]{transform:scale(var(--section-rail-art-scale,1));transform-origin:50%}[data-section-rail] [data-section-rail-copy]{min-height:93px}[data-section-rail-layout][data-section-rail-behavior=document],[data-section-rail-layout][data-section-rail-behavior=viewport]{--section-frame-inline-start:clamp(32px, 2.86vw, 44px);--section-frame-inline-end:clamp(64px, 6.05vw, 93px);--section-frame-rail-width:310px;--section-frame-content-gap:clamp(48px, 3.84vw, 59px);--section-frame-rail-inset-start:34px;--section-frame-rail-inset-end:42px;--section-frame-content-top:6px;--section-frame-rail-top:32px;width:auto;max-width:none;min-height:calc(100svh - var(--section-rail-offset));grid-template-columns:var(--section-frame-rail-width) minmax(0, 1fr);margin:0 var(--section-frame-inline-end) 0 var(--section-frame-inline-start);align-items:start;gap:0;padding:0;display:grid}[data-section-rail][data-section-rail-behavior=document],[data-section-rail][data-section-rail-behavior=viewport]{width:auto;min-height:0;padding:var(--section-frame-rail-top) var(--section-frame-rail-inset-end) 0 var(--section-frame-rail-inset-start);border-right:1px solid var(--section-frame-divider,#e7e7e4);grid-template-rows:minmax(0,1fr) auto;margin:0;display:grid}[data-section-rail][data-section-rail-behavior=document]{top:var(--section-rail-offset);height:calc(100svh - var(--section-rail-offset));position:sticky;overflow:hidden}[data-section-rail][data-section-rail-behavior=document]>[data-section-rail-body]{overscroll-behavior-y:contain;scrollbar-color:transparent transparent;scrollbar-width:thin;min-height:0;overflow:hidden auto}[data-section-rail][data-section-rail-behavior=document]:hover>[data-section-rail-body],[data-section-rail][data-section-rail-behavior=document]:focus-within>[data-section-rail-body]{scrollbar-color:#d4d4d0 transparent}[data-section-rail][data-section-rail-behavior=document]>[data-section-rail-body]::-webkit-scrollbar{width:5px}[data-section-rail][data-section-rail-behavior=document]>[data-section-rail-body]::-webkit-scrollbar-thumb{background:0 0;border-radius:999px}[data-section-rail][data-section-rail-behavior=document]:hover>[data-section-rail-body]::-webkit-scrollbar-thumb{background:#d4d4d0}[data-section-rail][data-section-rail-behavior=document]:focus-within>[data-section-rail-body]::-webkit-scrollbar-thumb{background:#d4d4d0}[data-section-rail][data-section-rail-behavior=viewport]{height:100%;position:static;top:auto;overflow:hidden}[data-section-rail][data-section-rail-behavior=viewport]>[data-section-rail-body]{min-height:0;overflow:hidden}[data-section-rail-layout][data-section-rail-behavior=document]>[data-section-rail-content],[data-section-rail-layout][data-section-rail-behavior=viewport]>[data-section-rail-content]{width:auto;max-width:var(--section-frame-content-max,none);min-height:calc(100svh - var(--section-rail-offset));justify-self:var(--section-frame-content-justify,stretch);padding-top:var(--section-frame-content-top);padding-right:0;padding-left:var(--section-frame-content-gap)}[data-section-rail][data-section-rail-behavior=document]>[data-section-rail-media-dock],[data-section-rail][data-section-rail-behavior=viewport]>[data-section-rail-media-dock]{flex:none;align-content:start;width:100%;min-height:0;margin-top:0;padding-bottom:24px;position:static}.article-archive-refined .article-archive-shell{width:auto;margin:0;padding:0}html:has(.article-archive-refined){scrollbar-gutter:stable}}@media (width>=821px) and (width<=1279px){[data-section-rail-layout][data-section-rail-behavior=document],[data-section-rail-layout][data-section-rail-behavior=viewport]{--section-frame-inline-start:32px;--section-frame-inline-end:32px;--section-frame-rail-width:250px;--section-frame-content-gap:32px;--section-frame-rail-inset-start:18px;--section-frame-rail-inset-end:28px}}@media (width>=821px) and (height<=820px){[data-section-rail] [data-section-rail-visual]{display:none}}.section-media-links{--media-contact-color:#73736f;--media-contact-active-color:#ed1d24;justify-self:start;align-items:center;gap:8px;width:max-content;margin:0;padding:0;display:flex}.section-media-links :where(a,button){appearance:none;width:26px;height:26px;color:var(--media-contact-color);cursor:pointer;background:0 0;border:0;flex:0 0 26px;place-items:center;padding:0;line-height:0;transition:color .15s,transform .15s;display:grid}.section-media-links svg{width:21px;height:21px;display:block}.section-media-links :where(a,button):hover{color:var(--media-contact-active-color);transform:translateY(-2px)}.section-media-links :where(a,button):focus-visible{outline:2px solid var(--media-contact-active-color);outline-offset:3px}[data-section-rail-media-dock]{flex:none;align-content:start;justify-items:start;width:100%;min-height:50px;margin-top:auto;padding:0 0 24px;display:grid}[data-section-rail-media-dock]>.media-contact-links{justify-content:flex-start;gap:8px;width:196px}[data-section-rail-media-dock]>.media-contact-links>:where(a,button){flex-basis:26px;width:26px;height:26px}[data-section-rail-media-dock]>.media-contact-links svg{width:21px;height:21px}@media (width<=820px){[data-section-rail] [data-section-rail-visual]{display:none}[data-section-rail] [data-section-rail-heading]{font-size:var(--type-title-sm);line-height:1.55}[data-section-rail] [data-section-rail-copy]{grid-column:1/-1}[data-section-rail] [data-section-rail-nav]{scrollbar-width:none;gap:8px;margin-top:24px;padding:0 0 5px;display:flex;overflow-x:auto}[data-section-rail] [data-section-rail-nav]::-webkit-scrollbar{display:none}[data-section-rail] [data-section-rail-nav] :is(a,button){border:1px solid var(--section-rail-line,#e6e6e2);border-radius:999px;flex:none;grid-template-columns:6px auto auto;gap:7px;width:auto;min-height:36px;padding:0 12px}[data-section-rail] [data-section-rail-nav] :is(a,button)[aria-pressed=true]{border-color:var(--section-rail-accent,#ed1d24)}.project-rail-identity{display:none}.project-facts-section{margin-top:22px;padding:19px 0 22px}.project-facts-section dl{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 24px}[data-section-rail][data-section-rail-behavior=document]{height:auto;position:static;overflow:visible}[data-section-rail-media-dock]{display:none}[data-section-rail]>[data-section-rail-body]{display:contents}}@media (width<=520px){.project-facts-section dl{grid-template-columns:1fr;gap:17px}}@media (prefers-reduced-motion:reduce){.project-rail-identity,.project-rail-identity__card,.project-rail-identity__cover,.project-rail-identity__card strong,.project-rail-toc,.section-media-links :where(a,button){transition:none}}.contact-dialog{--contact-dialog-accent:var(--studio-red,#e82025);z-index:var(--site-layer-popover,200);color:#151515;background:#fff;border:1px solid #dfdfda;border-radius:18px;width:min(420px,100% - 24px);padding:22px;animation:.22s cubic-bezier(.2,0,0,1) both contact-dialog-in;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 24px 70px #18181629}.contact-dialog:focus{outline:none}.contact-dialog__header,.contact-dialog__identity,.contact-dialog__actions{align-items:center;display:flex}.contact-dialog__header{justify-content:space-between;gap:20px}.contact-dialog__identity{gap:12px;min-width:0}.contact-dialog__icon{color:#252522;flex:0 0 30px;place-items:center start;width:30px;height:30px;display:grid}.contact-dialog__identity p,.contact-dialog__identity h2,.contact-dialog__address strong{margin:0}.contact-dialog__identity p{color:#989892;font-size:var(--type-label,12px);letter-spacing:.12em;text-transform:uppercase;font-weight:620}.contact-dialog__identity h2{font-size:var(--type-title-md,20px);letter-spacing:-.025em;margin-top:3px;font-weight:610;line-height:1.2}.contact-dialog__close{color:#777771;cursor:pointer;background:0 0;border:0;border-radius:50%;flex:0 0 34px;place-items:center;width:34px;height:34px;padding:0;transition:color .16s,background .16s;display:grid}.contact-dialog__close:hover{color:#20201e;background:#f1f1ed}.contact-dialog__address{justify-content:space-between;align-items:center;gap:20px;margin-top:24px;display:flex}.contact-dialog__address strong{overflow-wrap:anywhere;color:#2d2d2a;min-width:0;font-size:var(--type-body-sm,14px);font-weight:540;line-height:1.5}.contact-dialog__actions{flex:none;gap:10px;margin:0;display:flex}.contact-dialog__actions button,.contact-dialog__actions a{cursor:pointer;border:1px solid #deded9;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;padding:0;transition:color .16s,border-color .16s,background .16s;display:inline-flex}.contact-dialog__actions button{color:#4f4f4a;background:#fff}.contact-dialog__actions button[data-copy-status=copied]{color:#42634a;background:#f3f8f3;border-color:#cddbcf}.contact-dialog__actions button[data-copy-status=failed]{color:#8a3e34;background:#fcf5f3;border-color:#e5cac5}.contact-dialog__actions a{color:#4f4f4a;background:#fff}.contact-dialog__actions button:hover{color:#fff;background:#222220;border-color:#222220}.contact-dialog__actions a:hover{color:#fff;border-color:var(--contact-dialog-accent);background:var(--contact-dialog-accent)}.contact-dialog__sr-only{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@keyframes contact-dialog-in{0%{opacity:0;transform:translate(-50%,calc(8px - 50%))scale(.985)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}@keyframes contact-dialog-in-mobile{0%{opacity:0;transform:translateY(8px)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}@media (width<=520px){.contact-dialog{border-radius:18px;width:auto;padding:20px;animation-name:contact-dialog-in-mobile;inset:auto 12px 12px;transform:none}}@media (prefers-reduced-motion:reduce){.contact-dialog{animation:none}}.editorial-archive{--editorial-line:#d9d9d6;--editorial-soft:#f4f4f2;--editorial-muted:#72726e;background:#fff}.reader-article-content :where(p,li,blockquote,h2,h3) code{color:#343632;font:.88em/1.5 var(--font-mono,ui-monospace, monospace);background:#f0f1ee;padding:.12em .34em}.reader-article-content :where(p,li,blockquote) a{text-underline-offset:.18em;text-decoration-color:#ff383880;text-decoration-thickness:1px}.reader-code-block{color:#30332e;max-width:100%;font:400 var(--type-meta)/1.75 var(--font-mono,ui-monospace, monospace);tab-size:2;white-space:pre;background:#f5f5f2;border:1px solid #dedfdb;padding:clamp(16px,2.2vw,24px);overflow:auto}.reader-code-block code{color:inherit;font:inherit;background:0 0;padding:0}.reader-divider{background:#dedfdb;border:0;width:100%;height:1px}.reader-table-wrap{border:1px solid #dedfdb;max-width:100%;overflow-x:auto}.reader-table-wrap table{border-collapse:collapse;color:#555751;width:100%;min-width:460px;font-size:var(--type-meta);line-height:1.65}.reader-table-wrap :where(th,td){vertical-align:top;border-bottom:1px solid #e8e9e5;border-right:1px solid #e8e9e5;padding:10px 13px}.reader-table-wrap th{color:#2f312d;background:#f7f7f4;font-weight:650}.reader-table-wrap tr:last-child td{border-bottom:0}.reader-table-wrap :where(th,td):last-child{border-right:0}.reader-task-item{list-style:none}.reader-task-item>input{vertical-align:top;accent-color:#ff3838;width:14px;height:14px;margin:.42em 8px 0 -22px}.reader-task-item>ul,.reader-task-item>ol,.reader-article-content li>ul,.reader-article-content li>ol{margin-top:.25em}.reader-asset--external img{max-width:100%;height:auto}.editorial-archive .blog-header-inner,.editorial-archive .article-shell{width:min(1200px,100% - 48px)}.editorial-archive .article-shell{padding-bottom:0}.editorial-archive .article-breadcrumb{border-bottom:1px solid var(--editorial-line);min-height:48px;color:var(--editorial-muted);font:600 var(--type-label)/1 var(--mono);letter-spacing:.06em;margin:0;padding:17px 0 12px}.editorial-archive .article-breadcrumb a:hover{color:var(--accent)}.editorial-archive-hero{border-bottom:1px solid var(--ink);grid-template-columns:minmax(280px,.85fr) minmax(420px,1.15fr);align-items:end;gap:clamp(48px,9vw,120px);padding:48px 0 44px;display:grid}.editorial-archive-hero>div>p{color:var(--accent);font:700 var(--type-label)/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;margin:0 0 14px}.editorial-archive .editorial-archive-hero h1{max-width:620px;color:var(--ink);font-family:var(--sans);font-size:var(--type-page-title);letter-spacing:-.06em;margin:0;font-weight:640;line-height:1}.editorial-archive-hero>p{max-width:680px;color:var(--editorial-muted);font-family:var(--sans);font-size:var(--type-body-sm);margin:0;line-height:1.75}.editorial-archive-content{padding:28px 0 100px}.editorial-archive-toolbar{border-bottom:1px solid var(--editorial-line);grid-template-columns:150px minmax(0,1fr);align-items:center;gap:24px;min-height:48px;display:grid}.editorial-archive-toolbar>span{color:var(--accent);font:700 var(--type-label)/1 var(--mono);letter-spacing:.1em}.editorial-archive-toolbar p{color:var(--editorial-muted);font-size:var(--type-meta);justify-content:space-between;align-items:center;gap:24px;margin:0;display:flex}.editorial-archive-toolbar strong{color:var(--ink);font:700 var(--type-label)/1 var(--mono);letter-spacing:.08em}.tech-blog .editorial-index .filter-row{background:#fff;border:0;border-bottom:1px solid #d9d9d6;align-items:stretch;gap:0;margin:0;padding:0;display:flex}.tech-blog .editorial-index .filter-row button{color:#72726e;min-height:44px;font:620 var(--type-label)/1 var(--mono);cursor:pointer;background:#fff;border:0;border-radius:0;flex:none;padding:0 18px;position:relative}.tech-blog .editorial-index .filter-row button:before{display:none}.tech-blog .editorial-index .filter-row button:after{background:var(--accent);content:"";opacity:0;background-image:none;width:auto;height:2px;position:absolute;bottom:-1px;left:18px;right:18px;transform:none}.tech-blog .editorial-index .filter-row button:hover,.tech-blog .editorial-index .filter-row button[aria-pressed=true]{color:var(--ink);background:#fff}.tech-blog .editorial-index .filter-row button:hover:after,.tech-blog .editorial-index .filter-row button[aria-pressed=true]:after{opacity:1;transform:none}.tech-blog .editorial-index .filter-count{color:#72726e;min-height:44px;font:600 var(--type-label)/1 var(--mono);align-items:center;margin-left:auto;display:flex}.tech-blog .editorial-index .filter-count-dots{display:none}.tech-blog .editorial-index .post-list{border:0}.tech-blog .editorial-index .post-row{border:0;border-bottom:1px solid var(--ink);background:#fff;grid-template-columns:56px minmax(0,1fr);gap:0;margin:0;padding:0;display:grid;position:relative}.tech-blog .editorial-index .post-row-index{color:var(--accent);font:720 var(--type-label)/1 var(--mono);align-items:flex-start;padding-top:25px;display:flex}.tech-blog .editorial-index .post-row .post-row-link,.tech-blog .editorial-index .post-row[data-category] .post-row-link,.tech-blog .editorial-index .post-row:nth-child(2n) .post-row-link{min-height:132px;box-shadow:none;background:#fff;border:0;border-radius:0;grid-template-columns:minmax(0,1fr) 82px;align-items:center;gap:32px;margin:0;padding:22px 18px 22px 0;transition:background-color .14s,box-shadow .14s;display:grid;position:relative;overflow:visible;transform:none}.tech-blog .editorial-index .post-row .post-row-link:before,.tech-blog .editorial-index .post-row .post-row-link:after,.tech-blog .editorial-index .post-row[data-category] .post-row-link:before,.tech-blog .editorial-index .post-row[data-category] .post-row-link:after{display:none}.tech-blog .editorial-index .post-row .post-row-link:hover,.tech-blog .editorial-index .post-row[data-category] .post-row-link:hover{box-shadow:inset 3px 0 0 var(--accent);background:#f4f4f2;padding-left:18px;padding-right:18px;transform:none}.tech-blog .editorial-index .post-row-meta{color:#72726e;font:600 var(--type-label)/1 var(--mono);letter-spacing:.06em;margin-bottom:8px}.tech-blog .editorial-index .post-row-meta span{color:var(--accent)}.tech-blog .editorial-index .post-row h3{color:var(--ink);font-family:var(--sans);font-size:var(--type-section-title);letter-spacing:-.04em;margin:0;font-weight:590;line-height:1.15;transition:none;transform:none}.tech-blog .editorial-index .post-row-body>p{color:#72726e;max-width:820px;font-size:var(--type-body-sm);margin:9px 0 0;line-height:1.55}.tech-blog .editorial-index .post-row-end{color:#72726e;min-height:54px;font:600 var(--type-label)/1 var(--mono);border:0;flex-direction:column;justify-content:space-between;align-items:flex-end;padding:0;display:flex}.tech-blog .editorial-index .post-row-end i{width:auto;height:auto;color:var(--ink);font-size:var(--type-title-sm);background:0 0;border:0;font-style:normal;display:block}.tech-blog .editorial-index .post-row-link:hover .post-row-end i{color:var(--accent);background:0 0;border:0;transform:translate(3px,-3px)}.tech-blog .editorial-index .post-pagination{border:0;padding-top:22px}.tech-blog .editorial-index .post-pagination button{border-radius:0}.editorial-archive .blog-footer{background:var(--ink);color:#8f8f8b;border-top:1px solid #3f3f3d;min-height:88px}.editorial-archive .blog-footer strong,.editorial-archive .blog-footer a{color:#fff;font-family:var(--sans)}@media (width<=900px){.editorial-archive-hero{grid-template-columns:1fr;gap:24px}}@media (width<=600px){.editorial-archive .blog-header-inner,.editorial-archive .article-shell{width:calc(100% - 32px)}.editorial-archive-hero{padding:34px 0 30px}.editorial-archive .editorial-archive-hero h1{font-size:var(--type-heading-md)}.editorial-archive-hero>p{font-size:var(--type-meta)}.editorial-archive-content{padding:22px 0 68px}.editorial-archive-toolbar{grid-template-columns:1fr;gap:8px;padding-bottom:12px}.editorial-archive-toolbar p{flex-direction:column;align-items:flex-start;gap:6px}.tech-blog .editorial-index .filter-row{scrollbar-width:none;overflow-x:auto}.tech-blog .editorial-index .filter-row::-webkit-scrollbar{display:none}.tech-blog .editorial-index .filter-row button{padding:0 14px}.tech-blog .editorial-index .filter-count{flex:none;padding-left:10px}.tech-blog .editorial-index .post-row{grid-template-columns:34px minmax(0,1fr)}.tech-blog .editorial-index .post-row-index{padding-top:21px}.tech-blog .editorial-index .post-row .post-row-link,.tech-blog .editorial-index .post-row[data-category] .post-row-link,.tech-blog .editorial-index .post-row:nth-child(2n) .post-row-link{min-height:0;padding:18px 0 20px;display:block}.tech-blog .editorial-index .post-row .post-row-link:hover,.tech-blog .editorial-index .post-row[data-category] .post-row-link:hover{padding:18px 12px 20px}.tech-blog .editorial-index .post-row h3{font-size:var(--type-title-lg)}.tech-blog .editorial-index .post-row-body>p{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.tech-blog .editorial-index .post-row-end{flex-direction:row;align-items:center;min-height:0;margin-top:14px}}.article-archive-refined,.article-reader-refined{--article-red:#e31717;--article-ink:#111;--article-body:#555552;--article-muted:#8d8d89;--article-caption:#747470;--article-line:#e3e3e0;--article-soft:#f8f8f7;min-height:calc(100svh - var(--site-header-height));color:var(--article-ink);font-family:var(--font-geist-sans), "PingFang SC", "Microsoft YaHei", sans-serif;background:#fff}.article-archive-refined *,.article-reader-refined *{box-sizing:border-box}.article-archive-refined a,.article-reader-refined a{color:inherit;text-decoration:none}.article-archive-refined .blog-header,.article-reader-refined .blog-header{z-index:var(--site-layer-navigation);height:72px;box-shadow:none;-webkit-backdrop-filter:blur(18px)saturate(140%);backdrop-filter:blur(18px)saturate(140%);background:#ffffffeb;border:0;position:sticky;top:0}.article-archive-refined .blog-header-inner,.article-reader-refined .blog-header-inner{grid-template-columns:auto 1fr auto;align-items:center;width:min(1440px,100% - 80px);height:100%;margin:0 auto;padding:0;display:grid}.article-archive-refined .blog-brand--research,.article-reader-refined .blog-brand--research{width:max-content;font-family:var(--font-geist-sans), "PingFang SC", sans-serif;align-items:center;padding:0;display:inline-flex}.article-archive-refined .blog-brand--research strong,.article-reader-refined .blog-brand--research strong{color:var(--article-ink);font-size:var(--type-title-sm);letter-spacing:-.035em;font-weight:660;line-height:1;display:block}.article-archive-refined .blog-brand-status,.article-reader-refined .blog-brand-status{background:var(--article-red);border-radius:50%;width:5px;height:5px;margin:1px 0 0 7px;display:block}.article-archive-refined .blog-nav,.article-reader-refined .blog-nav{justify-content:center;align-items:center;gap:clamp(18px,2.4vw,36px);min-width:0;display:flex}.article-archive-refined .blog-nav a,.article-reader-refined .blog-nav a{color:#393936;min-width:0;min-height:40px;font-family:var(--font-geist-sans), "PingFang SC", sans-serif;font-size:var(--type-meta);letter-spacing:0;align-items:center;padding:0;font-weight:540;display:inline-flex;position:relative}.article-archive-refined .blog-nav a:after,.article-reader-refined .blog-nav a:after{background:var(--article-red);opacity:0;content:"";border-radius:50%;width:4px;height:4px;display:block;position:absolute;bottom:4px;left:50%;right:auto;transform:translate(-50%,2px)}.article-archive-refined .blog-nav a:hover,.article-archive-refined .blog-nav a[aria-current=page],.article-reader-refined .blog-nav a:hover,.article-reader-refined .blog-nav a[aria-current=page]{color:var(--article-ink)}.article-archive-refined .blog-nav a:hover:after,.article-archive-refined .blog-nav a[aria-current=page]:after,.article-reader-refined .blog-nav a:hover:after,.article-reader-refined .blog-nav a[aria-current=page]:after{opacity:1;transform:translate(-50%)}.article-archive-refined .header-actions,.article-reader-refined .header-actions{align-items:center;gap:28px;display:flex}.article-archive-refined .header-actions:before,.article-reader-refined .header-actions:before{content:"";background:#d0d0cd;width:1px;height:28px}.article-archive-refined .language-switch,.article-reader-refined .language-switch{min-width:52px;height:36px;color:var(--article-ink);font:650 var(--type-label)/1 var(--font-geist-sans), sans-serif;background:#fff;border:1px solid #d6d6d3;border-radius:999px;justify-content:center;align-items:center;gap:5px;padding:0 13px;display:inline-flex}.article-archive-refined .language-switch i,.article-reader-refined .language-switch i{background:var(--article-red);border-radius:50%;width:4px;height:4px}.article-archive-refined .language-switch:hover,.article-reader-refined .language-switch:hover{border-color:var(--article-red);color:var(--article-red);background:#fff}.article-archive-shell{width:min(1440px,100% - 80px);margin:0 auto;padding:64px 0 32px}.archive-editorial-grid{grid-template-columns:minmax(270px,330px) minmax(0,1fr);align-items:start;gap:clamp(48px,6.2vw,96px);display:grid}.archive-side-rail{--section-rail-accent:var(--article-red);--section-rail-copy:#747470;--section-rail-ink:var(--article-ink);--section-rail-line:var(--article-line);min-width:0;padding:0 20px 0 28px;position:sticky;top:104px}.archive-side-field{object-fit:contain;object-position:center;opacity:.9;width:min(252px,100%);height:auto;margin:0 auto 72px;display:block}.archive-side-intro{color:var(--article-ink);font-size:var(--type-title-lg);letter-spacing:-.025em;white-space:pre-line;margin:0;font-weight:430;line-height:1.75}.archive-category-nav{gap:2px;margin-top:34px;display:grid}.archive-category-nav button{color:#5c5c58;cursor:pointer;min-height:36px;font:520 var(--type-meta)/1.2 var(--font-geist-sans), sans-serif;text-align:left;background:0 0;border:0;justify-content:space-between;align-items:center;padding:0 4px 0 0;display:flex}.archive-category-nav button span{align-items:center;gap:10px;display:inline-flex}.archive-category-nav button i{background:#dededb;border-radius:50%;width:5px;height:5px;display:block}.archive-category-nav button b{color:#747470;font-size:var(--type-meta);font-weight:500}.archive-category-nav button:hover,.archive-category-nav button[aria-pressed=true]{color:var(--article-red)}.archive-category-nav button[aria-pressed=true] i{background:var(--article-red)}.archive-category-nav button[aria-pressed=true] b{color:var(--article-red)}.archive-list-panel{min-width:0}.archive-list-toolbar{border-bottom:1px solid var(--article-line);justify-content:space-between;align-items:flex-start;gap:32px;min-height:56px;display:flex}.archive-list-toolbar>div{align-items:baseline;gap:22px;display:flex}.archive-list-toolbar h1{color:var(--article-ink);font-size:var(--type-title-md);letter-spacing:-.035em;margin:0;font-weight:540;line-height:1.2}.archive-list-toolbar>div>span{color:var(--article-muted);font-size:var(--type-meta)}.archive-search{color:#777773;border-bottom:1px solid #0000;align-items:center;gap:9px;width:min(240px,32%);min-height:36px;display:flex}.archive-search:focus-within{border-color:var(--article-ink);color:var(--article-ink)}.archive-search input{min-width:0;color:var(--article-ink);font:500 var(--type-meta)/1.4 var(--font-geist-sans), sans-serif;text-align:right;background:0 0;border:0;outline:0;flex:1}.archive-search input::placeholder{color:#9b9b97}.archive-post-list{outline:none}.archive-post-row{border-bottom:1px solid var(--article-line);margin:0;padding:6px 0;transition:border-color .16s}:is(.archive-post-row:has(>a:hover),.archive-post-row:has(>a:focus-visible)){border-color:#0000}.archive-post-link{min-height:190px;box-shadow:none;border:1px solid #0000;border-radius:16px;grid-template-columns:minmax(260px,1fr) clamp(110px,9vw,132px) clamp(200px,20vw,252px) 32px;align-items:center;gap:clamp(20px,2.2vw,34px);padding:26px 24px;transition:background-color .18s,border-color .18s,box-shadow .22s;display:grid}.archive-post-link:hover,.archive-post-link:focus-visible{background:#fcfbf8;border-color:#f0ede8;box-shadow:0 10px 28px #221c1712}.archive-post-meta{border-left:1px solid var(--article-line);min-height:96px;color:var(--article-muted);font-size:var(--type-meta);flex-direction:column;justify-content:center;align-self:center;padding-left:clamp(14px,1.4vw,20px);line-height:1.65;display:flex}.archive-post-meta time,.archive-post-meta span,.archive-post-meta small{display:block}.archive-post-meta span{align-items:center;gap:7px;margin-top:2px;display:flex}.archive-post-meta span i{background:#cfcfcb;border-radius:50%;width:3px;height:3px}.archive-post-meta small{font-size:var(--type-meta);align-items:center;gap:7px;margin-top:1px;display:flex}.archive-post-meta small:before{content:"";background:#cfcfcb;border-radius:50%;flex:none;width:3px;height:3px}.archive-post-copy{min-width:0}.archive-post-copy h2{max-width:560px;color:var(--article-ink);font-size:var(--type-section-title);letter-spacing:-.035em;text-wrap:balance;margin:0;font-weight:540;line-height:1.3;transition:color .16s}.archive-post-link:hover .archive-post-copy h2,.archive-post-link:focus-visible .archive-post-copy h2{color:var(--article-red)}.archive-post-copy p{max-width:38em;color:var(--article-caption);font-size:var(--type-meta);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:11px 0 0;font-weight:400;line-height:1.65;display:-webkit-box;overflow:hidden}.archive-post-visual{aspect-ratio:2.45;background:#fbfbfa;border:1px solid #eeeeeb;border-radius:11px;width:100%;margin:0;display:block;overflow:hidden}.archive-post-visual img{object-fit:cover;width:100%;height:100%;transition:transform .3s,opacity .18s;display:block}.archive-post-link:hover .archive-post-visual img{opacity:.96;transform:scale(1.018)}.archive-post-arrow{color:#777773;background:0 0;border-radius:50%;place-items:center;width:40px;height:40px;transition:background-color .18s,box-shadow .22s,color .16s,transform .18s;display:grid}.archive-post-link:hover .archive-post-arrow,.archive-post-link:focus-visible .archive-post-arrow{color:var(--article-red);background:#fff;transform:translate(2px);box-shadow:0 8px 22px #221c1714}.archive-empty-state{border-bottom:1px solid var(--article-line);min-height:420px;color:var(--article-muted);font-size:var(--type-body-sm);margin:0;padding:72px 0}.archive-preparing-state{border-bottom:1px solid var(--article-line);text-align:center;background:radial-gradient(circle at 50% 48%,#ff383809,#0000 34%);flex-direction:column;justify-content:center;align-items:center;min-height:220px;padding:clamp(44px,7vh,72px) 0;display:flex}.archive-preparing-state>span:not(.archive-preparing-mark){color:var(--article-red);font:650 var(--type-label)/1 var(--mono);letter-spacing:.1em;text-transform:uppercase;align-items:center;gap:9px;display:flex}.archive-preparing-mark{justify-items:center;gap:7px;width:68px;margin-bottom:24px;display:grid}.archive-preparing-mark i{background:var(--article-line);height:1px;display:block}.archive-preparing-mark i:first-child{width:68px}.archive-preparing-mark i:nth-child(2){width:46px}.archive-preparing-mark i:nth-child(3){background:var(--article-red);width:24px}.archive-preparing-state h2{color:var(--article-ink);font-size:var(--type-title-lg);letter-spacing:-.03em;margin:16px 0 0;font-weight:540;line-height:1.3}.archive-preparing-state p{max-width:34em;color:var(--article-muted);font-size:var(--type-body-sm);margin:9px 0 0;line-height:1.7}.archive-preparing-state--empty{min-height:420px}.archive-pagination{justify-content:center;align-items:center;gap:22px;min-height:72px;display:flex}.archive-pagination>button{border:1px solid var(--article-line);width:38px;height:38px;color:var(--article-ink);cursor:pointer;background:#fff;border-radius:50%;place-items:center;display:grid}.archive-pagination>button:disabled{color:#c6c6c2;cursor:default}.archive-pagination>div{gap:9px;display:flex}.archive-pagination>div button{color:#6f6f6b;cursor:pointer;width:32px;height:32px;font-size:var(--type-body-sm);background:0 0;border:0;place-items:center;display:grid}.archive-pagination>div button[aria-current=page]{color:var(--article-red)}.article-reader-shell{width:min(1180px,100% - 80px);height:calc(100svh - var(--site-header-height));margin:0 auto;padding:16px 0 0;overflow:hidden}.reader-layout{grid-template-columns:230px minmax(0,1fr);justify-content:stretch;align-items:stretch;gap:clamp(52px,7vw,100px);height:100%;min-height:0;display:grid}.reader-side-rail{grid-template-rows:auto minmax(0,1fr) auto auto;min-width:0;height:100%;min-height:0;padding-bottom:24px;display:grid;overflow:hidden}.reader-back-link{color:#73736f;min-height:34px;font-size:var(--type-body-sm);align-items:center;gap:12px;display:inline-flex}.reader-back-link:hover{color:var(--article-red)}.reader-toc{grid-template-rows:auto minmax(0,1fr);min-height:0;margin-top:30px;display:grid;overflow:hidden}.reader-toc h2{color:var(--article-ink);font-size:var(--type-body);align-items:center;gap:9px;margin:0 0 14px;font-weight:590;line-height:1.2;display:flex}.reader-toc h2 i{background:var(--article-red);border-radius:50%;width:4px;height:4px}.reader-toc ol{overscroll-behavior-y:contain;scrollbar-color:transparent transparent;scrollbar-width:thin;align-content:start;gap:0;min-height:0;margin:0;padding:0 9px 0 0;list-style:none;display:grid;overflow:hidden auto}.reader-toc ol::-webkit-scrollbar{width:5px}.reader-toc ol::-webkit-scrollbar-track{background:0 0}.reader-toc ol::-webkit-scrollbar-thumb{background:0 0;border-radius:999px}.reader-toc:hover ol,.reader-toc:focus-within ol{scrollbar-color:#c8c8c3 transparent}.reader-toc:hover ol::-webkit-scrollbar-thumb{background:#c8c8c3}.reader-toc:focus-within ol::-webkit-scrollbar-thumb{background:#c8c8c3}.reader-toc li{position:relative}.reader-toc li:before{content:"";background:0 0;width:1px;position:absolute;top:5px;bottom:5px;left:0}.reader-toc li.is-current:before{background:var(--article-red)}.reader-toc a{color:#71716d;min-height:30px;font-size:var(--type-reading-nav);grid-template-columns:22px minmax(0,1fr);align-items:center;gap:7px;padding:4px 0 4px 12px;line-height:1.35;transition:color .22s;display:grid}.reader-toc-index{color:#9c9c98;font-size:var(--type-label);transition:color .22s}.reader-toc-label{white-space:nowrap;min-width:0;overflow:hidden}.reader-toc-label-track{will-change:transform;min-width:max-content;display:inline-block;transform:translate(0)}.reader-toc-label[data-overflowing=true]{-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 18px),#0000);mask-image:linear-gradient(90deg,#000 calc(100% - 18px),#0000)}.reader-toc li.is-current .reader-toc-label,.reader-toc li:hover .reader-toc-label,.reader-toc li:focus-within .reader-toc-label{-webkit-mask-image:none;mask-image:none}.reader-toc li.is-current .reader-toc-label[data-overflowing=true] .reader-toc-label-track,.reader-toc li:hover .reader-toc-label[data-overflowing=true] .reader-toc-label-track,.reader-toc li:focus-within .reader-toc-label[data-overflowing=true] .reader-toc-label-track{animation:reader-toc-label-scroll var(--reader-toc-scroll-duration) ease-in-out .45s infinite alternate}@keyframes reader-toc-label-scroll{to{transform:translateX(calc(-1 * var(--reader-toc-scroll-distance)))}}.reader-toc li.is-current a,.reader-toc a:hover,.reader-toc li.is-current .reader-toc-index{color:var(--article-red)}.reader-rail-visual{width:calc(100% + 12px);height:150px;margin:22px 0 0 -12px;overflow:hidden}.reader-rail-visual img{object-fit:cover;opacity:.84;width:100%;height:100%;display:block}.reader-rail-footer{border-top:1px solid var(--article-line);margin-top:18px;padding-top:13px}.reader-share{border:0;justify-content:space-between;align-items:center;gap:10px;margin:0;padding:0;display:flex}.reader-share>p{color:#6f6f6b;font-size:var(--type-label);white-space:nowrap;margin:0}.reader-share>div{gap:7px;display:flex}.reader-share button{border:1px solid var(--article-line);color:#656561;cursor:pointer;background:#fff;border-radius:50%;place-items:center;width:29px;height:29px;display:grid}.reader-share button:hover{border-color:var(--article-red);color:var(--article-red)}.reader-back-to-top{right:max(24px, env(safe-area-inset-right));bottom:max(24px, env(safe-area-inset-bottom));z-index:6;border:1px solid var(--article-line);color:#656561;cursor:pointer;opacity:0;pointer-events:none;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffff0;border-radius:50%;place-items:center;width:42px;height:42px;transition:opacity .18s,transform .18s,border-color .16s,color .16s;display:grid;position:fixed;transform:translateY(8px);box-shadow:0 8px 24px #19191614}.reader-back-to-top.is-visible{opacity:1;pointer-events:auto;transform:translateY(0)}.reader-back-to-top:hover{border-color:var(--article-red);color:var(--article-red)}.reader-back-to-top:focus-visible{outline:2px solid var(--article-red);outline-offset:3px}.reader-main-column{overscroll-behavior-y:contain;scrollbar-color:transparent transparent;scrollbar-gutter:stable;scrollbar-width:thin;min-width:0;height:100%;min-height:0;padding-bottom:34px;overflow:hidden auto}.reader-main-column::-webkit-scrollbar{width:8px}.reader-main-column::-webkit-scrollbar-track{background:0 0}.reader-main-column::-webkit-scrollbar-thumb{background:0 0;border-radius:999px}.reader-main-column:hover,.reader-main-column:focus-within{scrollbar-color:#bfc0bc transparent}.reader-main-column:hover::-webkit-scrollbar-thumb{background:#bfc0bc}.reader-main-column:focus-within::-webkit-scrollbar-thumb{background:#bfc0bc}.reader-article-header{padding-top:7px}.reader-category-line{color:#858581;font-size:var(--type-label);letter-spacing:.03em;align-items:center;gap:10px;margin:0 0 25px;display:flex}.reader-category-line i{color:#b0b0ac;font-style:normal}.reader-article-header h1{max-width:700px;color:var(--article-ink);font-size:var(--type-page-title);letter-spacing:-.055em;text-wrap:balance;margin:0;font-weight:570;line-height:1.13}.reader-deck{color:#777773;max-width:650px;font-size:var(--type-body);margin:24px 0 0;font-weight:390;line-height:1.75}.reader-meta-line{border-bottom:1px solid var(--article-line);color:#858581;min-height:44px;font-size:var(--type-label);align-items:center;gap:18px;margin-top:9px;display:flex}.reader-meta-line>span:first-child{align-items:center;gap:11px;display:inline-flex}.reader-meta-line>span:first-child i{background:var(--article-red);border-radius:50%;width:5px;height:5px}.reader-text-scale{color:#777773;cursor:pointer;background:0 0;border:0;place-items:center;width:34px;height:34px;margin-left:auto;display:grid}.reader-text-scale:hover,.reader-text-scale[aria-pressed=true]{color:var(--article-red)}.reader-hero-visual{aspect-ratio:2.72;background:#fafafa;border:1px solid #eeeeeb;border-radius:9px;width:100%;margin:28px 0 0;display:block;overflow:hidden}.reader-hero-visual img{object-fit:contain;width:100%;height:100%;display:block}.reader-article-content{outline:none;min-width:0}.reader-article-section{border-bottom:1px solid var(--article-line);padding:41px 0 33px;position:relative}.reader-article-section:after{background:var(--article-red);content:"";border-radius:50%;width:4px;height:4px;position:absolute;bottom:-2px;right:0}.reader-article-section h2{scroll-margin-top:calc(var(--site-header-height) + 28px);margin:0 0 23px}.reader-article-section h2 a{color:var(--article-ink);letter-spacing:-.025em;grid-template-columns:32px minmax(0,1fr);align-items:baseline;gap:13px;font-size:20px;font-weight:560;line-height:1.35;display:grid}.reader-article-section h2 a span{color:#a7a7a3;font-size:17px;font-weight:400}.reader-article-section h2 a:hover{color:var(--article-red)}.reader-article-section h3{scroll-margin-top:calc(var(--site-header-height) + 28px);color:var(--article-ink);font-size:var(--type-body);margin:30px 0 16px;font-weight:600;line-height:1.45}.reader-article-section h3 a{color:inherit}.reader-article-section>p{color:#555551;font-size:var(--type-lead);letter-spacing:.005em;margin:0 0 1em;line-height:1.82}.reader-article-section>blockquote{border-left:2px solid var(--article-red);color:#676762;font:430 var(--type-lead)/1.8 Georgia, "Noto Serif SC", serif;margin:26px 0;padding:2px 0 2px 22px}.reader-article-section>ul,.reader-article-section>ol{color:#555551;font-size:var(--type-lead);margin:18px 0 24px;padding-left:24px;line-height:1.82}.reader-article-section>ul li,.reader-article-section>ol li{margin:7px 0}.reader-asset{margin:30px 0}.reader-asset--wide{width:min(100% + 80px,100vw - 48px);margin-left:-40px;margin-right:-40px}.reader-asset--full{width:min(1040px,100vw - 48px);margin-left:50%;transform:translate(-50%)}.reader-asset--align-left{margin-right:auto}.reader-asset--align-center{margin-left:auto;margin-right:auto}.reader-asset--align-right{margin-left:auto}.reader-asset img,.reader-asset video,.reader-asset iframe{border:1px solid var(--article-line);background:var(--article-soft);width:100%;max-width:100%;display:block}.reader-asset img,.reader-asset video{height:auto}.reader-asset audio{width:100%}.reader-asset iframe{border:0}.reader-asset figcaption{color:#83837e;font-size:var(--type-meta);margin-top:10px;line-height:1.6}.reader-asset--attachment a{border:1px solid var(--article-line);min-height:52px;color:var(--article-ink);font-size:var(--type-meta);align-items:center;padding:0 16px;display:flex}.reader-asset-missing{border:1px dashed var(--article-line);color:#777772;font-size:var(--type-meta);margin:24px 0;padding:18px}[data-reader-scale=large] .article-reader-refined .reader-article-section>:where(p,blockquote,ul,ol){font-size:var(--type-reading-large);line-height:1.85}.article-reader-refined .article-demo{border:1px solid var(--article-line);background:var(--article-soft);color:var(--article-ink);margin:0;padding:28px 30px 31px}.reader-experiment{border:1px solid var(--article-line);margin-top:28px}.reader-article-section>.reader-experiment{margin-bottom:0}.reader-experiment>summary{color:#73736f;cursor:pointer;min-height:58px;font-size:var(--type-meta);justify-content:space-between;align-items:center;gap:18px;padding:0 20px;list-style:none;display:flex}.reader-experiment>summary::-webkit-details-marker{display:none}.reader-experiment>summary span{color:var(--article-red);font-size:var(--type-label);letter-spacing:.08em;text-transform:uppercase;font-weight:650}.reader-experiment>summary strong{color:#656561;font-weight:500}.reader-experiment[open]>summary{border-bottom:1px solid var(--article-line)}.article-reader-refined .article-demo-header>span{color:var(--article-red)}.article-reader-refined .article-demo-header p{color:#70706c}.article-reader-refined .demo-controls button,.article-reader-refined .latency-controls button{color:var(--article-ink);border-color:#d8d8d4}.article-reader-refined .demo-controls button[aria-pressed=true],.article-reader-refined .latency-controls button[aria-pressed=true]{border-color:var(--article-red);background:var(--article-red);color:#fff}.article-reader-refined .technical-table caption{background:var(--article-soft);color:#70706c}.reader-pagination{border-top:1px solid var(--article-line);grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-top:32px;padding-top:24px;display:grid}.reader-pagination>a{align-items:center;gap:16px;min-width:0;display:flex}.reader-pagination>a>svg{border:1px solid var(--article-line);border-radius:50%;flex:none;width:36px;height:36px;padding:8px}.reader-pagination>a>span{gap:6px;min-width:0;display:grid}.reader-pagination small{color:#9a9a96;font-size:var(--type-label);font-weight:400}.reader-pagination strong{color:#565652;font-size:var(--type-label);text-overflow:ellipsis;white-space:nowrap;font-weight:520;overflow:hidden}.reader-pagination .is-next{text-align:right;justify-content:flex-end}.reader-pagination a:hover,.reader-pagination a:hover strong{color:var(--article-red)}.article-archive-refined :where(a,button,input):focus-visible,.article-reader-refined :where(a,button,input):focus-visible{outline:2px solid var(--article-red);outline-offset:3px}@media (width<=1120px){.article-archive-shell{width:min(100% - 48px,1080px)}.archive-editorial-grid{grid-template-columns:240px minmax(0,1fr);gap:42px}.archive-side-rail{padding-left:8px}.archive-post-link{grid-template-columns:minmax(260px,1fr) 100px 156px 32px;gap:14px}.article-reader-shell{width:min(100% - 80px,960px)}.reader-layout{grid-template-columns:215px minmax(0,1fr);gap:58px}}@media (width<=900px){html:has(.article-reader-refined){scrollbar-color:transparent transparent;scrollbar-width:thin}:is(html:has(.article-reader-refined:hover),html:has(.article-reader-refined:focus-within)){scrollbar-color:#bfc0bc transparent}html:has(.article-reader-refined)::-webkit-scrollbar{width:8px}html:has(.article-reader-refined)::-webkit-scrollbar-track{background:0 0}html:has(.article-reader-refined)::-webkit-scrollbar-thumb{background:0 0}html:has(.article-reader-refined:hover)::-webkit-scrollbar-thumb{background:#bfc0bc;border-radius:999px}html:has(.article-reader-refined:focus-within)::-webkit-scrollbar-thumb{background:#bfc0bc;border-radius:999px}.article-archive-refined .blog-header-inner,.article-reader-refined .blog-header-inner{width:calc(100% - 40px)}.article-archive-refined .blog-nav,.article-reader-refined .blog-nav{gap:16px}.article-archive-refined .blog-nav a,.article-reader-refined .blog-nav a{font-size:var(--type-meta)}.archive-editorial-grid{grid-template-columns:1fr;gap:34px}.archive-side-rail{grid-template-columns:minmax(0,1fr) minmax(260px,.8fr);gap:26px 44px;padding:0;display:grid;position:static}.archive-side-field{display:none}.archive-side-intro{font-size:var(--type-title-md);grid-row:1/span 2}.archive-category-nav{margin:0}.archive-post-link{grid-template-columns:minmax(260px,1fr) 104px 176px 32px}.reader-layout{grid-template-columns:1fr;gap:30px;height:auto}.article-reader-shell{height:auto;padding-top:0;overflow:visible}.reader-side-rail{z-index:4;top:var(--site-header-height);border-bottom:1px solid var(--article-line);background:#fff;grid-template-rows:auto auto;grid-template-columns:minmax(0,1fr) auto;align-self:start;align-items:start;gap:22px;height:auto;max-height:none;padding:16px 0 12px;display:grid;position:sticky;overflow:visible}.reader-main-column{height:auto;overflow:visible}.reader-toc{grid-area:2/1/auto/-1;margin-top:0;overflow:visible}.reader-toc ol{gap:6px;padding-bottom:6px;display:flex;overflow:auto hidden}.reader-toc li{flex:0 0 220px}.reader-rail-visual{display:none}.reader-rail-footer{border:0;grid-area:1/2;margin:0;padding:0}.reader-share{border:0;margin:0;padding:0}.reader-share>p{display:none}}@media (width<=720px){.article-archive-refined .blog-header,.article-reader-refined .blog-header{height:64px}.article-archive-refined .blog-header-inner,.article-reader-refined .blog-header-inner{grid-template-columns:1fr auto;width:calc(100% - 32px)}.article-archive-refined .blog-nav,.article-reader-refined .blog-nav{display:none}.article-archive-refined .header-actions,.article-reader-refined .header-actions{gap:0}.article-archive-refined .header-actions:before,.article-reader-refined .header-actions:before{display:none}.article-archive-shell{width:calc(100% - 32px);padding-top:34px}.article-reader-shell{width:calc(100% - 32px);padding-top:0}.archive-side-rail{display:block}.archive-side-intro{font-size:var(--type-title-sm);line-height:1.65}.archive-category-nav{scrollbar-width:none;gap:8px;margin-top:24px;padding-bottom:5px;display:flex;overflow-x:auto}.archive-category-nav button{border:1px solid var(--article-line);border-radius:999px;flex:none;gap:12px;padding:0 12px}.archive-category-nav button[aria-pressed=true]{border-color:var(--article-red)}.archive-list-toolbar{min-height:52px}.archive-search{width:42%}.archive-post-link{grid-template-rows:auto auto 84px;grid-template-columns:1fr 34px;gap:18px;min-height:0;padding:24px 0 26px}.archive-post-meta{border-left:0;flex-wrap:wrap;grid-area:2/1/auto/-1;gap:7px 12px;padding-left:0;display:flex}.archive-post-meta span,.archive-post-meta small{margin:0}.archive-post-copy{grid-area:1/1}.archive-post-copy h2{font-size:var(--type-title-lg)}.archive-post-visual{grid-area:3/1/auto/-1}.archive-post-arrow{grid-area:1/2}.reader-side-rail{gap:14px}.reader-toc li{flex-basis:190px}.reader-share>div{gap:8px}.reader-share button{width:32px;height:32px}.reader-article-header h1{font-size:var(--type-page-title)}.reader-deck{font-size:var(--type-body)}.reader-meta-line{flex-wrap:wrap;gap:8px 12px;padding:10px 0}.reader-meta-line>span:nth-of-type(2),.reader-meta-line>span:nth-of-type(4){display:none}.reader-text-scale{margin-left:auto}.reader-hero-visual{aspect-ratio:2.25}.reader-article-section{padding:34px 0 29px}.reader-article-section h2 a{grid-template-columns:28px minmax(0,1fr);gap:9px;font-size:19px}.reader-article-section>p,.reader-article-section>blockquote,.reader-article-section>ul,.reader-article-section>ol{font-size:var(--type-reading-mobile);line-height:1.82}.article-reader-refined .article-demo{padding:23px 18px 25px}.reader-pagination{gap:14px}.reader-pagination strong{display:none}}@media (width<=600px){.reader-article-section h2,.reader-article-section h3{scroll-margin-top:calc(var(--site-header-height) + 88px)}}@media (prefers-reduced-motion:reduce){.article-archive-refined *,.article-archive-refined :before,.article-archive-refined :after,.article-reader-refined *,.article-reader-refined :before,.article-reader-refined :after{scroll-behavior:auto!important;transition-duration:.01ms!important}.reader-toc-label-track{animation:none!important}}@media (width>=901px){.article-reader-shell{width:100%;margin-left:0;margin-right:0}.reader-layout{grid-template-columns:minmax(190px,1fr) minmax(0,760px) minmax(190px,1fr);justify-content:stretch;gap:0}.reader-side-rail{grid-column:1;width:min(230px,100% - 40px);margin-left:40px}.reader-document-column{grid-column:1;width:100%;min-width:0}html:root:has(.article-archive-refined){scrollbar-gutter:auto;overflow:hidden}body:has(.article-archive-refined){overflow:hidden}.article-archive-refined{height:calc(100svh - var(--site-header-height));grid-template-rows:minmax(0,1fr);min-height:0;display:grid;overflow:hidden}.article-archive-shell{height:100%;min-height:0;padding:clamp(22px,3.2vh,38px) 0 0;overflow:hidden}.article-archive-shell>div,.archive-editorial-grid{height:100%;min-height:0}.archive-side-rail{flex-direction:column;height:100%;min-height:0;padding-bottom:0;display:flex;overflow:hidden}.archive-side-field{height:auto;margin-bottom:clamp(20px,4.8vh,54px)}.archive-category-nav{margin-top:clamp(16px,3vh,30px)}.archive-category-nav button{min-height:clamp(30px,4vh,36px)}[data-section-rail-layout][data-section-rail-behavior=viewport].archive-editorial-grid>[data-section-rail-content].archive-list-panel{height:100%;min-height:0;margin-right:calc(-1 * var(--section-frame-inline-end));padding-right:var(--section-frame-inline-end);grid-template-rows:56px max-content 58px;align-content:start;padding-bottom:clamp(16px,2.4vh,26px);display:grid;overflow:hidden auto}.archive-post-list{flex-direction:column;justify-content:flex-start;min-height:0;display:flex;overflow:visible}.archive-post-row:not(.archive-post-row--minimal){flex:0 0 174px;height:174px;min-height:174px}.archive-post-link{height:100%;min-height:0;padding:20px 22px}.archive-post-copy h2{font-size:var(--type-title-lg);-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.24;display:-webkit-box;overflow:hidden}.archive-post-copy p{-webkit-line-clamp:1;margin-top:10px}.archive-post-visual{aspect-ratio:auto;height:98px}.archive-empty-state{min-height:0}.archive-pagination{min-height:58px}.reader-main-column{grid-column:2/-1;grid-template-columns:minmax(0,760px) minmax(190px,1fr);align-content:start;display:grid}}@media (width>=901px) and (width<=1240px){.reader-layout{grid-template-rows:auto minmax(0,1fr);grid-template-columns:1fr;gap:24px}.reader-side-rail{grid-area:1/1;grid-template-rows:auto auto;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:18px 24px;width:min(760px,100% - 64px);height:auto;margin:0 auto;padding:0;display:grid;overflow:visible}.reader-toc{grid-area:2/1/auto/-1;margin-top:0;overflow:hidden}.reader-toc ol{gap:6px;padding:0 0 6px;display:flex;overflow:auto hidden}.reader-toc li{flex:0 0 220px}.reader-rail-visual{display:none}.reader-rail-footer{border:0;grid-area:1/2;margin:0;padding:0}.reader-share{border:0;margin:0;padding:0}.reader-share>p{display:none}.reader-main-column{grid-area:2/1;width:100%;height:100%;display:block}.reader-document-column{width:min(760px,100% - 64px);margin:0 auto}}@media (width<=1240px){.reader-toc li{flex:0 0 44px;min-width:0;transition:flex-basis .22s cubic-bezier(.2,0,0,1);overflow:hidden}.reader-toc li.is-current,.reader-toc li:hover,.reader-toc li:focus-within{flex-basis:220px}.reader-toc a{width:220px}.reader-toc-label{opacity:1;transition:opacity .14s 80ms,transform .18s cubic-bezier(.2,0,0,1);transform:translate(0)}.reader-toc li:not(.is-current):not(:hover):not(:focus-within) .reader-toc-label{opacity:0;transform:translate(-6px)}}@media (width>=901px) and (height<=1180px){.reader-rail-visual{display:none}}.archive-list-toolbar{align-items:center}.archive-list-actions{justify-content:flex-end;align-items:center;gap:clamp(16px,2vw,28px);min-width:0;display:flex}.archive-view-toggle{border:1px solid var(--article-line);background:#fafaf9;border-radius:999px;align-items:center;gap:2px;padding:2px;display:inline-flex}.archive-view-toggle button{color:#858581;cursor:pointer;min-height:30px;font:520 var(--type-label)/1 var(--font-geist-sans), sans-serif;background:0 0;border:0;border-radius:999px;align-items:center;gap:6px;padding:0 10px;transition:background-color .15s,color .15s;display:inline-flex}.archive-view-toggle button:hover{color:var(--article-ink)}.archive-view-toggle button[aria-pressed=true]{color:var(--article-red);background:#fff;box-shadow:0 1px 4px #11111112}.archive-list-actions .archive-search{width:min(210px,28vw)}.archive-list-panel.is-minimal .archive-post-list{padding-top:8px;display:block}.archive-post-row--minimal{border-bottom:1px solid var(--article-line);height:52px;min-height:0;padding:0}.archive-minimal-link{align-items:center;height:52px;min-height:0;padding:0 14px 0 0;transition:background-color .15s;display:flex}.archive-minimal-link:hover{background:#fafaf9}.archive-minimal-link h2{min-width:0;color:var(--article-ink);font-size:var(--type-body-sm);letter-spacing:-.018em;text-overflow:ellipsis;white-space:nowrap;margin:0;font-weight:520;line-height:1.35;transition:color .16s;overflow:hidden}.archive-minimal-link:hover h2,.archive-minimal-link:focus-visible h2{color:var(--article-red)}@media (width<=900px){.article-archive-refined{height:auto;min-height:calc(100svh - var(--site-header-height));display:block;overflow:visible}.article-archive-shell,.article-archive-shell>div,.archive-editorial-grid,.archive-list-panel{height:auto;overflow:visible}.archive-list-panel{display:block}.archive-list-toolbar{flex-wrap:wrap;min-height:0;padding-bottom:14px}.archive-list-actions{justify-content:space-between;width:100%}.archive-list-actions .archive-search{width:min(240px,48vw)}.archive-post-list{display:block}.archive-post-row:not(.archive-post-row--minimal){height:174px;min-height:174px}.archive-post-link{height:100%;min-height:0;padding:18px 20px;overflow:hidden}.archive-post-copy h2{font-size:var(--type-title-lg);-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.24;display:-webkit-box;overflow:hidden}.archive-post-copy p{-webkit-line-clamp:1;margin-top:10px}.archive-post-visual{aspect-ratio:auto;height:96px}}@media (width<=720px){.archive-post-row:not(.archive-post-row--minimal){height:auto;min-height:264px}.archive-post-link{grid-template-rows:auto minmax(0,auto) 84px;gap:10px 14px;height:auto;min-height:251px;padding:16px 18px}.archive-post-meta{flex-direction:row;justify-content:flex-start;align-items:center;min-height:0}.archive-post-copy p{-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.archive-post-visual{height:84px}}@media (width<=520px){.archive-post-copy h2{-webkit-line-clamp:3}.archive-post-copy p{display:none}.archive-view-toggle button{justify-content:center;width:34px;padding:0}.archive-view-toggle button span{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.archive-list-actions .archive-search{width:calc(100% - 84px)}.archive-minimal-link,.archive-post-row--minimal{height:50px}}.reader-category-line{text-transform:uppercase}.reader-category-line i{background:var(--article-red);color:#0000;border-radius:50%;width:5px;height:5px}.reader-article-header h1{letter-spacing:-.052em;font-family:Georgia,Noto Serif SC,Source Han Serif SC,Songti SC,STSong,serif;font-weight:400}.reader-deck{border-inline:1px solid var(--article-red)}.reader-author-meta,.reader-author-mark{align-items:center;display:inline-flex}.reader-author-meta{gap:11px}.reader-author-mark{width:40px;height:40px;color:var(--article-red);border:1px solid #d8d8d4;border-radius:50%;justify-content:center;font-family:Georgia,Times New Roman,serif;font-size:15px;line-height:1}.reader-article-header,.reader-article-header h1,.reader-deck,.reader-meta-line,.reader-hero-visual,.reader-article-content{width:100%;max-width:none}.reader-article-content .reader-asset--wide,.reader-article-content .reader-asset--full{width:100%;margin-left:0;margin-right:0;transform:none}@media (width>=1241px){.reader-layout{grid-template-columns:300px minmax(0,1fr)}.reader-side-rail{width:250px}.reader-main-column{grid-column:2;padding-left:74px;padding-right:40px;display:block}.reader-document-column{width:min(1020px,100%)}.reader-article-header{width:100%;padding-top:8px}.reader-category-line{letter-spacing:.16em;gap:14px;margin-bottom:34px;font-size:12px;font-weight:620}.reader-article-header h1{max-width:none;font-size:clamp(70px,5.1vw,86px);line-height:.99}.reader-deck{color:#343431;width:100%;max-width:none;margin-top:38px;padding:2px 40px;font-size:17px;font-weight:420;line-height:1.58}.reader-meta-line{border-bottom:0;gap:24px;width:100%;min-height:68px;margin-top:24px;font-size:13px}.reader-meta-line>span:first-child{gap:11px}.reader-hero-visual{aspect-ratio:auto;border-color:#dfdfdb;border-radius:0;width:100%;height:164px;margin-top:0}.reader-hero-visual img{object-fit:cover}.reader-article-content{width:100%}.reader-toc ol{padding-left:8px;position:relative}.reader-toc ol:before{content:"";background:#d8d8d4;width:1px;position:absolute;top:15px;bottom:15px;left:13px}.reader-toc ol:after{z-index:0;top:calc(18.5px + var(--reader-toc-link-start,0) * 44px);width:1px;height:calc(var(--reader-toc-link-length,0) * 44px);background:var(--article-red);content:"";pointer-events:none;will-change:top, height;transition:top 90ms linear,height 90ms linear;position:absolute;left:13px}.reader-toc li:before{z-index:1;background:#fff;border:1px solid #c8c8c4;border-radius:50%;width:9px;height:9px;transition:border-color .18s,background-color .18s,box-shadow .22s;top:14px;bottom:auto;left:1px;transform:scale(1)}.reader-toc li.is-current:before{border-color:var(--article-red);background:var(--article-red);box-shadow:0 0 0 3px #fff, 0 0 0 4px var(--article-red)}.reader-toc a{min-height:44px;padding-left:20px}}@media (width<=1240px){.reader-article-header h1{line-height:1.04}.reader-deck{padding:2px 24px}}@media (width<=720px){.reader-category-line{letter-spacing:.11em;margin-bottom:20px;font-size:11px;font-weight:620}.reader-article-header h1{letter-spacing:-.045em;font-size:clamp(39px,11.4vw,50px);line-height:1.03}.reader-deck{font-size:var(--type-body);border-right:0;margin-top:26px;padding:0 0 0 18px;line-height:1.7}.reader-meta-line{margin-top:20px}.reader-author-mark{width:34px;height:34px;font-size:13px}.reader-hero-visual{border-radius:0;margin-top:20px}}:root{color:#1b2227;background:#f4f3ee;font-family:Inter,Noto Sans SC,system-ui,sans-serif}body{margin:0}.preview-page{min-height:100vh;padding:0 24px 96px}.preview-bar{z-index:3;color:#747873;letter-spacing:.08em;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#f4f3eef0;border-bottom:1px solid #d8d7d0;justify-content:space-between;gap:20px;max-width:920px;margin:0 auto;padding:16px 0;font:10px/1.4 ui-monospace,monospace;display:flex;position:sticky;top:0}.preview-public-projection>.preview-bar{z-index:30;max-width:none;padding-inline:16px;position:fixed;left:24px;right:24px}.preview-public-projection .article-reader-shell{padding-top:48px}.preview-bar a{color:#2e5268}.preview-page article{background:#fff;max-width:760px;margin:0 auto;padding:clamp(48px,8vw,92px) clamp(28px,8vw,88px);box-shadow:0 24px 80px #1a1e210e}.preview-type{color:#a13832;letter-spacing:.12em;text-transform:uppercase;font:600 10px/1 ui-monospace,monospace}.preview-page h1{letter-spacing:-.045em;max-width:680px;margin:24px 0 0;font:400 clamp(38px,7vw,68px)/1.08 Georgia,Noto Serif SC,serif}.preview-summary{color:#626965;margin:28px 0 0;font:400 17px/1.85 Georgia,Noto Serif SC,serif}.cms-document{color:#333a3d;margin-top:58px;font-size:16px;line-height:1.95}.cms-document h2{margin:64px 0 18px;font:500 28px/1.3 Georgia,serif}.cms-document h3{margin:44px 0 14px;font:600 19px/1.4 Georgia,serif}.cms-document p{margin:0 0 24px}.cms-document blockquote{color:#5e6562;border-left:2px solid #a13832;margin:34px 0;padding-left:22px;font-family:Georgia,serif}.cms-document li{margin:8px 0}.cms-document figure{margin:40px 0}.cms-document img{width:100%;height:auto;display:block}.cms-document figcaption{color:#777;margin-top:10px;font-size:12px}.cms-document aside{color:#666;background:#f7f7f4;border:1px solid #ddd;padding:24px;font:11px/1.5 ui-monospace,monospace}@media (width<=640px){.preview-page{padding-inline:0}.preview-bar{padding-inline:16px}.preview-page article{box-shadow:none}}