@layer tokens{:root{--white:#fff;--black:#000}[temperature=neutral]{--undertone:0}[temperature=subtle]{--undertone:.06}[temperature=strong]{--undertone:.154}:root,[scheme],[temperature],[accent]{--neutral-50:oklch(96.1% calc(var(--undertone) * .07) var(--accent-h));--neutral-100:oklch(91.3% calc(var(--undertone) * .29) var(--accent-h));--neutral-200:oklch(81.7% calc(var(--undertone) * .52) var(--accent-h));--neutral-300:oklch(75.7% calc(var(--undertone) * .68) var(--accent-h));--neutral-400:oklch(64.0% calc(var(--undertone) * .8) var(--accent-h));--neutral-500:oklch(53.8% calc(var(--undertone) * .9) var(--accent-h));--neutral-600:oklch(43.5% calc(var(--undertone) * .97) var(--accent-h));--neutral-700:oklch(39.0% calc(var(--undertone) * 1) var(--accent-h));--neutral-800:oklch(32.5% calc(var(--undertone) * .9) var(--accent-h));--neutral-900:oklch(26.4% calc(var(--undertone) * .8) var(--accent-h));--neutral-950:oklch(20.0% calc(var(--undertone) * .3) var(--accent-h))}[accent=blue]{--accent-h:265;--accent-50:#f0f3f9;--accent-100:#d2dffb;--accent-200:#b2c9fa;--accent-300:#8daff9;--accent-400:#5a8aff;--accent-500:#3065ff;--accent-600:#1035fd;--accent-700:#0911d7;--accent-800:#0511a3;--accent-900:#030f75;--accent-950:#010a49}[accent=purple]{--accent-h:305;--accent-50:#f4f1f9;--accent-100:#e7d7fb;--accent-200:#d7bafa;--accent-300:#c698f9;--accent-400:#b360ff;--accent-500:#a200fe;--accent-600:#8204cd;--accent-700:#650b9f;--accent-800:#4c0a78;--accent-900:#350956;--accent-950:#200636}[accent=magenta]{--accent-h:355;--accent-50:#faf0f3;--accent-100:#fbd2e1;--accent-200:#fab0cc;--accent-300:#fa84b5;--accent-400:#ff179a;--accent-500:#d5007e;--accent-600:#ac0365;--accent-700:#85084e;--accent-800:#65083a;--accent-900:#480729;--accent-950:#2d0518}[accent=red]{--accent-h:25;--accent-50:#faf0ef;--accent-100:#fbd5d0;--accent-200:#fab5ae;--accent-300:#fa8d85;--accent-400:#ff3d42;--accent-500:#e00024;--accent-600:#b5031c;--accent-700:#8c0916;--accent-800:#6a0910;--accent-900:#4c080b;--accent-950:#2f0506}[accent=orange]{--accent-h:69;--accent-50:#faf1e9;--accent-100:#fbd8b3;--accent-200:#fabb73;--accent-300:#ee9c2b;--accent-400:#c97e00;--accent-500:#a66700;--accent-600:#855301;--accent-700:#674005;--accent-800:#4e2f05;--accent-900:#372104;--accent-950:#221303}[accent=green]{--accent-h:152;--accent-50:#e3fae8;--accent-100:#8cfbad;--accent-200:#42ec85;--accent-300:#32d073;--accent-400:#00ae59;--accent-500:#008f48;--accent-600:#027339;--accent-700:#07592c;--accent-800:#074320;--accent-900:#062f16;--accent-950:#041c0c}[accent=emerald]{--accent-h:190;--accent-50:#defaf7;--accent-100:#57fbf3;--accent-200:#42e4dc;--accent-300:#32c9c1;--accent-400:#00a7a1;--accent-500:#008a84;--accent-600:#026e6a;--accent-700:#075552;--accent-800:#07403d;--accent-900:#062d2b;--accent-950:#041b1a}[accent=sky]{--accent-h:237;--accent-50:#ecf4f9;--accent-100:#c3e4fb;--accent-200:#93d2fa;--accent-300:#50bcf9;--accent-400:#009dde;--accent-500:#0081b7;--accent-600:#026793;--accent-700:#064f72;--accent-800:#063b56;--accent-900:#052a3d;--accent-950:#041926}:root{color-scheme:light dark}[scheme=light]{color-scheme:light}[scheme=dark]{color-scheme:dark}:root,[scheme],[temperature],[accent]{--text-primary:light-dark(var(--neutral-900),var(--white));--text-secondary:light-dark(var(--neutral-800),var(--neutral-100));--text-tertiary:light-dark(var(--neutral-700),var(--neutral-200));--bg-primary:light-dark(var(--white),var(--black));--bg-secondary:light-dark(var(--neutral-50),var(--neutral-950));--bg-tertiary:light-dark(var(--neutral-200),var(--neutral-900));--border-subtle:light-dark(var(--neutral-200),var(--neutral-800));--link:light-dark(var(--accent-600),var(--accent-400));--link-hover:light-dark(var(--accent-700),var(--accent-300));--selection-bg:light-dark(var(--accent-100),var(--accent-800));--selection-text:light-dark(var(--neutral-900),var(--white));--bg-header:light-dark(#ffffffe6,#000000e6);--bg-canvas:light-dark(var(--neutral-50),var(--neutral-950));--bg-surface:var(--bg-primary);--bg-raised:light-dark(var(--white),var(--neutral-950));--text-on-media:var(--white);--scrim:#00000080;--shadow-tint:#001964}:root{--font-sans:Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Fira Sans", "Droid Sans", "Helvetica Neue", Arial, sans-serif;--font-size-13:.8125rem;--font-size-14:.875rem;--font-size-16:1rem;--font-size-19:1.1875rem;--font-size-22:1.375rem;--font-size-32:2rem;--font-size-66:4.125rem;--leading-tight:1.2;--leading-normal:1.4;--leading-relaxed:1.6;--weight-light:300;--weight-regular:400;--weight-medium:500;--weight-semibold:600;--weight-bold:700;--type-display:var(--weight-semibold) var(--font-size-66)/var(--leading-tight) var(--font-sans);--type-display-tracking:-.16rem;--type-subtitle:var(--weight-bold) var(--font-size-19)/var(--leading-normal) var(--font-sans);--type-subtitle-tracking:-.022rem;--type-lead:var(--weight-light) var(--font-size-19)/var(--leading-relaxed) var(--font-sans);--type-lead-tracking:-.015rem;--type-title:var(--weight-semibold) var(--font-size-32)/var(--leading-normal) var(--font-sans);--type-title-tracking:-.022rem;--type-heading:var(--weight-medium) var(--font-size-22)/var(--leading-normal) var(--font-sans);--type-heading-tracking:-.022rem;--type-subheading:var(--weight-medium) var(--font-size-19)/var(--leading-normal) var(--font-sans);--type-subheading-tracking:-.022rem;--type-body:var(--weight-light) var(--font-size-16)/var(--leading-relaxed) var(--font-sans);--type-body-tracking:-.011rem;--type-meta:var(--weight-light) var(--font-size-19)/var(--leading-normal) var(--font-sans);--type-meta-tracking:-.015rem;--type-meta-small:var(--weight-light) var(--font-size-16)/var(--leading-normal) var(--font-sans);--type-meta-small-tracking:-.011rem;--type-caption:var(--weight-light) var(--font-size-13)/var(--leading-normal) var(--font-sans);--type-caption-tracking:-.0025rem;--type-overline:var(--weight-bold) var(--font-size-13)/var(--leading-normal) var(--font-sans);--type-overline-tracking:.025rem;--type-label:var(--weight-medium) var(--font-size-16)/var(--leading-normal) var(--font-sans);--type-label-tracking:-.011rem;--type-label-small:var(--weight-medium) var(--font-size-14)/var(--leading-normal) var(--font-sans);--type-label-small-tracking:-.011rem;--type-ornament:var(--weight-light) var(--font-size-22)/var(--leading-normal) var(--font-sans);--type-ornament-tracking:-.018rem;--type-chat:var(--weight-regular) var(--font-size-14)/var(--leading-relaxed) var(--font-sans);--type-chat-tracking:-.011rem;--weight-strong:var(--weight-semibold);--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-6:1.5rem;--space-8:2rem;--space-12:3rem;--space-16:4rem;--space-24:6rem;--gutter:var(--space-8);--content-max:736px;--content-inner:calc(var(--content-max) - 2 * var(--gutter));--header-height:5rem;--frame-gap:var(--space-2);--assistant-width:22rem;--panel-width:calc(100% - var(--assistant-width) - 3 * var(--frame-gap));--frame-spread:100vmax;--icon-size:1rem;--icon-button:2rem;--text-gap:.5em;--paragraph-gap:1em;--radius-md:.5rem;--radius-lg:1rem;--radius-full:50%;--border-hairline:1px;--border-rule:3px;--border-accent:2px;--underline-offset:.1em;--focus-offset:3px;--shadow-sm:0 3px 9px rgb(from var(--shadow-tint) r g b / .1);--shadow-md:0 4px 12px rgb(from var(--shadow-tint) r g b / .15);--shadow-lg:0 4px 12px rgb(from var(--shadow-tint) r g b / .25);--shadow-raised:0 1px 3px rgb(from var(--shadow-tint) r g b / .1), 0 8px 24px rgb(from var(--shadow-tint) r g b / .15);--scrim-bottom:linear-gradient(to bottom, transparent 50%, var(--scrim) 90%);--duration-instant:0s;--duration-fast:.2s;--duration-moderate:.35s;--duration-slow:.6s;--ease-standard:ease;--ease-in-out:ease-in-out;--z-header:100;--z-frame:150;--z-assistant:200}@media (prefers-reduced-motion:reduce){:root{--duration-fast:0s;--duration-moderate:0s;--duration-slow:0s}}:root{--swatch-size:.7rem;--swatch-size-small:.6rem;--swatch-gap:.4rem;--swatch-gap-group:.7rem;--swatch-idle:.35;--swatch-hover:.7;--divider-width:12%;--nav-hidden-offset:-85px;--bleed-width:180%;--bleed-offset:-40%;--tile-hover-scale:1.02;--end-mark-rotation:45deg}}@layer reset{html{box-sizing:border-box}*,:before,:after{box-sizing:inherit}*{margin:0;padding:0}}@layer base{body{background:var(--bg-primary);color:var(--text-primary);font:var(--type-body);letter-spacing:var(--type-body-tracking)}::selection{background:var(--selection-bg)}a{color:var(--text-primary);text-decoration:underline;text-decoration-color:var(--link);text-decoration-thickness:var(--border-accent);text-underline-offset:var(--underline-offset);cursor:pointer}a:hover{color:var(--link)}b{font-weight:var(--weight-strong)}p,ul,ol{margin-block:var(--paragraph-gap)}.emoji-start{margin-right:var(--space-2)}.emoji-end{margin-left:var(--space-2)}}@layer prose{.prose>header{padding-top:var(--space-24)}.prose h1{font:var(--type-display);letter-spacing:var(--type-display-tracking);color:var(--text-primary);margin-bottom:var(--space-16)}.prose hgroup p{font:var(--type-subtitle);letter-spacing:var(--type-subtitle-tracking);color:var(--text-primary);margin-block:0 var(--space-12)}.prose hgroup small{font:var(--type-body);letter-spacing:var(--type-body-tracking);color:var(--text-secondary)}.prose h2{font:var(--type-title);letter-spacing:var(--type-title-tracking);color:var(--text-primary);margin-block:var(--space-16) var(--space-4)}.prose h3,.prose dt{font:var(--type-heading);letter-spacing:var(--type-heading-tracking);color:var(--text-primary);margin-block:var(--space-8) var(--space-2);padding-top:var(--text-gap)}.prose h4{font:var(--type-subheading);letter-spacing:var(--type-subheading-tracking);color:var(--text-primary);margin-bottom:var(--space-4);margin-right:var(--text-gap)}.prose h3 small{font:var(--type-meta);letter-spacing:var(--type-meta-tracking);color:var(--text-secondary);padding-left:var(--text-gap)}.prose h4 small{font:var(--type-meta-small);letter-spacing:var(--type-meta-small-tracking);color:var(--text-secondary);padding-left:var(--text-gap)}.prose p,.prose li,.prose dd{font:var(--type-body);letter-spacing:var(--type-body-tracking);color:var(--text-secondary)}.prose p,.prose dd{margin-top:var(--space-2)}.prose dd{margin-bottom:var(--paragraph-gap)}.prose>header>p,.prose .overview p{font:var(--type-lead);letter-spacing:var(--type-lead-tracking);margin-top:var(--paragraph-gap)}.prose .note{font:var(--type-caption);letter-spacing:var(--type-caption-tracking);color:var(--text-tertiary);margin-top:var(--space-3)}.prose ul,.prose ol{margin-left:var(--space-6)}.prose li{margin-bottom:var(--space-2)}.prose .emoji-list{margin-left:var(--space-2);list-style-type:none}.prose blockquote{margin-block:var(--space-6) var(--space-4);padding-left:var(--space-6);border-left:var(--border-rule) solid var(--text-tertiary)}.prose blockquote p{font-style:italic}.prose hr{border:var(--border-rule) solid var(--link);width:var(--divider-width);margin-block:var(--space-16)}.prose figure{margin-block:var(--space-8)}.prose>header figure{margin-block:var(--space-24)}.prose figure img{background-color:var(--bg-secondary);border-radius:var(--radius-md);max-width:100%;height:auto;box-shadow:var(--shadow-sm);display:block}.prose figure.wide img{max-width:var(--bleed-width);margin-left:var(--bleed-offset);border-radius:var(--radius-lg);box-shadow:var(--shadow-md)}@container page (width<=1200px){.prose figure.wide img{max-width:100cqi;margin-left:calc((var(--content-inner) - 100cqi) / 2);border-radius:0}}@container page (width<=736px){.prose figure.wide img{margin-left:calc(-1 * var(--gutter))}}.prose figcaption{font:var(--type-caption);letter-spacing:var(--type-caption-tracking);color:var(--text-tertiary);margin-top:var(--space-3)}.prose .facts{gap:var(--space-8);grid-template-columns:repeat(4,1fr);display:grid}@container page (width<=500px){.prose .facts{grid-template-columns:repeat(2,1fr)}}}@layer layout{.page{width:100%;overflow:hidden}.site-header{width:100%;z-index:var(--z-header);background:var(--bg-header);transition:all var(--duration-slow) var(--ease-standard);position:fixed;top:0;container:header/inline-size}.site-header.nav-hidden{top:var(--nav-hidden-offset)}.site-nav{height:var(--header-height);position:relative}.site-nav>ul{max-width:var(--content-max);padding:var(--gutter);font:var(--type-label);letter-spacing:var(--type-label-tracking);color:var(--text-primary);margin:0 auto}.site-nav li{list-style-type:none;display:inline-flex}.site-nav li:not(:last-child){margin-right:var(--space-6)}.site-nav [aria-current=page]{color:var(--link);cursor:default;text-decoration:none}.page-body{container:page/inline-size}main{max-width:var(--content-max);padding:var(--gutter) var(--gutter) 0;margin-inline:auto}.site-footer{max-width:var(--content-max);padding:var(--space-8) calc(var(--gutter) + var(--space-4)) calc(var(--space-8) + var(--gutter));text-align:center;margin-inline:auto}.site-footer p{font:var(--type-caption);letter-spacing:var(--type-caption-tracking);color:var(--text-primary)}.site-footer .love{color:var(--link)}.projects{gap:var(--space-6);margin-block:var(--space-16) var(--space-8);grid-template-columns:repeat(2,1fr);display:grid}@container page (width<=500px){.projects{gap:var(--space-8);grid-template-columns:1fr}}.frame{display:none}[assistant=open] body{background:var(--bg-canvas)}@media (width>=761px){[assistant=open] .page{width:var(--panel-width);margin:var(--frame-gap) 0 var(--frame-gap) var(--frame-gap);background:var(--bg-surface)}[assistant=open] .site-header{top:var(--frame-gap);left:var(--frame-gap);width:var(--panel-width)}[assistant=open] .site-header.nav-hidden{top:var(--nav-hidden-offset)}[assistant=open] .frame{top:var(--frame-gap);bottom:var(--frame-gap);left:var(--frame-gap);width:var(--panel-width);border-radius:var(--radius-lg);box-shadow:0 0 0 var(--frame-spread) var(--bg-canvas);pointer-events:none;z-index:var(--z-frame);display:block;position:fixed}}}@layer components{.work-tile{border-radius:var(--radius-lg);background-color:var(--bg-tertiary);width:100%;height:0;transition:transform var(--duration-moderate) var(--ease-in-out), box-shadow var(--duration-moderate) var(--ease-in-out);padding-bottom:100%;display:grid;position:relative;overflow:hidden}.work-tile:hover{transform:scale(var(--tile-hover-scale));box-shadow:var(--shadow-lg)}.work-tile img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.work-tile>div{color:var(--text-on-media);background-image:var(--scrim-bottom);position:absolute;inset:0}.work-tile h2,.work-tile p{left:var(--space-6);color:var(--text-on-media);text-align:left;position:absolute}.work-tile h2{font:var(--type-heading);letter-spacing:var(--type-heading-tracking);bottom:var(--space-12);margin:0 var(--space-6) 0 0}.work-tile p{font:var(--type-overline);letter-spacing:var(--type-overline-tracking);text-transform:uppercase;bottom:var(--space-3);margin:var(--paragraph-gap) var(--space-6) var(--paragraph-gap) 0}.end-mark{font:var(--type-ornament);letter-spacing:var(--type-ornament-tracking);color:var(--link);text-align:center;transform:rotate(var(--end-mark-rotation));margin-block:var(--space-16)}.appearance{top:50%;right:max(var(--gutter), calc(50% - var(--content-max) / 2 + var(--gutter)));align-items:center;gap:var(--space-4);display:flex;position:absolute;transform:translateY(-50%)}.scheme-toggle,.assistant-toggle{font:var(--type-label);letter-spacing:var(--type-label-tracking);color:var(--text-primary);cursor:pointer;text-decoration:underline;text-decoration-color:var(--link);text-decoration-thickness:var(--border-accent);text-underline-offset:var(--underline-offset);background:0 0;border:none;padding:0}.scheme-toggle:hover,.assistant-toggle:hover,[assistant=open] .assistant-toggle{color:var(--link)}.accents{gap:var(--swatch-gap);display:flex}.accent-swatch{width:var(--swatch-size);height:var(--swatch-size);border-radius:var(--radius-full);background:var(--accent-500);cursor:pointer;opacity:var(--swatch-idle);transition:opacity var(--duration-fast);border:none;padding:0}.accent-swatch:hover{opacity:var(--swatch-hover)}.accent-swatch[aria-pressed=true]{opacity:1}.scheme-toggle:focus-visible,.assistant-toggle:focus-visible,.accent-swatch:focus-visible{outline:var(--border-accent) solid var(--link);outline-offset:var(--focus-offset)}@container header (width<=736px){.appearance{gap:var(--swatch-gap-group)}.scheme-toggle,.assistant-toggle{font:var(--type-label-small);letter-spacing:var(--type-label-small-tracking)}.accent-swatch{width:var(--swatch-size-small);height:var(--swatch-size-small)}}.assistant{top:var(--frame-gap);right:var(--frame-gap);bottom:var(--frame-gap);width:var(--assistant-width);z-index:var(--z-assistant);background:var(--bg-surface);border-radius:var(--radius-lg);color:var(--text-primary);font:var(--type-chat);letter-spacing:var(--type-chat-tracking);visibility:hidden;transform:translateX(calc(100% + var(--frame-gap)));transition:transform var(--duration-slow) var(--ease-standard), visibility var(--duration-instant) linear var(--duration-slow);flex-direction:column;display:flex;position:fixed}[assistant=open] .assistant{visibility:visible;transition:transform var(--duration-slow) var(--ease-standard);transform:none}@media (width<=760px){.assistant{border-radius:0;width:auto;inset:0}}.assistant-header{justify-content:space-between;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-3) var(--space-3) var(--space-4);display:flex}.assistant-header h2{font:var(--type-chat);letter-spacing:var(--type-chat-tracking);font-weight:var(--weight-semibold)}.icon-button{width:var(--icon-button);height:var(--icon-button);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;background:0 0;border:none;place-items:center;padding:0;display:inline-grid}.icon-button:hover{background:var(--bg-secondary);color:var(--text-primary)}.icon-button:focus-visible{outline:var(--border-accent) solid var(--link)}.icon-button svg{width:var(--icon-size);height:var(--icon-size)}.icon-button:disabled{cursor:default;color:var(--text-tertiary);background:0 0}.assistant-log{padding:var(--space-2) var(--space-4) var(--space-4);gap:var(--space-4);flex-direction:column;flex:1;margin:0;list-style-type:none;display:flex;overflow-y:auto}.assistant-log [data-from=user]{max-width:85%;padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);background:var(--bg-secondary);align-self:flex-end}.assistant-log p+p{margin-top:var(--space-2)}.assistant-log p{margin-block:0}.assistant-step{font:var(--type-caption);letter-spacing:var(--type-caption-tracking);color:var(--text-tertiary);margin-bottom:var(--space-2)}.assistant-step:after{content:" ›"}.assistant-links,.assistant-suggestions{margin:var(--space-2) 0 0;gap:var(--space-2);flex-wrap:wrap;list-style-type:none;display:flex}.assistant-suggestions button{font:var(--type-chat);letter-spacing:var(--type-chat-tracking);color:var(--text-primary);border:var(--border-hairline) solid var(--border-subtle);border-radius:var(--radius-md);padding:var(--space-1) var(--space-3);cursor:pointer;text-align:left;background:0 0}.assistant-suggestions button:hover{border-color:var(--link)}.assistant-keep{margin:0 var(--space-4) var(--space-3);padding:var(--space-3) var(--space-4);border:var(--border-hairline) solid var(--border-subtle);border-radius:var(--radius-lg);background:var(--bg-raised);box-shadow:var(--shadow-raised)}.assistant-keep h3{font:var(--type-chat);letter-spacing:var(--type-chat-tracking);font-weight:var(--weight-semibold)}.assistant-keep p{font:var(--type-caption);letter-spacing:var(--type-caption-tracking);color:var(--text-secondary);margin-block:var(--space-1) var(--space-3)}.assistant-keep div{justify-content:flex-end;gap:var(--space-2);display:flex}.assistant-keep button{font:var(--type-chat);letter-spacing:var(--type-chat-tracking);font-weight:var(--weight-medium);color:var(--text-primary);border:var(--border-hairline) solid var(--border-subtle);border-radius:var(--radius-md);padding:var(--space-1) var(--space-3);cursor:pointer;background:0 0}.assistant-keep button[data-keep=yes]{border-color:#0000}.assistant-keep button:hover{border-color:var(--link)}.assistant-composer{margin:0 var(--space-3);padding:var(--space-3);border:var(--border-hairline) solid var(--border-subtle);border-radius:var(--radius-lg)}.assistant-composer:focus-within{border-color:var(--link)}.assistant-composer textarea{resize:none;width:100%;color:var(--text-primary);font:var(--type-chat);letter-spacing:var(--type-chat-tracking);background:0 0;border:none;outline:none;display:block}.assistant-composer textarea::placeholder{color:var(--text-tertiary)}.assistant-composer div{justify-content:flex-end;display:flex}.assistant-composer [type=submit]{background:var(--bg-secondary)}.assistant-disclaimer{font:var(--type-caption);letter-spacing:var(--type-caption-tracking);color:var(--text-tertiary);text-align:center;margin-block:var(--space-2) var(--space-3)}.sg-specimen{padding:var(--space-6);border:var(--border-hairline) solid var(--border-subtle);border-radius:var(--radius-lg)}.sg-specimen>:first-child{margin-top:0;padding-top:0}.sg-specimen figcaption{margin-top:var(--space-4);padding-top:var(--space-3);border-top:var(--border-hairline) solid var(--border-subtle)}.sg-swatches,.sg-ramp,.sg-space,.sg-shapes{gap:var(--space-4);margin-left:0;list-style-type:none;display:grid}.sg-swatches{grid-template-columns:repeat(auto-fill, minmax(var(--space-24), 1fr))}.sg-ramp{gap:var(--space-1);grid-template-columns:repeat(11,1fr)}.sg-shapes{grid-template-columns:repeat(auto-fill, minmax(var(--space-24), 1fr));gap:var(--space-6)}.sg-space{gap:var(--space-2)}.sg-swatches li,.sg-ramp li,.sg-shapes li{font:var(--type-caption);letter-spacing:var(--type-caption-tracking);color:var(--text-secondary)}.sg-ramp li{text-align:center}.sg-swatch,.sg-shape{height:var(--space-16);margin-bottom:var(--space-2);border:var(--border-hairline) solid var(--border-subtle);border-radius:var(--radius-md);display:block}.sg-space li{align-items:center;gap:var(--space-4);font:var(--type-caption);letter-spacing:var(--type-caption-tracking);margin:0;display:flex}.sg-bar{height:var(--space-4);background:var(--link);border-radius:var(--radius-md);display:block}.sg-shape{background:var(--bg-primary)}[data-token=text-primary]{background:var(--text-primary)}[data-token=text-secondary]{background:var(--text-secondary)}[data-token=text-tertiary]{background:var(--text-tertiary)}[data-token=link]{background:var(--link)}[data-token=link-hover]{background:var(--link-hover)}[data-token=bg-primary]{background:var(--bg-primary)}[data-token=bg-secondary]{background:var(--bg-secondary)}[data-token=bg-tertiary]{background:var(--bg-tertiary)}[data-token=border-subtle]{background:var(--border-subtle)}[data-token=selection-bg]{background:var(--selection-bg)}[data-token=accent-50]{background:var(--accent-50)}[data-token=accent-100]{background:var(--accent-100)}[data-token=accent-200]{background:var(--accent-200)}[data-token=accent-300]{background:var(--accent-300)}[data-token=accent-400]{background:var(--accent-400)}[data-token=accent-500]{background:var(--accent-500)}[data-token=accent-600]{background:var(--accent-600)}[data-token=accent-700]{background:var(--accent-700)}[data-token=accent-800]{background:var(--accent-800)}[data-token=accent-900]{background:var(--accent-900)}[data-token=accent-950]{background:var(--accent-950)}[data-token=neutral-50]{background:var(--neutral-50)}[data-token=neutral-100]{background:var(--neutral-100)}[data-token=neutral-200]{background:var(--neutral-200)}[data-token=neutral-300]{background:var(--neutral-300)}[data-token=neutral-400]{background:var(--neutral-400)}[data-token=neutral-500]{background:var(--neutral-500)}[data-token=neutral-600]{background:var(--neutral-600)}[data-token=neutral-700]{background:var(--neutral-700)}[data-token=neutral-800]{background:var(--neutral-800)}[data-token=neutral-900]{background:var(--neutral-900)}[data-token=neutral-950]{background:var(--neutral-950)}[data-step="1"]{width:var(--space-1)}[data-step="2"]{width:var(--space-2)}[data-step="3"]{width:var(--space-3)}[data-step="4"]{width:var(--space-4)}[data-step="6"]{width:var(--space-6)}[data-step="8"]{width:var(--space-8)}[data-step="12"]{width:var(--space-12)}[data-step="16"]{width:var(--space-16)}[data-step="24"]{width:var(--space-24)}[data-shape=radius-md]{border-radius:var(--radius-md)}[data-shape=radius-lg]{border-radius:var(--radius-lg)}[data-shape=shadow-sm]{box-shadow:var(--shadow-sm);border-color:#0000}[data-shape=shadow-md]{box-shadow:var(--shadow-md);border-color:#0000}[data-shape=shadow-lg]{box-shadow:var(--shadow-lg);border-color:#0000}}@font-face{font-family:Inter;font-style:normal;font-weight:300;font-display:swap;src:url(/fonts/inter/Inter-Light.woff2)format("woff2")}@font-face{font-family:Inter;font-style:italic;font-weight:300;font-display:swap;src:url(/fonts/inter/Inter-LightItalic.woff2)format("woff2")}@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/inter/Inter-Regular.woff2)format("woff2")}@font-face{font-family:Inter;font-style:italic;font-weight:400;font-display:swap;src:url(/fonts/inter/Inter-Italic.woff2)format("woff2")}@font-face{font-family:Inter;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/inter/Inter-Medium.woff2)format("woff2")}@font-face{font-family:Inter;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/inter/Inter-SemiBold.woff2)format("woff2")}@font-face{font-family:Inter;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/inter/Inter-Bold.woff2)format("woff2")}