.bento.svelte-1uha8ag{padding-top:2rem;padding-bottom:4rem}.bento.svelte-1uha8ag .row:where(.svelte-1uha8ag){margin-bottom:2rem}.bento.svelte-1uha8ag .row:where(.svelte-1uha8ag):last-child{margin-bottom:0}.full-height.svelte-1uha8ag{height:100%}.theme-toggle.svelte-1uha8ag{z-index:100;cursor:pointer;min-height:unset;box-shadow:var(--shadow-md);border-radius:9999px;padding:.5rem 1rem;font-size:1.125rem;line-height:1;position:fixed;top:1rem;right:1rem}.hero-box.svelte-1uha8ag{background-color:var(--colour-primary);color:var(--colour-text-inverse);border-color:#0000;padding:4rem 3rem}.hero-box.svelte-1uha8ag h1:where(.svelte-1uha8ag){color:var(--colour-text-inverse);margin:1rem 0;font-size:4.5rem}@media (width<=768px){.hero-box.svelte-1uha8ag h1:where(.svelte-1uha8ag){font-size:3rem}}.hero-eyebrow.svelte-1uha8ag{text-transform:uppercase;letter-spacing:.12em;opacity:.8;color:var(--colour-text-inverse);margin:0;font-size:.75rem}.hero-sub.svelte-1uha8ag{opacity:.9;color:var(--colour-text-inverse);margin:0;font-size:1.25rem}@media (width<=768px){.hero-sub.svelte-1uha8ag{font-size:1.125rem}}.accent-box.svelte-1uha8ag h3:where(.svelte-1uha8ag){margin-bottom:.75rem}.accent-box.svelte-1uha8ag p:where(.svelte-1uha8ag){margin:0;font-size:.75rem}.accent-secondary.svelte-1uha8ag{background-color:var(--colour-secondary);border-color:#0000}.accent-secondary.svelte-1uha8ag h3:where(.svelte-1uha8ag),.accent-secondary.svelte-1uha8ag p:where(.svelte-1uha8ag),.accent-secondary.svelte-1uha8ag code:where(.svelte-1uha8ag){color:var(--colour-text-primary)}.accent-indigo.svelte-1uha8ag{background-color:var(--colour-indigo);border-color:#0000}.accent-indigo.svelte-1uha8ag h3:where(.svelte-1uha8ag),.accent-indigo.svelte-1uha8ag p:where(.svelte-1uha8ag),.accent-indigo.svelte-1uha8ag code:where(.svelte-1uha8ag){color:var(--colour-text-inverse)}.accent-yellow.svelte-1uha8ag{background-color:var(--colour-yellow);border-color:#0000}.accent-yellow.svelte-1uha8ag h3:where(.svelte-1uha8ag),.accent-yellow.svelte-1uha8ag p:where(.svelte-1uha8ag),.accent-yellow.svelte-1uha8ag code:where(.svelte-1uha8ag){color:var(--colour-text-primary)}.section-label.svelte-1uha8ag{margin-bottom:1.5rem}.type-row.svelte-1uha8ag{border-bottom:1px solid var(--colour-stroke);align-items:baseline;gap:1.5rem;padding:.75rem 0;display:flex}.type-row.svelte-1uha8ag:last-of-type{border-bottom:none;margin-bottom:1.5rem}.type-meta.svelte-1uha8ag{width:220px;color:var(--colour-text-tertiary);flex-shrink:0;font-family:monospace;font-size:.625rem}@media (width<=768px){.type-meta.svelte-1uha8ag{display:none}}.type-sample.svelte-1uha8ag{color:var(--colour-text-primary);margin:0;padding:0}.spacing-box.svelte-1uha8ag{background-color:var(--colour-bg-elevated)}.spacing-label.svelte-1uha8ag{text-transform:uppercase;letter-spacing:.1em;color:var(--colour-text-tertiary);margin-bottom:1rem;font-size:.625rem}.spacing-item.svelte-1uha8ag{color:var(--colour-text-secondary);background-color:var(--colour-primary-subtle);border-left:3px solid var(--colour-primary);border-radius:4px;margin-bottom:.5rem;padding:.5rem .75rem;font-size:.75rem}.spacing-item.svelte-1uha8ag:last-child{margin-bottom:0}.swatch-box.svelte-1uha8ag{flex-direction:column;justify-content:flex-end;gap:.5rem;min-height:100px;display:flex}.swatch-name.svelte-1uha8ag{color:var(--colour-text-primary);font-size:.75rem;font-weight:600}.swatch-box.svelte-1uha8ag code:where(.svelte-1uha8ag){color:var(--colour-text-tertiary);font-size:.625rem}.swatch-bg.svelte-1uha8ag{background-color:var(--colour-bg)}.swatch-card.svelte-1uha8ag{background-color:var(--colour-bg-card)}.swatch-elevated.svelte-1uha8ag{background-color:var(--colour-bg-elevated)}.swatch-stroke.svelte-1uha8ag{background-color:var(--colour-stroke)}.showcase-meta.svelte-1uha8ag{text-transform:uppercase;letter-spacing:.1em;color:var(--colour-text-tertiary);margin-top:1.5rem;margin-bottom:.75rem;font-size:.625rem}.showcase-meta.svelte-1uha8ag:first-of-type{margin-top:0}.btn-row.svelte-1uha8ag{flex-wrap:wrap;align-items:center;gap:.75rem;margin-bottom:.5rem;display:flex}.btn-row.svelte-1uha8ag:last-of-type{margin-bottom:0}.btn-row-baseline.svelte-1uha8ag{align-items:flex-end}.controls-heading.svelte-1uha8ag{text-transform:uppercase;letter-spacing:.1em;color:var(--colour-text-tertiary);margin-top:.5rem;margin-bottom:.75rem;font-size:.625rem}.footer-bar.svelte-1uha8ag{text-align:center;color:var(--colour-text-tertiary);border-top:1px solid var(--colour-stroke);padding:1.5rem 0}