.scroll-sidebar-nav-root.svelte-1xqrkar{width:100%}.scroll-sidebar-nav--mobile.svelte-1xqrkar{display:block}.scroll-sidebar-nav--desktop.svelte-1xqrkar{display:none}.scroll-sidebar-nav__mobile-collapsible{background:var(--color-background-secondary-1);border:var(--border-thickness) solid var(--color-background-secondary-2);border-radius:var(--radius-m)}.scroll-sidebar-nav__mobile-trigger.svelte-1xqrkar{display:flex;align-items:center;justify-content:space-between;gap:var(--space-s);padding:var(--space-s) var(--space-m);cursor:pointer;font-family:inherit;font-size:var(--step-0);font-weight:600;color:var(--color-text);width:100%}.scroll-sidebar-nav__chevron.is-open.svelte-1xqrkar{transform:rotate(180deg)}.scroll-sidebar-nav__mobile-trigger.svelte-1xqrkar:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset);border-radius:var(--radius-m)}.scroll-sidebar-nav__chevron.svelte-1xqrkar{display:inline-block;transition:transform var(--transition-fast);color:var(--color-link)}.scroll-sidebar-nav__mobile-panel.svelte-1xqrkar{padding:0 var(--space-m) var(--space-s);border-top:var(--border-thickness) solid var(--color-background-secondary-2)}.scroll-sidebar-nav__title.svelte-1xqrkar{margin:0 0 var(--space-s);font-size:var(--step--1);font-weight:600;color:var(--color-text);text-transform:uppercase;letter-spacing:.04em}.scroll-sidebar-nav--mobile.svelte-1xqrkar .scroll-sidebar-nav__title:where(.svelte-1xqrkar){margin:0;text-transform:none;letter-spacing:normal}.scroll-sidebar-nav__inner.svelte-1xqrkar{padding:var(--space-s);background:var(--color-background-secondary-1);border:var(--border-thickness) solid var(--color-background-secondary-2);border-radius:var(--radius-m)}.scroll-sidebar-nav__list.svelte-1xqrkar ul:where(.svelte-1xqrkar){list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-2xs)}.scroll-sidebar-nav__link.svelte-1xqrkar{display:block;padding:var(--space-2xs) var(--space-xs);border-radius:var(--radius-xs);color:var(--color-link);text-decoration:none;font-size:var(--step--1);line-height:1.4;border-left:3px solid transparent;transition:background-color var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast)}.scroll-sidebar-nav__link.svelte-1xqrkar:hover{background:var(--color-background-secondary-2);text-decoration:none}.scroll-sidebar-nav__link.is-active.svelte-1xqrkar{background:var(--color-background-secondary-2);border-left-color:var(--color-forest);color:var(--color-text);font-weight:600}body.dark-mode .scroll-sidebar-nav__link.is-active.svelte-1xqrkar{border-left-color:var(--color-accent-green)}@media (min-width: 48.0625rem){.scroll-sidebar-nav--mobile.svelte-1xqrkar{display:none}.scroll-sidebar-nav--desktop.svelte-1xqrkar{display:block}}.scroll-sidebar-layout.svelte-qtvjt1{width:100%;margin-inline:auto;padding-inline:var(--space-m)}.scroll-sidebar-layout__header.svelte-qtvjt1{margin-bottom:var(--space-m)}.scroll-sidebar-layout__main.svelte-qtvjt1{min-width:0}.scroll-sidebar-layout__main.svelte-qtvjt1 h2[id],.scroll-sidebar-layout__main.svelte-qtvjt1 h3[id],.scroll-sidebar-layout__main.svelte-qtvjt1 section[id]{scroll-margin-top:calc(3.5rem + var(--space-m))}@media (min-width: 48.0625rem){.scroll-sidebar-layout.svelte-qtvjt1{display:grid;grid-template-columns:minmax(0,1fr) minmax(11rem,13.5rem);gap:var(--space-l);align-items:start;max-width:calc(var(--grid-max-width) + 13.5rem + var(--space-l));padding-inline:var(--grid-gutter)}.scroll-sidebar-layout--has-header.svelte-qtvjt1 .scroll-sidebar-layout__header:where(.svelte-qtvjt1){grid-column:1 / -1;grid-row:1;margin-bottom:0}.scroll-sidebar-layout__main.svelte-qtvjt1{grid-column:1}.scroll-sidebar-layout--has-header.svelte-qtvjt1 .scroll-sidebar-layout__main:where(.svelte-qtvjt1){grid-row:2}.scroll-sidebar-layout.svelte-qtvjt1:not(.scroll-sidebar-layout--has-header) .scroll-sidebar-layout__main:where(.svelte-qtvjt1){grid-row:1}.scroll-sidebar-layout__aside.svelte-qtvjt1{grid-column:2;align-self:stretch;min-height:0}.scroll-sidebar-layout__aside.svelte-qtvjt1 .scroll-sidebar-nav-root{position:sticky;top:calc(4rem + var(--space-s));max-height:calc(100vh - 4rem - var(--space-s) - var(--space-m));overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;z-index:var(--z-raised)}.scroll-sidebar-layout--has-header.svelte-qtvjt1 .scroll-sidebar-layout__aside:where(.svelte-qtvjt1){grid-row:2}.scroll-sidebar-layout.svelte-qtvjt1:not(.scroll-sidebar-layout--has-header) .scroll-sidebar-layout__aside:where(.svelte-qtvjt1){grid-row:1}}.brand-page-layout{padding-top:var(--space-s);padding-bottom:var(--space-xl)}.brand-page.container.svelte-1b1g3qh,.brand-page__header.container.svelte-1b1g3qh{max-width:none;padding:0}.brand-page__header.svelte-1b1g3qh h1:where(.svelte-1b1g3qh){margin-bottom:var(--space-m)}@media (min-width: 48.0625rem){.brand-page.container.svelte-1b1g3qh{padding-right:0}}.brand-page.svelte-1b1g3qh>h2:where(.svelte-1b1g3qh){margin-top:var(--space-2xl)}.brand-page.svelte-1b1g3qh>h2:where(.svelte-1b1g3qh):first-of-type{margin-top:var(--space-l)}.brand-page.svelte-1b1g3qh>h3:where(.svelte-1b1g3qh){margin-top:var(--space-l)}.brand-page.svelte-1b1g3qh>h4:where(.svelte-1b1g3qh){margin-top:var(--space-m);font-size:var(--step-1);opacity:.85}.color-mode-container.svelte-1b1g3qh{border:1px solid var(--color-background-secondary-2);border-radius:var(--radius-m);padding:var(--space-s);overflow-x:auto}.color-mode-container.svelte-1b1g3qh h4:where(.svelte-1b1g3qh){margin:0 0 var(--space-s);font-size:var(--step-1);opacity:.75}.brand-page.svelte-1b1g3qh .color-mode-container--light:where(.svelte-1b1g3qh){--color-background: hsl(48, 100%, 98%);--color-background-secondary-1: hsl(48, 61.8%, 94%);--color-background-secondary-2: hsl(48, 13%, 92%);--color-accent-green: var(--color-mint);--color-accent-gold: var(--color-sand);--color-accent-blue: var(--color-sky);--color-accent-teal: var(--color-agave);--color-accent-text: var(--color-mint);--color-text: hsl(0, 0%, 32%);--color-link: hsl(140, 38.2%, 18%);--color-success: hsl(152, 76%, 90%);--color-success-text: hsl(166, 91%, 20%);--color-success-border: hsl(152, 55%, 78%);--color-warning: hsl(41.9, 100%, 91.6%);--color-warning-text: hsl(32, 80%, 28%);--color-warning-border: hsl(41, 85%, 75%);--color-error: hsl(0, 93%, 94%);--color-error-text: hsl(0, 72%, 35%);--color-error-border: hsl(0, 70%, 85%);--color-info: hsl(193, 100%, 92%);--color-info-text: hsl(193, 72%, 14%);--color-info-border: hsl(193, 70%, 80%);--color-syntax-string: hsl(32, 80%, 28%);background-color:var(--color-background);color:var(--color-text);border-color:var(--color-background-secondary-2)}.brand-page.svelte-1b1g3qh .color-mode-container--dark:where(.svelte-1b1g3qh){--color-background: var(--color-background-dark);--color-background-secondary-1: var(--color-background-secondary-1-dark);--color-background-secondary-2: var(--color-background-secondary-2-dark);--color-accent-green: var(--color-forest);--color-accent-gold: var(--color-gold);--color-accent-blue: var(--color-sea);--color-accent-teal: var(--color-hosta);--color-accent-text: var(--color-forest);--color-text: var(--color-text-dark);--color-link: var(--color-link-dark);--color-success: var(--color-success-dark);--color-success-text: var(--color-success-text-dark);--color-success-border: var(--color-success-border-dark);--color-warning: var(--color-warning-dark);--color-warning-text: var(--color-warning-text-dark);--color-warning-border: var(--color-warning-border-dark);--color-error: var(--color-error-dark);--color-error-text: var(--color-error-text-dark);--color-error-border: var(--color-error-border-dark);--color-info: var(--color-info-dark);--color-info-text: var(--color-info-text-dark);--color-info-border: var(--color-info-border-dark);--color-syntax-string: var(--color-syntax-string-dark);background-color:var(--color-background-dark);color:var(--color-text-dark);border-color:var(--color-background-secondary-2-dark)}.palette-table.svelte-1b1g3qh{width:100%;font-size:var(--step--1);border-collapse:collapse;border:2px solid var(--color-background-secondary-2);border-radius:var(--radius-m);overflow:hidden}.palette-table.svelte-1b1g3qh th:where(.svelte-1b1g3qh),.palette-table.svelte-1b1g3qh td:where(.svelte-1b1g3qh){padding:.65rem .75rem;border-bottom:1px solid var(--color-background-secondary-2);text-align:left;vertical-align:middle}.palette-table.svelte-1b1g3qh th:where(.svelte-1b1g3qh){background:var(--color-background-secondary-1);font-weight:600;font-size:var(--step--1);white-space:nowrap}.palette-table.svelte-1b1g3qh tr:where(.svelte-1b1g3qh):last-child td:where(.svelte-1b1g3qh){border-bottom:none}.palette-table.svelte-1b1g3qh td:where(.svelte-1b1g3qh):first-child{font-weight:600;white-space:nowrap}.color-swatch-circle.svelte-1b1g3qh{display:inline-block;width:2.5rem;height:2.5rem;border-radius:50%;border:var(--border-thickness) solid var(--color-text);flex-shrink:0}.brand-page.svelte-1b1g3qh .color-mode-container--light:where(.svelte-1b1g3qh) .color-swatch-circle:where(.svelte-1b1g3qh){border-color:var(--color-text)}.brand-page.svelte-1b1g3qh .color-mode-container--dark:where(.svelte-1b1g3qh) .color-swatch-circle:where(.svelte-1b1g3qh){border-color:var(--color-text-dark)}.copy-value.svelte-1b1g3qh{display:inline-flex;align-items:center;gap:var(--space-2xs);width:100%;padding:.2rem .35rem;margin:-.2rem -.35rem;border:none;border-radius:var(--radius-pill);background:transparent;color:inherit;font:inherit;font-family:monospace;font-size:inherit;text-align:left;cursor:pointer;position:relative}.copy-value-hint.svelte-1b1g3qh{opacity:0;font-family:var(--font-main);font-size:var(--step--2);font-weight:600;color:var(--color-link);white-space:nowrap;transition:opacity .15s ease}.copy-value.svelte-1b1g3qh:hover .copy-value-hint:where(.svelte-1b1g3qh),.copy-value.svelte-1b1g3qh:focus-visible .copy-value-hint:where(.svelte-1b1g3qh),.copy-value.is-copied.svelte-1b1g3qh .copy-value-hint:where(.svelte-1b1g3qh){opacity:1}.copy-value.svelte-1b1g3qh:hover,.copy-value.svelte-1b1g3qh:focus-visible{background:var(--color-background-secondary-1);outline:none}.copy-value.is-copied.svelte-1b1g3qh{background:var(--color-accent-green)}.brand-page.svelte-1b1g3qh .color-mode-container--dark:where(.svelte-1b1g3qh) .copy-value.is-copied:where(.svelte-1b1g3qh){background:var(--color-forest);color:var(--color-text-dark)}.copy-value-text.svelte-1b1g3qh{word-break:break-all}.typography-colors-container.svelte-1b1g3qh{display:flex;flex-direction:column;gap:var(--space-m)}.color-combinations-container.svelte-1b1g3qh{display:flex;flex-direction:column;gap:var(--space-m);margin-bottom:var(--space-m)}.state-previews.svelte-1b1g3qh{display:flex;flex-wrap:wrap;gap:var(--space-s);margin:var(--space-s) 0}.state-previews.svelte-1b1g3qh .state-success,.state-previews.svelte-1b1g3qh .state-warning,.state-previews.svelte-1b1g3qh .state-error,.state-previews.svelte-1b1g3qh .state-info{padding:var(--space-2xs) var(--space-s);font-size:var(--step--1);font-weight:600}.state-utility-note.svelte-1b1g3qh{font-size:var(--step--1);color:var(--color-text);margin-bottom:var(--space-m)}.state-utility-note.svelte-1b1g3qh code:where(.svelte-1b1g3qh){font-size:.9em}@media (max-width: 768px){.palette-table.svelte-1b1g3qh{font-size:.7rem}.palette-table.svelte-1b1g3qh th:where(.svelte-1b1g3qh),.palette-table.svelte-1b1g3qh td:where(.svelte-1b1g3qh){padding:.5rem}}.highlight-box.svelte-1b1g3qh{background:var(--color-background-secondary-1);border-radius:var(--radius-m);padding:var(--space-s);margin:var(--space-m) 0}.highlight-box.svelte-1b1g3qh h4:where(.svelte-1b1g3qh){margin-top:0}.color-combinations.svelte-1b1g3qh{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-m)}.color-mode-container.svelte-1b1g3qh .color-combinations:where(.svelte-1b1g3qh){margin-bottom:0}.color-combo.svelte-1b1g3qh{display:flex;flex-direction:column;align-items:center}.combo-preview.svelte-1b1g3qh{width:100%;min-height:120px;border-radius:var(--radius-m);display:flex;align-items:center;justify-content:center;padding:var(--space-s);margin-bottom:var(--space-xs)}.combo-element.svelte-1b1g3qh{padding:var(--space-xs) var(--space-s);border-radius:var(--radius-s);font-weight:600;text-align:center;font-size:var(--step--1)}.combo-label.svelte-1b1g3qh{font-size:var(--step--1);text-align:center}.mint-bg.svelte-1b1g3qh{background-color:var(--color-accent-green)}.brand-page.svelte-1b1g3qh .color-mode-container--light:where(.svelte-1b1g3qh) .mint-bg:where(.svelte-1b1g3qh){background-color:var(--color-mint)}.brand-page.svelte-1b1g3qh .color-mode-container--dark:where(.svelte-1b1g3qh) .mint-bg:where(.svelte-1b1g3qh){background-color:var(--color-forest)}.brand-page.svelte-1b1g3qh .color-mode-container--light:where(.svelte-1b1g3qh) .copy-value.is-copied:where(.svelte-1b1g3qh){background:var(--color-mint);color:inherit}.sky-bg.svelte-1b1g3qh{background-color:var(--color-accent-blue)}.brand-page.svelte-1b1g3qh .color-mode-container--light:where(.svelte-1b1g3qh) .sky-bg:where(.svelte-1b1g3qh){background-color:var(--color-sky)}.brand-page.svelte-1b1g3qh .color-mode-container--dark:where(.svelte-1b1g3qh) .sky-bg:where(.svelte-1b1g3qh){background-color:var(--color-sea)}.agave-bg.svelte-1b1g3qh{background-color:var(--color-accent-teal)}.brand-page.svelte-1b1g3qh .color-mode-container--light:where(.svelte-1b1g3qh) .agave-bg:where(.svelte-1b1g3qh){background-color:var(--color-agave)}.brand-page.svelte-1b1g3qh .color-mode-container--dark:where(.svelte-1b1g3qh) .agave-bg:where(.svelte-1b1g3qh){background-color:var(--color-hosta)}.sand-bg.svelte-1b1g3qh{background-color:var(--color-accent-gold)}.brand-page.svelte-1b1g3qh .color-mode-container--light:where(.svelte-1b1g3qh) .sand-bg:where(.svelte-1b1g3qh){background-color:var(--color-sand)}.brand-page.svelte-1b1g3qh .color-mode-container--dark:where(.svelte-1b1g3qh) .sand-bg:where(.svelte-1b1g3qh){background-color:var(--color-gold)}.text-border.svelte-1b1g3qh .combo-element:where(.svelte-1b1g3qh){border:1px solid var(--color-text)}.type-specimens.svelte-1b1g3qh{margin:var(--space-m) 0 var(--space-l);align-items:start}.type-specimen.svelte-1b1g3qh{padding:var(--space-s);border-radius:var(--radius-m);background:var(--color-background-secondary-1);margin-bottom:var(--space-s)}.type-specimen-header.svelte-1b1g3qh{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:var(--space-xs)}.type-specimen-name.svelte-1b1g3qh{font-weight:600;font-size:var(--step-1)}.type-specimen-details.svelte-1b1g3qh{font-size:var(--step--1);opacity:.8}.alphabet.svelte-1b1g3qh{font-size:var(--step-1);line-height:1.6;letter-spacing:.02em;margin:0 0 var(--space-xs)}.type-weights.svelte-1b1g3qh{grid-column:1 / -1}.type-weights.svelte-1b1g3qh p:where(.svelte-1b1g3qh){margin:0 0 var(--space-xs)}.type-scale.svelte-1b1g3qh{margin:var(--space-m) 0 var(--space-l)}.type-scale-item.svelte-1b1g3qh{display:flex;align-items:center;gap:var(--space-m);margin-bottom:var(--space-s)}.type-scale-label.svelte-1b1g3qh{flex-shrink:0;width:180px;font-size:var(--step--1);opacity:.85}.type-scale-preview.svelte-1b1g3qh{flex:1;min-width:0}.heading-examples.svelte-1b1g3qh h1,.heading-examples.svelte-1b1g3qh h2,.heading-examples.svelte-1b1g3qh h3,.heading-examples.svelte-1b1g3qh h4{margin-top:var(--space-s);margin-bottom:var(--space-xs)}.heading-examples.svelte-1b1g3qh h1:first-child{margin-top:0}.text-styles-grid.svelte-1b1g3qh{margin-bottom:var(--space-l)}.code-example.svelte-1b1g3qh{background:#0000000d;padding:var(--space-s);border-radius:var(--radius-s);font-family:monospace;font-size:var(--step--1);overflow-x:auto;white-space:pre-wrap;margin:var(--space-s) 0 var(--space-m)}.radius-grid.svelte-1b1g3qh{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:var(--space-m);margin:var(--space-m) 0 var(--space-l)}.radius-item.svelte-1b1g3qh{display:flex;flex-direction:column;align-items:center;text-align:center}.radius-example.svelte-1b1g3qh{width:120px;height:120px;background:var(--color-accent-text);margin-bottom:var(--space-xs)}.radius-name.svelte-1b1g3qh{font-weight:700;margin-bottom:var(--space-2xs)}.radius-usage.svelte-1b1g3qh{font-size:var(--step--1);opacity:.85}.radius-example.svelte-1b1g3qh:hover{transform:scale(1.05)}.motif-row.svelte-1b1g3qh{margin-bottom:var(--space-m);align-items:center}.motif-row.svelte-1b1g3qh:last-child{margin-bottom:0}.motif-examples.svelte-1b1g3qh{margin-bottom:var(--space-l)}.motif-grid.svelte-1b1g3qh{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-m);margin-top:var(--space-m)}.motif-item.svelte-1b1g3qh{display:flex;flex-direction:column;align-items:center;text-align:center}.motif-example.svelte-1b1g3qh{width:150px;height:150px;background-color:var(--color-background);border:1px solid var(--color-background-secondary-2);border-radius:var(--radius-m);margin-bottom:var(--space-xs);position:relative;display:flex;align-items:center;justify-content:center}.motif-group.svelte-1b1g3qh:before{content:"";position:absolute;width:60px;height:60px;background-color:var(--color-accent-text);border-radius:var(--radius-circle);left:30px;top:30px}.motif-group.svelte-1b1g3qh:after{content:"";position:absolute;width:40px;height:40px;background-color:var(--color-accent-blue);border-radius:var(--radius-circle);right:30px;bottom:30px}.motif-overlap.svelte-1b1g3qh:before{content:"";position:absolute;width:80px;height:80px;background-color:var(--color-accent-text);border-radius:var(--radius-circle);opacity:.7;left:25px}.motif-overlap.svelte-1b1g3qh:after{content:"";position:absolute;width:80px;height:80px;background-color:var(--color-accent-blue);border-radius:var(--radius-circle);opacity:.7;right:20px;bottom:20px}.motif-name.svelte-1b1g3qh{font-weight:700}.motif-example-large.svelte-1b1g3qh{width:100%;min-height:250px;background-color:var(--color-background);border-radius:var(--radius-m);padding:var(--space-m);position:relative;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:var(--space-s);overflow:hidden;border:1px solid var(--color-background-secondary-2)}.journal-grid-demo.svelte-1b1g3qh{background-color:var(--color-background);background-image:radial-gradient(circle,var(--pattern-color) 1px,transparent 1px);background-size:var(--space-m) var(--space-m)}.concentric-circles-demo.svelte-1b1g3qh:before{content:"";position:absolute;width:200px;height:200px;border:2px solid var(--color-accent-text);border-radius:50%;opacity:.7}.concentric-circles-demo.svelte-1b1g3qh:after{content:"";position:absolute;width:40px;height:40px;background-color:var(--color-accent-blue);border-radius:var(--radius-circle);right:30px;bottom:30px;opacity:.7}.concentric-circles-demo.svelte-1b1g3qh .circle-inner:where(.svelte-1b1g3qh){position:absolute;width:100px;height:100px;border:2px solid var(--color-accent-text);border-radius:50%;opacity:.7}.concentric-circles-demo.svelte-1b1g3qh .circle-innermost:where(.svelte-1b1g3qh){position:absolute;width:50px;height:50px;border:2px solid var(--color-accent-text);border-radius:50%;opacity:.7}.pill-shapes-demo.svelte-1b1g3qh{flex-direction:column;align-items:flex-start;justify-content:space-between}.pill-shapes-demo.svelte-1b1g3qh .top-section:where(.svelte-1b1g3qh){display:flex;gap:var(--space-s);align-items:center;flex-wrap:wrap}.pill-shapes-demo.svelte-1b1g3qh .bottom-section:where(.svelte-1b1g3qh){width:100%;margin-top:auto}.pill-button.svelte-1b1g3qh{padding:var(--space-xs) var(--space-m);border-radius:50px;border:none;font-weight:500;cursor:pointer;font-family:inherit;transition:transform .2s ease}.pill-button.primary.svelte-1b1g3qh{background-color:var(--color-accent-text);color:var(--color-text)}.pill-button.secondary.svelte-1b1g3qh{background-color:var(--color-accent-blue);color:var(--color-text)}.pill-button.svelte-1b1g3qh:hover{transform:translateY(-2px)}.pill-tag.svelte-1b1g3qh{display:inline-block;padding:var(--space-2xs) var(--space-s);background-color:var(--color-accent-blue);color:var(--color-text);border-radius:50px;font-size:.9rem}.pill-input.svelte-1b1g3qh{padding:var(--space-xs) var(--space-s);border-radius:50px;border:1px solid var(--color-background-secondary-2);width:100%;max-width:250px;font-family:inherit;background:var(--color-background);color:var(--color-text)}.background-circles-demo.svelte-1b1g3qh:before{content:"";position:absolute;width:300px;height:300px;background-color:var(--color-accent-text);border-radius:50%;opacity:.1;top:-100px;left:-50px}.background-circles-demo.svelte-1b1g3qh:after{content:"";position:absolute;width:200px;height:200px;background-color:var(--color-accent-blue);border-radius:50%;opacity:.1;bottom:-50px;right:-50px}.motif-dots.svelte-1b1g3qh{background-image:radial-gradient(var(--color-accent-text) 2px,transparent 2px);background-size:15px 15px}.motif-wave.svelte-1b1g3qh{overflow:hidden}.motif-wave.svelte-1b1g3qh:before{content:"";position:absolute;width:100%;height:100%;background-image:url("data:image/svg+xml,%3Csvg width='60' height='20' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 10 Q 17.5 5, 25 10 Q 32.5 15, 40 10' stroke='%2379bf44' fill='none' stroke-width='2'/%3E%3C/svg%3E");background-size:60px 20px;background-position:center;background-repeat:no-repeat;opacity:.7}.motif-arc.svelte-1b1g3qh:before{content:"";position:absolute;width:100px;height:100px;border:3px solid var(--color-accent-text);border-radius:50%;border-bottom-color:transparent;border-left-color:transparent;transform:rotate(45deg);opacity:.7}.motif-bubble.svelte-1b1g3qh:before{content:"";position:absolute;width:50px;height:50px;background-color:var(--color-accent-text);border-radius:50%;opacity:.3;top:30px;left:30px}.motif-bubble.svelte-1b1g3qh:after{content:"";position:absolute;width:30px;height:30px;background-color:var(--color-accent-text);border-radius:50%;opacity:.5;bottom:40px;right:40px}.motif-half-circle.svelte-1b1g3qh{overflow:hidden}.motif-half-circle.svelte-1b1g3qh:before{content:"";position:absolute;width:150px;height:150px;background-color:var(--color-accent-text);border-radius:50%;opacity:.3;bottom:-75px;left:0}.motif-quarter-circle.svelte-1b1g3qh{overflow:hidden}.motif-quarter-circle.svelte-1b1g3qh:before{content:"";position:absolute;width:150px;height:150px;background-color:var(--color-accent-text);border-radius:50%;opacity:.3;bottom:-75px;right:-75px}.spacing-scale.svelte-1b1g3qh{margin:var(--space-m) 0 var(--space-l)}.spacing-demo.svelte-1b1g3qh{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-s);margin-bottom:var(--space-xs)}.spacing-label.svelte-1b1g3qh{width:180px;flex-shrink:0;font-size:var(--step--1)}.spacing-visual.svelte-1b1g3qh{flex:1;min-width:50px;max-width:calc(100% - 190px);background:var(--color-accent-text);border-radius:var(--radius-s);transition:height .3s ease}.spacing-text-block.svelte-1b1g3qh{margin-bottom:var(--space-l);padding:var(--space-s);background:var(--color-background-secondary-1);border-radius:var(--radius-m)}.spacing-text-block.svelte-1b1g3qh h4:where(.svelte-1b1g3qh){margin:0 0 var(--space-xs)}.component-spacing-list.svelte-1b1g3qh{margin:0;padding-left:var(--space-m)}.component-spacing-list.svelte-1b1g3qh li:where(.svelte-1b1g3qh){margin-bottom:var(--space-2xs)}.component-spacing-list.svelte-1b1g3qh code{background-color:#0000000f;padding:.1rem .3rem;border-radius:var(--radius-xs);font-family:monospace;font-size:.9rem}.grid-demo.svelte-1b1g3qh{margin-bottom:var(--space-m)}.grid-demo.svelte-1b1g3qh h5:where(.svelte-1b1g3qh){margin:0 0 var(--space-xs)}.grid-item.svelte-1b1g3qh{background-color:var(--color-background-secondary-1);padding:var(--space-s);border-radius:var(--radius-s);text-align:center;min-height:60px;display:flex;align-items:center;justify-content:center;font-weight:500}.brand-colors-table.svelte-1b1g3qh{width:100%;font-size:var(--step--1);border-collapse:collapse;margin:var(--space-m) 0 var(--space-l);border:2px solid var(--color-background-secondary-2);border-radius:var(--radius-m);overflow:hidden}.brand-colors-table.svelte-1b1g3qh td:where(.svelte-1b1g3qh){padding:var(--space-s);border-bottom:1px solid var(--color-background-secondary-2);vertical-align:middle}.brand-colors-table__cell--light.svelte-1b1g3qh{background-color:#fffdf5;color:#525252;border-color:#edece8}.brand-colors-table__cell--dark.svelte-1b1g3qh{background-color:#10100f;color:#edede3;border-color:#2c2c25}.brand-colors-table.svelte-1b1g3qh tr:where(.svelte-1b1g3qh):last-child td:where(.svelte-1b1g3qh){border-bottom:none}.brand-markdown.svelte-1b1g3qh{margin-top:var(--space-2xl)}.brand-markdown.svelte-1b1g3qh h2{font-size:var(--step-2);color:var(--color-text);margin:var(--space-xl) 0 var(--space-m)}.brand-markdown.svelte-1b1g3qh>h2:where(.svelte-1b1g3qh){margin-top:0}.brand-markdown.svelte-1b1g3qh h3{font-size:var(--step-1);color:var(--color-text);margin:var(--space-l) 0 var(--space-s)}.brand-markdown.svelte-1b1g3qh p{line-height:1.6;margin-bottom:var(--space-m);color:var(--color-text)}.brand-markdown.svelte-1b1g3qh ul{margin-bottom:var(--space-m);padding-left:var(--space-l)}.brand-markdown.svelte-1b1g3qh li{margin-bottom:var(--space-xs);line-height:1.6;color:var(--color-text)}@media (max-width: 768px){.motif-grid.svelte-1b1g3qh{grid-template-columns:repeat(2,1fr)}.type-scale-item.svelte-1b1g3qh{flex-direction:column;align-items:flex-start}.type-scale-label.svelte-1b1g3qh,.spacing-label.svelte-1b1g3qh{width:100%}.spacing-visual.svelte-1b1g3qh{width:100%;max-width:none}}