:root{--ink:#000;--ink-raise:#0b0b0b;--ink-2:#141414;--surface:#1a1a1a;--surface-2:#242424;--line:#2a2a2a;--line-strong:#3d3d3d;--bone:#e6e6e6;--bone-2:#f1f1f1;--paper:#fff;--on-dark:#e6e6e6;--on-dark-muted:#8c8c8c;--on-dark-faint:#565656;--on-light:#0a0a0a;--on-light-muted:#6b6b6b;--on-light-faint:#a0a0a0;--font-display:var(--f-display);--font-body:var(--f-body);--font-mono:var(--f-mono);--fs-display-xl:clamp(3.5rem, 9.2vw, 8.25rem);--fs-display-l:clamp(2.75rem, 6.4vw, 5.75rem);--fs-display-m:clamp(2.25rem, 4.4vw, 4rem);--fs-h1:clamp(1.875rem, 3.4vw, 3.5rem);--fs-h2:clamp(1.5rem, 2.5vw, 2.25rem);--fs-h3:clamp(1.25rem, 1.6vw, 1.5rem);--fs-body-l:1.0625rem;--fs-body:1rem;--fs-body-s:.875rem;--fs-label:.6875rem;--fs-micro:.625rem;--lh-tight:.94;--lh-display:1.06;--lh-heading:1.16;--lh-body:1.7;--lh-mono:1.6;--tr-display:-.04em;--tr-heading:-.03em;--tr-body:0;--tr-mono:.12em;--grid-max:1280px;--grid-cols:12;--gutter:24px;--margin-x:clamp(20px, 5.5vw, 80px);--s-1:4px;--s-2:8px;--s-3:12px;--s-4:16px;--s-5:24px;--s-6:32px;--s-7:48px;--s-8:64px;--s-9:96px;--s-10:128px;--s-11:160px;--radius-pill:999px;--header-h:76px;--t-1:.12s;--t-2:.24s;--t-3:.36s;--t-4:.48s;--t-5:.6s;--t-6:.72s;--t-10:1.2s;--e-cut:cubic-bezier(.76, 0, .24, 1);--e-enter:cubic-bezier(.12, .8, .24, 1);--e-exit:cubic-bezier(.76, 0, 1, .24);--e-scrub:linear;--st-tight:24ms;--st-base:48ms;--st-wide:72ms;--d-1:6px;--d-2:12px;--d-3:24px;--d-4:48px;--d-6:96px;--sc-in:1.02;--sc-out:.98;--chev-span:192px;--chev-rise:96px;--z-base:0;--z-sticky:10;--z-hud:20;--z-header:30;--z-overlay:40;--z-transition:50}@media (width<=1023px){:root{--d-2:6px;--d-3:12px;--d-4:24px;--d-6:48px;--chev-span:96px;--chev-rise:48px}}@media (width<=639px){:root{--chev-span:64px;--chev-rise:32px}}@media (prefers-reduced-motion:reduce){:root{--t-1:1ms;--t-2:1ms;--t-3:1ms;--t-4:1ms;--t-5:.2s;--t-6:1ms;--t-10:.2s;--st-tight:0s;--st-base:0s;--st-wide:0s;--d-1:0px;--d-2:0px;--d-3:0px;--d-4:0px;--d-6:0px;--sc-in:1;--sc-out:1}*,:before,:after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}*,:before,:after{box-sizing:border-box}html{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;-webkit-text-size-adjust:100%}body{background:var(--bone-2);color:var(--on-light);font-family:var(--font-body);font-size:var(--fs-body);line-height:var(--lh-body);-webkit-font-smoothing:antialiased;margin:0}body.dark{background:var(--ink);color:var(--on-dark)}a{color:inherit}:focus-visible{outline-offset:3px;outline:2px solid}img,svg{max-width:100%;display:block}.wrap{width:min(100% - 2 * var(--margin-x), var(--grid-max));margin-inline:auto}.narrow{max-width:68ch}.display{font-family:var(--font-display);font-weight:500;line-height:var(--lh-display);letter-spacing:var(--tr-display);text-wrap:balance;margin:0}.display-xl{font-size:var(--fs-display-xl);line-height:var(--lh-tight)}.display-l{font-size:var(--fs-display-l)}.display-m{font-size:var(--fs-display-m)}h1,h2,h3{font-family:var(--font-display);font-weight:500;line-height:var(--lh-heading);letter-spacing:var(--tr-heading);text-wrap:balance;margin:0}h1{font-size:var(--fs-h1)}h2{font-size:var(--fs-h2)}h3{font-size:var(--fs-h3)}p{margin:0}p+p{margin-top:var(--s-4)}.mono,.label,.eyebrow{font-family:var(--font-mono);font-size:var(--fs-label);letter-spacing:var(--tr-mono);text-transform:uppercase;line-height:var(--lh-mono)}.eyebrow{color:var(--on-light-muted)}body.dark .eyebrow{color:var(--on-dark-muted)}.muted{color:var(--on-light-muted)}body.dark .muted{color:var(--on-dark-muted)}.faint{color:var(--on-light-faint)}.small{font-size:var(--fs-body-s)}.hr{border:0;border-top:1px solid var(--line-light,#cfcfcf);margin:0}:root{--line-light:#cfcfcf}body.dark .hr{border-top-color:var(--line)}.pill{font-family:var(--font-mono);font-size:var(--fs-label);letter-spacing:var(--tr-mono);text-transform:uppercase;border-radius:var(--radius-pill);white-space:nowrap;border:1px solid;padding:3px 10px;line-height:1.4;display:inline-block}.pill.solid{background:var(--ink);color:var(--bone);border-color:var(--ink)}.pill.muted{color:var(--on-light-muted)}.btn{appearance:none;align-items:center;gap:var(--s-2);font:inherit;font-family:var(--font-mono);font-size:var(--fs-label);letter-spacing:var(--tr-mono);text-transform:uppercase;border:1px solid var(--ink);border-radius:var(--radius-pill);background:var(--ink);color:var(--bone);cursor:pointer;transition:background var(--t-2) var(--e-enter), color var(--t-2) var(--e-enter);padding:14px 20px;line-height:1;text-decoration:none;display:inline-flex}.btn:hover{background:var(--ink-2)}.btn.ghost{color:var(--ink);background:0 0}.btn.ghost:hover{background:var(--bone)}.btn.small{padding:9px 14px}.btn:disabled{opacity:.4;cursor:not-allowed}body.dark .btn{background:var(--bone);color:var(--ink);border-color:var(--bone)}body.dark .btn:hover{background:var(--paper)}body.dark .btn.ghost{color:var(--bone);background:0 0}body.dark .btn.ghost:hover{background:var(--surface)}.field{gap:var(--s-2);display:grid}.field>label,.field>.q-text{font-weight:500}.field .hint{font-size:var(--fs-body-s);color:var(--on-light-muted)}input[type=text],input[type=email],input[type=tel],input[type=url],textarea,select{font:inherit;border:1px solid var(--line-light);background:var(--paper);width:100%;color:var(--on-light);transition:border-color var(--t-2) var(--e-enter);border-radius:0;padding:12px 14px}input:focus,textarea:focus,select:focus{border-color:var(--ink);outline:none}textarea{resize:vertical;min-height:7lh}textarea.short{min-height:3lh}input:disabled,textarea:disabled{background:var(--bone-2);color:var(--on-light-muted)}.check,.radio{align-items:flex-start;gap:var(--s-3);cursor:pointer;padding:10px 0;display:flex}.check input,.radio input{accent-color:var(--ink);margin:5px 0 0}.list-inputs{gap:var(--s-2);display:grid}.list-inputs .row{gap:var(--s-3);grid-template-columns:2ch 1fr;align-items:center;display:grid}.list-inputs .row .n{font-family:var(--font-mono);font-size:var(--fs-label);color:var(--on-light-faint)}.pair{gap:var(--s-4);grid-template-columns:repeat(auto-fit,minmax(240px,1fr));display:grid}.chips{gap:var(--s-3);grid-template-columns:repeat(auto-fill,minmax(150px,1fr));display:grid}.chip{gap:var(--s-2);padding:var(--s-3);border:1px solid var(--line-light);background:var(--paper);cursor:pointer;transition:border-color var(--t-2) var(--e-enter);display:grid}.chip:has(input:checked){border-color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink)}.chip input{opacity:0;pointer-events:none;position:absolute}.chip .swatch{border:1px solid #00000014;height:40px}.chip .name{font-family:var(--font-mono);font-size:var(--fs-label);letter-spacing:var(--tr-mono);text-transform:uppercase}.chip .traits{font-size:var(--fs-micro);color:var(--on-light-muted);text-transform:uppercase;letter-spacing:.08em;line-height:1.5}.chip .desc{font-size:var(--fs-body-s);color:var(--on-light-muted)}.chip .example{font-family:var(--font-display);font-size:var(--fs-h3)}.chip.wide{grid-template-columns:1fr}.axes{gap:var(--s-4);display:grid}.axis{gap:var(--s-3);grid-template-columns:minmax(80px,1fr) minmax(160px,3fr) minmax(80px,1fr);align-items:center;display:grid}.axis .pole{font-family:var(--font-mono);font-size:var(--fs-label);letter-spacing:var(--tr-mono);text-transform:uppercase}.axis .pole.b{text-align:right}.axis input[type=range]{width:100%;accent-color:var(--ink)}.tbl{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:var(--fs-body-s)}th,td{text-align:left;vertical-align:top;border-bottom:1px solid var(--line-light);padding:12px 16px 12px 0}th{font-family:var(--font-mono);font-weight:500;font-size:var(--fs-label);letter-spacing:var(--tr-mono);text-transform:uppercase;color:var(--on-light-muted)}td.num{font-family:var(--font-mono);font-variant-numeric:tabular-nums;white-space:nowrap}.stack{gap:var(--s-5);display:grid}.stack-l{gap:var(--s-7);display:grid}.row{gap:var(--s-3);flex-wrap:wrap;align-items:center;display:flex}.between{justify-content:space-between}.notice{padding:var(--s-4) var(--s-5);border:1px solid var(--ink)}.notice.error{color:#b00020;border-color:#b00020}.sr-only{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}