@font-face{font-family:Public Sans;src:url(/fonts/PublicSans.woff2) format("woff2");font-weight:100 900;font-display:swap;unicode-range:U+0000-00FF,U+2010-2027,U+20AC}:root{color-scheme:light;--ink: #1c1d1e;--paper: #f1efe8;--paper-2: #e7e4db;--quiet: #656663;--line: rgb(28 29 30 / .14);--line-soft: rgb(28 29 30 / .08);--dark: #181a19;--darker: #111312;--white: #f5f3ec;--on-dark: #b6b7b2;--on-dark-quiet: #8f918c;--focus: #434642;--moved: #336b72;--moved-on-dark: #7fb3b8;--s1: .25rem;--s2: .5rem;--s3: .75rem;--s4: 1rem;--s5: 1.5rem;--s6: 2rem;--s7: 3rem;--s8: 4rem;--s9: 6rem;--s10: 8rem;--t-micro: .8125rem;--t-small: .875rem;--t-body: 1rem;--t-lede: 1.125rem;--t-lede-lg: clamp(1.125rem, .45vw + 1rem, 1.35rem);--lh-tight: 1.35;--lh-body: 1.6;--ink-2: #4e504d;--ink-soft: #5d5f5b;--on-clay: #4d4e46;--on-dark-strong: #d7d8d3;--r-sm: .25rem;--r-md: .5rem;--r-pill: 999px;--radius: .5rem;--max: 78rem;--gutter: clamp(1rem, 4vw, 3rem);--section: clamp(5rem, 10vw, 9rem);--header-height: 4rem;--grid-line: rgb(28 29 30 / .045);--grid-knob-line: rgb(28 29 30 / .13);--rule-bleed: min(var(--s8), max(var(--gutter), calc((100vw - var(--max)) / 2 - .5rem)));--rule-stop: var(--s4);--rule-fade: linear-gradient(to right, transparent, var(--grid-line) var(--rule-stop), var(--grid-line) calc(100% - var(--rule-stop)), transparent);--rule-fade-on-dark: linear-gradient(to right, transparent, rgb(245 243 236 / .06) var(--rule-stop), rgb(245 243 236 / .06) calc(100% - var(--rule-stop)), transparent);--ease: cubic-bezier(.22, 1, .36, 1);--fast: .16s;--base: .24s;--sans: "Public Sans", "Helvetica Neue", Arial, sans-serif;font-family:var(--sans);font-synthesis:none}*{box-sizing:border-box}code,pre,kbd,samp{font-family:inherit}html{scroll-behavior:smooth;background:var(--paper);scroll-padding-top:var(--header-height);overflow-x:clip}body{margin:0;background:var(--paper);color:var(--ink);font-size:1rem;line-height:1.55;text-rendering:optimizeLegibility}img{display:block;max-width:100%;height:auto}svg{display:block;width:1em;fill:none;stroke:currentColor;stroke-width:1.4}a{color:inherit}h1,h2,h3,h4,p{margin:0}h1,h2,h3{font-weight:510;letter-spacing:-.035em;line-height:1.02}h1{font-size:clamp(3.1rem,7vw + 1rem,7.5rem)}h2{font-size:clamp(2.4rem,4vw + 1rem,5.25rem)}h3{font-size:clamp(1.35rem,1vw + 1rem,2rem)}em{font-style:normal;font-weight:350;color:var(--ink-soft)}.container{width:min(100% - 2 * var(--gutter),var(--max));margin-inline:auto}.section{padding-block:var(--section)}.rule,.reasons>div,.bounds>div,.tool-row,.step,.contract>div,.doc-index,.doc-steps,.family,.sources>div,.legal-page dl,.page-hero,.example-row,.footer-meta{position:relative}.rule,.reasons>div,.bounds>div,.tool-row,.step,.contract>div,.doc-index,.doc-steps,.family,.sources>div,.legal-page dl,.page-hero,.example-row,.footer-meta,.site-header{border-block:0}.rule:after,.reasons>div:after,.bounds>div:after,.tool-row:after,.step:after,.contract>div:after,.doc-index:after,.doc-steps:after,.family:after,.sources>div:after,.legal-page dl:before,.legal-page dl:after,.page-hero:after,.example-row:after,.footer-meta:after,.site-header:after{content:"";position:absolute;inset-inline:calc(-1 * var(--rule-bleed));inset-block-start:0;height:1px;pointer-events:none;background:var(--rule-fade)}.page-hero:after,.example-row:after,.legal-page dl:after,.site-header:after{inset-block-start:auto;inset-block-end:0}.site-header:after{inset-inline:0}.footer-meta:after{background:var(--rule-fade-on-dark)}.bounds>div:nth-child(2n):after{display:none}.bounds>div:nth-child(odd):after{inset-inline-end:calc(-100% - var(--s8) - var(--rule-bleed))}.rule{border:0;margin:0}:focus-visible{outline:2px solid var(--focus);outline-offset:4px}a:active{opacity:.78}.label{margin:0;font-size:var(--t-small);font-weight:620;letter-spacing:-.005em;color:var(--quiet);user-select:none}.skip-link{position:fixed;inset:.75rem auto auto .75rem;z-index:999;transform:translateY(-180%);background:var(--ink);color:var(--white);padding:var(--s3) var(--s5);border-radius:var(--radius)}.skip-link:focus{transform:none}.site-header{position:sticky;top:0;z-index:20;background:var(--paper)}@supports ((backdrop-filter: blur(16px)) or (-webkit-backdrop-filter: blur(16px))){.site-header{background:color-mix(in srgb,var(--paper) 72%,transparent);backdrop-filter:blur(16px) saturate(140%);-webkit-backdrop-filter:blur(16px) saturate(140%)}}.header-inner{min-height:var(--header-height);display:grid;grid-template-columns:1fr auto 1fr;gap:var(--s5);align-items:center}.site-nav>a,.nav-menu__trigger,.site-footer nav a{color:var(--quiet);text-decoration:none;font-size:var(--t-small);transition:color var(--fast) var(--ease);touch-action:manipulation;user-select:none}.site-nav>a:hover,.nav-menu__trigger:hover,.site-nav>a[aria-current=page],.nav-menu__trigger[aria-current=page],.site-footer nav a:hover{color:var(--ink)}.header-cta{justify-self:end}.site-nav{display:flex;gap:var(--s6);align-items:center}.nav-open,.nav-close,.site-nav .nav-cta{display:none}.visually-hidden{position:absolute;width:1px;height:1px;clip-path:inset(50%);overflow:hidden;white-space:nowrap}.nav-menu{position:relative}.nav-menu__trigger{display:inline-flex;align-items:center;gap:.3rem}.nav-menu__chevron{width:.7rem;stroke-width:1.6;opacity:.55;transition:transform var(--fast) var(--ease),opacity var(--fast) var(--ease)}.nav-menu__panel{display:none}@media(hover:hover)and (width>=60em){.nav-menu__panel{display:grid;gap:2px;position:absolute;top:calc(100% + .6rem);left:-.75rem;z-index:30;width:22rem;padding:var(--s2);background:var(--paper);border:1px solid var(--line);border-radius:var(--r-md);box-shadow:0 1.5rem 3rem #1c1d1e21;opacity:0;visibility:hidden;translate:0 -.4rem;transition:opacity .18s var(--ease),translate .18s var(--ease),visibility .18s}.nav-menu__panel--wide{width:30rem;grid-template-columns:1fr 1fr;grid-template-rows:repeat(6,auto);grid-auto-flow:column}.nav-menu:hover .nav-menu__panel,.nav-menu:focus-within .nav-menu__panel{opacity:1;visibility:visible;translate:0}.nav-menu:hover .nav-menu__chevron,.nav-menu:focus-within .nav-menu__chevron{transform:rotate(180deg);opacity:1}.nav-menu:after{content:"";position:absolute;inset:100% -.75rem auto;height:.6rem}}.nav-menu__panel a{display:grid;gap:.15rem;padding:var(--s3) var(--s4);border-radius:var(--r-sm);color:var(--ink);text-decoration:none;transition:background var(--fast) var(--ease)}.nav-menu__panel a:hover{background:var(--paper-2)}.nav-menu__panel b{font-size:var(--t-small);font-weight:620}.nav-menu__panel span{font-size:var(--t-micro);line-height:1.45;color:var(--quiet)}.nav-menu__panel--wide a{grid-template-columns:minmax(0,1fr) auto;align-items:baseline;gap:var(--s3);padding-block:var(--s2)}.nav-menu__panel--wide span{font-variant-numeric:tabular-nums;user-select:none}@supports ((backdrop-filter: blur(20px)) or (-webkit-backdrop-filter: blur(20px))){.nav-menu__panel{background:color-mix(in srgb,var(--paper) 96%,transparent);backdrop-filter:blur(24px) saturate(160%);-webkit-backdrop-filter:blur(24px) saturate(160%)}}.brand-link{display:inline-flex;align-items:center;justify-self:start;min-height:2.75rem;line-height:0;text-decoration:none;touch-action:manipulation;user-select:none;transition:opacity var(--fast) var(--ease)}.brand-link:active{opacity:.55}@media(hover:hover)and (pointer:fine){.brand-link:hover{opacity:.72}}.brand{display:inline-flex;align-items:center;gap:var(--s3);color:var(--ink);user-select:none}.brand img:first-child{width:auto;height:2rem;aspect-ratio:333 / 281}.brand img:last-child{width:auto;height:1.5rem;aspect-ratio:383 / 86;translate:0 .125rem}.brand--compact img:first-child{height:1.85rem}.brand--compact img:last-child{height:1.35rem}.site-footer{background:var(--dark);color:var(--white);padding-top:var(--s9)}.site-footer .brand{color:var(--white)}.site-footer .brand img{filter:invert(1)}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:var(--s8);padding-bottom:var(--s9)}.footer-brand{display:grid;gap:var(--s5)}.footer-brand p{max-width:28ch;color:var(--on-dark-quiet)}.site-footer nav{display:flex;flex-direction:column;gap:var(--s3)}.site-footer nav a{color:var(--on-dark)}.site-footer nav a:hover{color:var(--white)}.site-footer nav a:focus-visible,.site-nav a:focus-visible{outline-offset:4px}.footer-meta{display:flex;justify-content:space-between;gap:var(--s5);padding-block:var(--s5);font-size:var(--t-small);color:var(--on-dark-quiet);user-select:none}.button{min-height:3rem;display:inline-flex;align-items:center;justify-content:center;gap:var(--s3);padding:var(--s3) var(--s5);background:var(--ink);color:var(--white);border:1px solid var(--ink);border-radius:var(--r-pill);text-decoration:none;font-weight:570;transition:transform .1s var(--ease),background var(--fast) var(--ease);touch-action:manipulation;user-select:none}.button:hover{background:#353735}.button:active{transform:scale(.975)}.button--small{min-height:2.75rem;font-size:var(--t-small);padding:var(--s2) var(--s5)}.button--light{background:var(--white);border-color:var(--white);color:var(--ink)}.button--light:hover{background:#fff}.button svg,.text-link svg{width:1rem}.text-link{display:inline-flex;align-items:center;gap:var(--s2);font-weight:570;text-underline-offset:.3em;text-decoration-thickness:1px;touch-action:manipulation;user-select:none}.text-link svg{transition:transform var(--fast) var(--ease)}.text-link:hover svg{transform:translate(.25rem)}.actions{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s5)}.code{position:relative;margin:0;background:var(--darker);border-radius:var(--radius);overflow:hidden}.code__label{display:block;padding:var(--s3) var(--s5) 0;font-size:var(--t-micro);color:var(--on-dark-quiet);user-select:none}.code pre{margin:0;padding:var(--s5);overflow-x:auto}.code code{font-size:var(--t-small);line-height:1.75;letter-spacing:.005em;font-variant-numeric:tabular-nums;font-variant-ligatures:none;color:var(--on-dark-strong);white-space:pre;-webkit-text-size-adjust:100%}.code b{font-weight:400;color:var(--moved-on-dark)}.code i{font-style:normal;color:var(--on-dark-quiet)}.val{font-weight:560;letter-spacing:-.005em;font-variant-numeric:tabular-nums}.page-hero{display:grid;gap:var(--s5);padding-block:var(--s10) var(--s9)}.page-hero h1{font-size:clamp(3rem,6vw + 1rem,7rem);max-width:15ch}.page-hero .lede{font-size:var(--t-lede-lg);color:var(--quiet);max-width:52ch}.page-hero .actions{margin-top:var(--s4)}.section-head{display:flex;justify-content:space-between;gap:var(--s6);align-items:end;margin-bottom:var(--s8)}.section-head>div{display:grid;gap:var(--s5)}.section-head h2{max-width:16ch}.body-lg{display:grid;gap:var(--s5);font-size:clamp(1.3rem,1.3vw + 1rem,2rem);line-height:1.35;letter-spacing:-.02em}.split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--s8)}.split>div:first-child{display:grid;gap:var(--s5);align-content:start}.prose-shell{display:grid;grid-template-columns:15rem minmax(0,52rem);gap:clamp(2.5rem,6vw,6rem);padding-block:var(--s10);align-items:start}.prose-shell--single{grid-template-columns:minmax(0,45rem);justify-content:center}.prose-shell aside{position:sticky;top:calc(var(--header-height) + var(--s4));display:grid;gap:var(--s5)}.prose-shell aside nav{display:flex;flex-direction:column;gap:var(--s2)}.prose-shell aside a{padding-block:var(--s2);text-decoration:none;color:var(--quiet);font-size:var(--t-small)}.prose-shell aside a[aria-current=page]{color:var(--ink);font-weight:620}.prose{max-width:74ch;min-width:0}.prose>*+*{margin-block-start:var(--s5)}.prose h1{font-size:clamp(3rem,4vw + 1rem,5rem);margin-bottom:var(--s8)}.prose h2{font-size:clamp(1.7rem,1.3vw + 1rem,2.4rem);margin-top:var(--s8)}.prose p,.prose li{font-size:var(--t-lede);line-height:var(--lh-body);color:var(--ink-2)}.prose ul,.prose ol{padding-left:var(--s5)}.prose li+li{margin-top:var(--s2)}.prose code{background:var(--paper-2);padding:.12em .38em;border-radius:var(--r-sm);font-weight:560}.prose pre{overflow:auto;padding:var(--s5);background:var(--dark);color:var(--white);border-radius:var(--radius)}.prose pre code{background:transparent;padding:0;font-size:var(--t-small);line-height:1.75;letter-spacing:.005em;font-variant-numeric:tabular-nums;font-variant-ligatures:none;color:var(--on-dark-strong)}.legal-page{padding-block:var(--s10)}.legal-page h1{font-size:clamp(3rem,5vw + 1rem,6rem);margin-bottom:var(--s8)}.legal-page dl{display:grid;grid-template-columns:10rem 1fr;gap:var(--s3);padding-block:var(--s5)}.legal-page dt{color:var(--quiet)}.launch-blocker{padding:var(--s5);border:1px solid #7e3a30;background:#eadbd4}.launch-blocker p{color:#4c2923}.not-found{min-height:65vh;display:grid;align-content:center;justify-items:start;gap:var(--s5)}.not-found h1{font-size:clamp(3rem,6vw + 1rem,7rem)}.not-found p{color:var(--quiet);font-size:var(--t-lede)}.hero{position:relative;isolation:isolate;overflow:clip;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);column-gap:clamp(2rem,5vw,5rem);row-gap:var(--s7);padding-block:clamp(2.5rem,5vw,4.5rem) var(--s7);align-items:end}.hero>*:not(.hero-rig){position:relative;z-index:1}.hero h1{grid-column:1 / -1;font-size:clamp(2.5rem,3.9vw + .8rem,4.5rem);max-width:24ch}.hero h1 q{quotes:"“" "”"}.hero-copy{grid-column:1;display:grid;gap:var(--s6);max-width:46ch;font-size:var(--t-lede-lg);color:var(--quiet)}.hero-copy strong{font-weight:570;color:var(--ink)}.hero-copy .button{white-space:nowrap}.hero-compare{padding-bottom:var(--s8)}.compare{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--s4);align-items:stretch}.compare>*{display:grid;grid-template-rows:auto 1fr;gap:var(--s5);padding:var(--s6);border-radius:var(--radius)}.compare__words{background:var(--paper-2);border:1px solid var(--line-soft)}.compare__knob{background:var(--dark);color:var(--white)}.compare__knob .label{color:var(--on-dark-quiet)}.compare footer{display:flex;flex-wrap:wrap;gap:var(--s2) var(--s4);font-size:.72rem;letter-spacing:.04em;color:var(--quiet);user-select:none}.compare__knob footer{color:var(--moved-on-dark)}.thread{display:grid;gap:var(--s3);align-content:start}.thread>div{display:grid;grid-template-columns:4.25rem 1fr;gap:var(--s4);align-items:baseline}.thread dt{font-size:var(--t-small);color:var(--quiet);user-select:none}.thread dd{margin:0;font-size:var(--t-body);line-height:var(--lh-tight)}.thread .patch{display:block;margin-top:var(--s1);font-size:var(--t-micro);color:var(--quiet)}.thread .patch s{text-decoration-thickness:1px}.knob{display:grid;gap:var(--s4);align-content:center}.knob__row{display:flex;align-items:center;gap:var(--s3);padding:var(--s3) var(--s4);background:#f5f3ec0f;border:1px solid rgb(245 243 236 / .11);border-radius:var(--r-sm)}.knob__swatch{width:1rem;height:1rem;border-radius:50%;border:1px solid rgb(245 243 236 / .3);flex:none}.knob__name{font-size:var(--t-small);color:var(--on-dark)}.knob__value{margin-left:auto;font-size:var(--t-small);color:var(--white);font-variant-numeric:tabular-nums}.knob__track{position:relative;height:.125rem;background:#f5f3ec2e;border-radius:var(--r-pill)}.knob__track span{position:absolute;top:50%;left:68%;width:.875rem;height:.875rem;border-radius:50%;background:var(--white);transform:translate(-50%,-50%)}.knob__scale{display:flex;justify-content:space-between;font-size:var(--t-micro);color:var(--on-dark-quiet);user-select:none}.knob__writes{display:grid;gap:var(--s2);margin-top:var(--s5);padding-top:var(--s5);border-top:1px solid rgb(245 243 236 / .11)}.knob__writes .label{color:var(--on-dark-quiet)}.knob__writes p{font-size:var(--t-small);line-height:1.75;color:var(--on-dark)}.knob__writes .val{color:var(--white)}.knob__writes s{color:var(--on-dark-quiet);text-decoration-thickness:1px}.knob__writes b{font-weight:400;color:var(--moved-on-dark)}.reasons{display:grid;gap:0;counter-reset:reason}.reasons>div{display:grid;grid-template-columns:3.5rem minmax(0,26ch) minmax(0,1fr);gap:var(--s6);align-items:start;padding-block:var(--s7)}.reasons>div:before{counter-increment:reason;content:counter(reason,decimal-leading-zero);font-size:var(--t-micro);color:var(--quiet);user-select:none}.reasons h3{letter-spacing:-.03em}.reasons p{color:var(--quiet);max-width:62ch}.surfaces{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--s4)}.surface{display:grid;grid-template-rows:auto auto 1fr auto;gap:var(--s4);padding:var(--s5);text-decoration:none;background:var(--paper-2);border:1px solid var(--line-soft);border-radius:var(--radius);container-type:inline-size;transition:background var(--base) var(--ease),border-color var(--base) var(--ease)}.surface:hover{background:#e2dfd5;border-color:var(--line);transform:translateY(-3px)}.surface{transition:background var(--base) var(--ease),border-color var(--base) var(--ease),transform var(--base) var(--ease)}.surface img{width:100%;aspect-ratio:16 / 10;object-fit:cover;object-position:left top;border-radius:var(--r-sm);background:var(--dark)}.surface h3{font-size:clamp(1.2rem,1.4cqi + .9rem,1.6rem)}.surface p{color:var(--quiet);font-size:var(--t-small)}.surface .text-link{font-size:var(--t-small)}.payload{background:var(--dark);color:var(--white)}.payload h2{max-width:13ch}.payload .lede{color:var(--on-dark);max-width:40ch;font-size:var(--t-lede)}.payload-layout{display:grid;grid-template-columns:minmax(16rem,.62fr) minmax(24rem,1.38fr);gap:clamp(2.5rem,6vw,6rem);align-items:start}.payload-copy{display:grid;gap:var(--s5);align-content:start}.payload-files{display:grid;gap:var(--s4)}.payload-files .code{border:1px solid rgb(245 243 236 / .12)}.bounds{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 var(--s8)}.bounds>div{padding-block:var(--s6)}.bounds h3{font-size:var(--t-lede);margin-bottom:var(--s3)}.bounds p{color:var(--quiet);max-width:46ch}.bounds .val{color:var(--ink)}.closing{position:relative;overflow:hidden;background:#c9c8ba;color:var(--ink)}.closing-inner{position:relative;z-index:1;min-height:22rem;padding-block:var(--s8);display:flex;align-items:center;justify-content:space-between;gap:var(--s7)}.closing-inner>div{display:grid;gap:var(--s4)}.closing-inner h2{max-width:14ch}.closing-inner p{color:var(--on-clay);max-width:40ch}.editors{background:var(--paper-2)}.editors-head{display:grid;gap:var(--s5);max-width:62ch;margin-bottom:var(--s8)}.editors-head h2{max-width:18ch}.editors-head p{color:var(--quiet);font-size:var(--t-lede-lg)}.editors-head .text-link{justify-self:start}.editors-pair{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--s6)}.editors-pair figure{margin:0;display:grid;gap:var(--s4)}.editors-pair figcaption{font-size:var(--t-small);line-height:var(--lh-body);color:var(--quiet)}.editors-pair figcaption b{font-weight:620;color:var(--ink)}.editor-head{display:grid;grid-template-columns:minmax(0,8rem) minmax(0,1fr);gap:clamp(2rem,5vw,5rem);align-items:baseline;margin-bottom:var(--s7)}.editor-head h2{font-size:clamp(2.4rem,3vw + 1rem,4rem)}.editor-head p{color:var(--quiet);font-size:var(--t-lede-lg);max-width:58ch}.editor-head--dark p{color:var(--on-dark)}.editor-detail{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(2rem,5vw,5rem);margin-top:var(--s8);align-items:start}.editor-detail--even{align-items:stretch}.tool-table{display:grid;align-content:start}.tool-row{display:grid;grid-template-columns:minmax(5rem,7rem) minmax(0,1fr);gap:var(--s5);padding-block:var(--s4)}.tool-row h3{font-size:var(--t-body);font-weight:620;letter-spacing:-.01em}.tool-row p{color:var(--quiet);font-size:var(--t-small)}.detail-title{font-size:var(--t-body);font-weight:620;margin-bottom:var(--s4)}.detail-title--spaced{margin-top:var(--s7)}.chips{display:flex;flex-wrap:wrap;gap:var(--s2);list-style:none;margin:0;padding:0}.chips li{padding:.3rem .6rem;border-radius:var(--r-pill);border:1px solid rgb(245 243 236 / .16);color:var(--on-dark);font-size:var(--t-small);user-select:none}.feature--dark .detail-title{color:var(--white)}.feature--dark .shot-figure figcaption{color:var(--on-dark-quiet)}.feature--dark .shot-figure figcaption b{color:var(--white)}.feature--dark .shot,.editors .shot{border-color:#f5f3ec2e;box-shadow:inset 0 1px #f5f3ec1a}.editors .shot{border-color:#1c1d1e2e;box-shadow:0 1.5rem 3rem #1c1d1e1f}.live{display:grid;gap:var(--s3)}.live>iframe,.live>img{width:100%;aspect-ratio:var(--live-ratio);border:1px solid var(--line);border-radius:var(--r-md);background:var(--dark);display:block}.live>iframe{display:none}.live__live{display:none}@media(width>=75em){.live>iframe{display:block;height:46.5rem;aspect-ratio:auto;color-scheme:dark}.live>img,.live__still{display:none}.live__live{display:inline}}.live__note{display:flex;flex-wrap:wrap;gap:var(--s2) var(--s5);align-items:baseline;font-size:var(--t-small);color:var(--quiet)}.live__note .text-link{font-size:var(--t-small)}.install{grid-column:2;align-self:end;display:grid;gap:var(--s3);justify-items:start;padding:var(--s5) var(--s6);border:1px solid var(--line);border-radius:var(--r-md);background:var(--paper-2)}.install .label{color:var(--quiet)}.install code{font-size:var(--t-lede);font-weight:600;letter-spacing:-.01em;color:var(--ink);overflow-wrap:anywhere}.install span{font-size:var(--t-small);line-height:var(--lh-body);color:var(--quiet);max-width:44ch;user-select:none}.steps{display:grid;counter-reset:step}.step{display:grid;grid-template-columns:3.5rem minmax(0,26rem) minmax(0,1fr);gap:clamp(1.5rem,4vw,4rem);padding-block:var(--s9);align-items:start}.step:before{counter-increment:step;content:counter(step,decimal-leading-zero);font-size:var(--t-micro);color:var(--quiet);padding-top:.55rem;user-select:none}.step__copy{display:grid;gap:var(--s4);align-content:start;min-width:0}.step__copy h2{font-size:clamp(1.9rem,1.6vw + 1rem,2.9rem)}.step__copy p{color:var(--quiet)}.step__copy p strong{color:var(--ink);font-weight:570}.step__aside{display:grid;gap:var(--s4);min-width:0}.step__aside figcaption,.figure-note{font-size:var(--t-small);line-height:var(--lh-body);color:var(--quiet);user-select:none}.step__aside img{border-radius:var(--radius);border:1px solid var(--line);background:var(--dark)}.contract{display:grid;gap:0}.contract>div{display:grid;grid-template-columns:minmax(7rem,11rem) 1fr;gap:var(--s5);padding-block:var(--s4)}.contract dt{font-size:var(--t-small);font-weight:620;color:var(--ink)}.contract dd{margin:0;color:var(--quiet);font-size:var(--t-small)}.contract dd .val{color:var(--ink)}.callout{display:grid;gap:var(--s3);padding:var(--s5) var(--s6);border-left:2px solid var(--moved);background:var(--paper-2);border-radius:0 var(--radius) var(--radius) 0}.callout p{color:var(--ink-2)}.editor-detail--even .callout{align-content:start}.callout .label{color:var(--moved)}.editor-index{display:grid;gap:var(--s8)}.editor-card{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:clamp(2rem,5vw,4.5rem);align-items:center}.editor-card__body{display:grid;gap:var(--s4);align-content:center}.editor-card h2{font-size:clamp(2.4rem,3vw + 1rem,4rem)}.editor-card p{color:var(--quiet)}.facts{display:flex;flex-wrap:wrap;gap:var(--s2);list-style:none;margin:0;padding:0}.facts li{padding:.3rem .65rem;border:1px solid var(--line);border-radius:var(--r-pill);font-size:var(--t-small);color:var(--quiet);user-select:none}.editor-card .text-link{justify-self:start;margin-top:var(--s2)}.eyebrow-path{margin:0;font-size:var(--t-small);color:var(--quiet)}.eyebrow-path a{text-underline-offset:.25em}.eyebrow-path span{padding-inline:.4rem;opacity:.55}.doc-nav{display:grid;gap:var(--s6)}.doc-nav__group{display:grid;gap:2px}.doc-nav__title{margin:0 0 var(--s2);font-size:var(--t-micro);font-weight:620;letter-spacing:.02em;color:var(--ink);user-select:none}.doc-nav a{padding:.3rem 0;text-decoration:none;color:var(--quiet);font-size:var(--t-small);line-height:1.5;transition:color var(--fast) var(--ease)}.doc-nav a:hover{color:var(--ink)}.doc-nav a[aria-current=page]{color:var(--ink);font-weight:620}.doc-index{display:grid;gap:var(--s7);margin-top:var(--s9);padding-top:var(--s7)}.doc-index__group{display:grid;gap:var(--s4)}.doc-index h2{font-size:var(--t-lede);font-weight:620;margin:0;letter-spacing:-.01em}.doc-index ul{list-style:none;margin:0;padding:0;display:grid;gap:2px}.doc-index a{display:grid;gap:.15rem;padding:var(--s3) var(--s4);margin-inline:calc(-1 * var(--s4));border-radius:var(--r-sm);text-decoration:none;transition:background var(--fast) var(--ease)}.doc-index a:hover{background:var(--paper-2)}.doc-index b{font-size:var(--t-body);font-weight:620;color:var(--ink)}.doc-index span{font-size:var(--t-small);line-height:1.5;color:var(--quiet)}.doc-steps{display:grid;grid-template-columns:1fr 1fr;gap:var(--s4);margin-top:var(--s9);padding-top:var(--s6)}.doc-step{display:grid;gap:var(--s1);padding:var(--s4) var(--s5);border:1px solid var(--line-soft);border-radius:var(--r-md);text-decoration:none;transition:background var(--fast) var(--ease),border-color var(--fast) var(--ease)}.doc-step:hover{background:var(--paper-2);border-color:var(--line)}.doc-step span{font-size:var(--t-micro);color:var(--quiet);user-select:none}.doc-step b{font-size:var(--t-body);font-weight:620;color:var(--ink);display:inline-flex;align-items:center;gap:var(--s2)}.doc-step--on{text-align:right}.doc-step--on b{justify-content:flex-end}.doc-step svg{width:.9rem}.prose table{width:100%;max-width:none;border-collapse:collapse;margin-block:var(--s5);font-size:var(--t-small)}.prose th,.prose td{text-align:left;padding:var(--s3) var(--s4) var(--s3) 0;border-bottom:1px solid var(--line-soft);vertical-align:top}.prose th{font-weight:620;color:var(--ink);border-bottom-color:var(--line)}.prose td{color:var(--ink-2)}.prose td code,.prose th code{font-size:1em}.prose td code,.prose th code{overflow-wrap:anywhere}@media(width<42em){.prose table{font-size:var(--t-micro)}.prose th,.prose td{padding:var(--s2) var(--s3) var(--s2) 0}}.families{display:grid;gap:0}.family{display:grid;grid-template-columns:minmax(9rem,14rem) minmax(0,1fr) 4.5rem;gap:var(--s5);align-items:baseline;padding-block:var(--s5)}.family h3{font-size:var(--t-body);font-weight:620;letter-spacing:-.01em}.family p{color:var(--quiet);font-size:var(--t-small);line-height:var(--lh-body)}.family span{font-size:var(--t-micro);color:var(--quiet);text-align:right;user-select:none;font-variant-numeric:tabular-nums}a.family{text-decoration:none;color:inherit;transition:background var(--fast) var(--ease)}a.family:hover,a.family:focus-visible{background:var(--paper-2)}a.family:hover h3{text-decoration:underline;text-underline-offset:.18em;text-decoration-thickness:1px}.catalog__head h3 a{color:inherit;text-decoration:none}.catalog__head h3 a:hover{text-decoration:underline;text-underline-offset:.18em;text-decoration-thickness:1px}.family-page{padding-block:clamp(2.5rem,5vw,4.5rem);max-width:58rem}.family-page__grid{display:grid;gap:var(--s7) var(--s8);align-items:start;padding-bottom:var(--s7)}@media(width>=60em){.family-page__grid{grid-template-columns:minmax(0,1fr) minmax(18rem,22rem)}}.family-page__head{display:grid;gap:var(--s4)}.family-page h1{font-size:clamp(2.6rem,3.2vw + 1rem,4rem)}.family-page__kicker{font-size:var(--t-small);color:var(--quiet)}.family-page__kicker a{color:inherit}.family-page__links{margin-top:var(--s2)}.family-page__list{display:grid;gap:var(--s5)}.family-page__list ul{list-style:none;margin:0;padding:0;display:grid;gap:1px}.family-page__list li{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:0 var(--s3);align-items:baseline;padding-block:var(--s2);border-bottom:1px solid var(--line)}.family-page__list li b{grid-area:1 / 1}.family-page__list li span{grid-area:1 / 2}.family-page__list li em{grid-area:2 / 1;font-style:normal;font-size:var(--t-micro);color:var(--quiet);font-variant-numeric:tabular-nums}.family-page__list li b{font-weight:400}.family-page__list li span{grid-area:1 / 2;color:var(--quiet);font-size:var(--t-micro);user-select:none}.family-page__note{color:var(--quiet);font-size:var(--t-small);line-height:var(--lh-body);max-width:60ch}.feature{display:grid;grid-template-columns:minmax(16rem,.8fr) minmax(20rem,1.2fr);gap:clamp(2.5rem,6vw,6rem);align-items:center}.feature--panel{grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);align-items:center}.feature__copy{display:grid;gap:var(--s4);align-content:center}.feature__copy h2{font-size:clamp(1.9rem,1.8vw + 1rem,3.2rem);max-width:14ch}.feature__copy p{color:var(--quiet)}.feature figure{margin:0;display:grid;gap:var(--s3)}.feature img{border-radius:var(--radius);border:1px solid var(--line);background:var(--dark)}.feature figure{justify-items:center}.feature figure img{max-height:32rem;width:auto;max-width:100%}.feature--dark{background:var(--dark);color:var(--white)}.feature--dark figcaption{color:var(--on-dark-quiet)}.feature--dark img{border-color:#f5f3ec1f}.feature--dark .split>div:first-child h2{max-width:12ch}.feature--dark .feature__copy p{color:var(--on-dark)}.timeline-strip{margin:var(--s8) auto 0;display:grid;gap:var(--s4)}.timeline-strip img{width:100%;border-radius:var(--radius);border:1px solid rgb(245 243 236 / .12)}.timeline-strip figcaption{color:var(--on-dark-quiet);max-width:74ch}.catalog{display:grid;grid-template-columns:repeat(auto-fit,minmax(17rem,1fr));gap:var(--s7) var(--s6)}.catalog__family{display:grid;gap:var(--s3);align-content:start}.catalog__head{display:grid;gap:var(--s2);padding-bottom:var(--s2);border-bottom:1px solid var(--line)}.catalog__head h3{font-size:var(--t-body);font-weight:620}.catalog__head .text-link{font-size:var(--t-small);justify-self:start;color:var(--quiet)}.catalog__head .text-link:hover{color:var(--ink)}.catalog ul{list-style:none;margin:0;padding:0;display:grid;gap:1px}.catalog li{display:flex;gap:var(--s3);align-items:baseline;justify-content:space-between;padding-block:.3rem;font-size:var(--t-small);color:var(--ink)}.catalog li b{font-weight:400}.catalog li span{color:var(--quiet);font-size:var(--t-micro);user-select:none}.sources{display:grid;grid-template-columns:repeat(auto-fit,minmax(15rem,1fr));gap:0 var(--s6)}.sources>div{padding-block:var(--s5)}.sources dt{font-size:var(--t-small);font-weight:620;margin-bottom:var(--s2)}.sources dd{margin:0;color:var(--quiet);font-size:var(--t-small);line-height:var(--lh-body)}.limits{display:grid;gap:var(--s4)}.limits li{color:var(--quiet);max-width:68ch}.limits ul{margin:0;padding-left:var(--s5)}.example-list{display:grid}.example-row{display:grid;grid-template-columns:1.35fr .65fr;gap:var(--s8);padding-block:var(--s8)}.example-visual{overflow:hidden;border-radius:var(--radius);background:var(--dark);border:1px solid var(--line-soft)}.example-visual img{aspect-ratio:16 / 10;object-fit:cover;width:100%}.example-visual{transition:transform var(--base) var(--ease),box-shadow var(--base) var(--ease),border-color var(--base) var(--ease)}.example-visual:hover{transform:translateY(-3px);border-color:var(--line);box-shadow:0 1.25rem 2.5rem #1c1d1e24}.example-row>div{display:grid;align-content:start;gap:var(--s4)}.example-row h2{font-size:clamp(2.2rem,3vw + 1rem,3.6rem)}.example-row>div>p{color:var(--quiet);max-width:42ch}.example-row .example-meta{font-size:var(--t-small);color:var(--quiet)}.example-row .text-link{margin-top:var(--s2);justify-self:start}.shot{display:block;border-radius:var(--r-md);border:1px solid var(--line);background:var(--dark);overflow:hidden;transition:transform var(--base) var(--ease),box-shadow var(--base) var(--ease),border-color var(--base) var(--ease)}.shot img{width:100%;display:block}a.shot:hover{transform:translateY(-3px);border-color:var(--line);box-shadow:0 1.25rem 2.5rem #1c1d1e24}a.shot:active{transform:translateY(-1px)}.shot-figure{margin:0;display:grid;gap:var(--s4)}.shot-figure figcaption{font-size:var(--t-small);line-height:var(--lh-body);color:var(--quiet);max-width:74ch}.shot-figure figcaption b{font-weight:500;color:var(--ink)}main{position:relative;isolation:isolate;background-image:repeating-linear-gradient(90deg,transparent 0,transparent calc(25% - 1px),var(--grid-line) calc(25% - 1px),var(--grid-line) 25%);background-position:center top;background-repeat:no-repeat;background-size:min(calc(100% - 2 * var(--gutter)),var(--max)) 100%}main>section,main>article,main>header{position:relative;z-index:1}.grid-knobs{position:absolute;z-index:0;inset:0 0 auto;height:240rem;overflow:clip;overflow-clip-margin:1rem;contain:layout;pointer-events:none}.grid-knob{--from: -5rem;--to: 9rem;position:absolute;width:1rem;height:1rem;border:1px solid var(--grid-knob-line);border-radius:50%;background:var(--paper);box-shadow:0 0 0 3px var(--paper);transform:translate(-50%,-50%)}.grid-knob:after{content:"";position:absolute;inset:50% auto auto 50%;width:.18rem;height:.18rem;border-radius:50%;background:var(--grid-knob-line);transform:translate(-50%,-50%)}.grid-knob--one{left:25%;top:51rem;--from: -6rem;--to: 290vh }.grid-knob--two{left:50%;top:38rem;--from: -3rem;--to: 320vh }.grid-knob--three{left:75%;top:55rem;--from: -8rem;--to: 275vh }.grid-knob--four{left:100%;top:25rem;--from: -4rem;--to: 305vh }@supports (animation-timeline: view()){@media(prefers-reduced-motion:no-preference){@keyframes figure-rise{0%{opacity:0;translate:0 2rem}to{opacity:1;translate:0}}.editors-pair figure{animation:figure-rise linear both;animation-timeline:view();animation-range:entry 5% entry 85%}.editors-pair figure:last-child{animation-range:entry 5% entry 100%}}}@supports (animation-timeline: scroll()){@media(prefers-reduced-motion:no-preference){@keyframes knob-travel{0%{translate:0 var(--from)}to{translate:0 var(--to)}}.grid-knob{animation:knob-travel linear both;animation-timeline:scroll();animation-range:0 100%}}}.hero-rig{position:absolute;z-index:0;top:5.4rem;right:-1rem;width:min(54vw,43rem);height:auto;color:var(--ink);stroke-width:1.05;pointer-events:none;transform:rotate(-7deg)}.hero-rig .rig-contour__cutout{fill:var(--paper);stroke:none}.hero-rig path:not(.rig-contour__cutout){opacity:.075}.closing-rig{position:absolute;right:3%;top:50%;width:min(44rem,58vw);height:auto;color:var(--ink);opacity:.1;stroke-width:1;pointer-events:none;transform:translateY(-50%) rotate(8deg)}@media(width<68em){.payload-layout,.feature,.editors-pair,.editor-detail,.editor-card{grid-template-columns:minmax(0,1fr)}.editor-head{grid-template-columns:minmax(0,1fr);gap:var(--s4)}.feature--flip .feature__copy{order:-1}.step{grid-template-columns:3rem minmax(0,1fr);gap:var(--s5)}.step__aside{grid-column:2}.surfaces{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.surfaces>:last-child{grid-column:1 / -1}.surfaces>:last-child img{aspect-ratio:21 / 9}}@media(width<60em){.header-cta{grid-column:2}.hero{grid-template-columns:minmax(0,1fr)}.hero-copy{grid-column:1;max-width:46ch}.install{grid-column:1}.hero-rig{right:-7rem;width:40rem}.hero-rig path:not(.rig-contour__cutout){opacity:.06}.compare,.split,.example-row,.bounds{grid-template-columns:minmax(0,1fr)}.bounds>div:nth-child(2n):after{display:block}.compare>*{grid-template-rows:auto auto}.reasons>div{grid-template-columns:3rem 1fr;gap:var(--s4)}.reasons>div h3{grid-column:2}.reasons>div p{grid-column:2}.family{grid-template-columns:1fr auto;row-gap:var(--s2)}.family p{grid-column:1 / -1}.prose-shell{grid-template-columns:minmax(0,1fr)}.prose-shell aside{position:static;border-bottom:1px solid var(--line);padding-bottom:var(--s5)}.prose-shell aside nav{flex-direction:row;flex-wrap:wrap;gap:var(--s4)}}@media(width<42em){:root{--section: 5rem }.header-cta{display:none}.nav-open span{position:absolute;width:1px;height:1px;clip-path:inset(50%);overflow:hidden;white-space:nowrap}.nav-open{min-width:2.75rem;justify-content:center;padding-inline:0}.brand img:first-child{height:1.7rem}.brand img:last-child{height:1.25rem}.header-inner{min-height:4.5rem}.header-cta{font-size:.75rem;padding-inline:var(--s4)}.brand--compact img:first-child{height:1.35rem}.brand--compact img:last-child{height:.9rem}main{background-size:calc(100% - 2 * var(--gutter)) 100%}.hero{padding-top:var(--s7)}.hero h1{font-size:clamp(2.6rem,10vw + .5rem,4.4rem)}.hero-rig{top:7rem;right:-11rem;width:34rem}.hero-rig path:not(.rig-contour__cutout){opacity:.05}.actions{align-items:stretch;flex-direction:column}.actions>*{justify-content:center}.compare>*{padding:var(--s5)}.thread>div{grid-template-columns:minmax(0,1fr);gap:var(--s1)}.surfaces,.sources{grid-template-columns:minmax(0,1fr)}.surfaces>:last-child img{aspect-ratio:16 / 10}.step{grid-template-columns:minmax(0,1fr);gap:var(--s5)}.step:before{padding-top:0}.step__aside{grid-column:1}.contract>div{grid-template-columns:minmax(0,1fr);gap:var(--s1)}.section-head,.closing-inner{align-items:flex-start;flex-direction:column}.closing-inner{justify-content:center;min-height:20rem}.closing-rig{right:-12rem;width:35rem;opacity:.08}.footer-grid{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1 / -1}.footer-meta{align-items:flex-start;flex-direction:column}.example-row{gap:var(--s6)}.page-hero{padding-block:var(--s8) var(--s7)}.prose-shell{padding-block:var(--s8)}.legal-page dl{grid-template-columns:minmax(0,1fr)}.code pre{padding:var(--s4)}.code code{font-size:.76rem}}@media(width<60em){.header-inner{display:flex;align-items:center;gap:var(--s3)}.brand-link{margin-inline-end:auto}.nav-open{display:inline-flex;align-items:center;gap:var(--s2);min-height:2.75rem;padding-inline:var(--s3);font-size:var(--t-small);color:var(--quiet);text-decoration:none;border-radius:var(--r-pill);user-select:none;touch-action:manipulation}.nav-open svg{width:1.1rem;stroke-width:1.6}.site-nav{display:none;position:absolute;left:0;right:0;top:100%;z-index:30;flex-direction:column;align-items:stretch;gap:0;padding:var(--s2) var(--gutter) var(--s6);background:var(--paper);border-bottom:1px solid var(--line);box-shadow:0 1.5rem 3rem #1c1d1e1f}.site-nav:target{display:flex}.site-nav{max-height:calc(100dvh - var(--header-height) - 1rem);overflow-y:auto;overscroll-behavior:contain}.nav-close{display:flex;align-items:center;justify-content:center;align-self:flex-end;width:2.75rem;height:2.75rem;margin-bottom:var(--s2);color:var(--quiet)}.nav-close svg{width:1.15rem;stroke-width:1.6}.site-nav>a,.nav-menu__trigger{min-height:3rem;display:flex;align-items:center;font-size:var(--t-lede);color:var(--ink);border-top:1px solid var(--line-soft)}.site-nav .nav-cta{display:inline-flex;margin-top:var(--s5);border-top:0;color:var(--white)}.nav-menu__chevron{display:none}.nav-menu__panel{display:grid;padding-block:var(--s2) var(--s4)}.nav-menu__panel a{padding:var(--s2) 0 var(--s2) var(--s4)}.nav-menu__panel b{font-size:var(--t-body)}.nav-menu__panel span{font-size:var(--t-small)}.header-cta{grid-column:auto}}@media(pointer:coarse){.site-nav>a,.nav-menu__trigger,.site-footer nav a,.prose-shell aside a{min-height:2.75rem;display:flex;align-items:center}.text-link{min-height:2.75rem}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media(prefers-reduced-transparency:reduce){.site-header,.nav-menu__panel{background:var(--paper-2);backdrop-filter:none;-webkit-backdrop-filter:none}}@media(prefers-contrast:more){:root{--line: rgb(28 29 30 / .45);--line-soft: rgb(28 29 30 / .3);--grid-line: rgb(28 29 30 / .28);--quiet: #494a48;--on-dark: #d9dad6;--on-dark-quiet: #b4b6b1 }.site-header,.nav-menu__panel{background:var(--paper-2);backdrop-filter:none;-webkit-backdrop-filter:none}.grid-knobs,.hero-rig,.closing-rig{display:none}}@media(forced-colors:active){.reasons>div,.bounds>div,.tool-row,.step,.contract>div,.doc-index,.doc-steps,.family,.sources>div,.legal-page dl,.footer-meta{border-top:1px solid CanvasText}.page-hero,.example-row{border-bottom:1px solid CanvasText}.rule:after,.reasons>div:after,.bounds>div:after,.tool-row:after,.step:after,.contract>div:after,.doc-index:after,.doc-steps:after,.family:after,.sources>div:after,.legal-page dl:before,.legal-page dl:after,.page-hero:after,.example-row:after,.footer-meta:after,.site-header:after{display:none}.button,.launch-blocker,.surface,.shot,.compare>*,.code,.example-visual{border:1px solid CanvasText}.nav-menu__panel,.site-nav{background:Canvas;color:CanvasText;backdrop-filter:none;-webkit-backdrop-filter:none;box-shadow:none}.nav-menu__panel{border:1px solid CanvasText}.button:focus-visible,a:focus-visible{outline-color:Highlight}.site-header{background:Canvas;color:CanvasText;border-bottom:1px solid CanvasText;backdrop-filter:none;-webkit-backdrop-filter:none}.hero-rig,.closing-rig,.grid-knobs{display:none}.knob__track span,.knob__swatch{forced-color-adjust:none}}