:root{--color-canvas:#fffaf2;--color-ink:#29251f;--color-primary:#9e3f2b;--color-primary-hover:#7f3021;--color-on-primary:#fff;--color-surface:#fff;--color-border:#cfc4b5;--color-muted:#6b6258;--color-danger:#8a261f;--color-danger-surface:#fff0ed;--color-success:#315c3b;--color-success-surface:#edf7ef;--font-family-sans:system-ui, -apple-system, blinkmacsystemfont, "Segoe UI", sans-serif;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-6:1.5rem;--space-8:2rem;--radius-small:.375rem;--radius-medium:.75rem;--content-width:72rem}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}body,h1,h2,h3,p{margin:0}button,input,textarea,select{font:inherit}body{background:var(--color-canvas);min-height:100vh;color:var(--color-ink);font-family:var(--font-family-sans);line-height:1.5}h1{font-size:1.5rem}h2{font-size:1.125rem}.o-wrapper{width:min(100% - 2 * var(--space-4), var(--content-width));margin-inline:auto;padding-block-start:var(--space-4)}@media (width>=48rem){.o-wrapper{padding-block-start:0}}.o-wrapper--narrow{width:min(100% - 2 * var(--space-4), 42rem)}.o-wrapper--padded-bottom{padding-block-end:var(--space-8)}.o-wrapper--padded-top{padding-block-start:var(--space-8)}.o-stack{align-items:start;gap:var(--space-4);display:grid}.o-action-bar{justify-content:flex-end;margin-block-end:var(--space-4);display:flex}.o-action-bar--desktop-only{display:none}@media (width>=48rem){.o-action-bar--desktop-only{display:flex}}.button{min-height:2.75rem;padding:var(--space-2) var(--space-4);border-radius:var(--radius-small);background:var(--color-primary);color:var(--color-on-primary);cursor:pointer;border:0;justify-content:center;align-items:center;font-weight:700;text-decoration:none;display:inline-flex}.button:hover{background:var(--color-primary-hover)}.button:focus-visible{outline-offset:.1875rem;outline:.1875rem solid}.button--secondary{border:.0625rem solid var(--color-primary);color:var(--color-primary);background:0 0}.button--secondary:hover{background:var(--color-primary-hover);color:var(--color-on-primary)}.button--icon{inline-size:2.75rem;padding:var(--space-2)}.floating-action-button{z-index:9;position:fixed;inset-block-end:calc(4.25rem + var(--space-4) + env(safe-area-inset-bottom));inset-inline-end:max(var(--space-4), (100vw - var(--content-width)) / 2);box-shadow:0 .125rem .5rem #29251f2e}@media (width>=48rem){.floating-action-button{display:none}}.icon{flex:none;block-size:1.25rem;inline-size:1.25rem}.form-stack{gap:var(--space-4);display:grid}.flash-stack{z-index:20;inset-block-start:calc(env(safe-area-inset-top) + var(--space-3));inset-inline:var(--space-3);gap:var(--space-3);display:grid;position:fixed}@media (width>=48rem){.flash-stack{inset-block-start:var(--space-4);inset-inline:var(--space-4) auto;max-inline-size:42rem}}.form-stack--fill-viewport{min-block-size:calc(100dvh - 8.25rem - env(safe-area-inset-bottom));grid-template-rows:minmax(0,1fr) auto}@media (width>=48rem){.form-stack--fill-viewport{grid-template-rows:none;min-block-size:0}}.form-stack--fill-viewport .form-field{min-block-size:0}.form-stack--fill-viewport textarea.form-field__input{resize:none;block-size:100%}@media (width>=48rem){.form-stack--fill-viewport textarea.form-field__input{resize:vertical;block-size:auto}}.form-field{gap:var(--space-2);display:grid}.form-field__label{font-weight:700}.form-field__input{width:100%;min-height:2.75rem;padding:var(--space-2) var(--space-3);border:.0625rem solid var(--color-border);border-radius:var(--radius-small);background:var(--color-surface);color:var(--color-ink)}.form-field__input:focus-visible{border-color:var(--color-primary);outline:.1875rem solid color-mix(in srgb, var(--color-primary) 25%, transparent);outline-offset:.0625rem}textarea.form-field__input{resize:vertical}.form-field__error{color:var(--color-danger);font-size:.875rem}.form-actions{gap:var(--space-3);display:grid}.form-actions .button{width:100%}.message{padding:var(--space-3) var(--space-4);border-radius:var(--radius-small)}.flash-stack .message{cursor:pointer}.message--alert{background:var(--color-danger-surface);color:var(--color-danger)}.message--notice{background:var(--color-success-surface);color:var(--color-success)}.message__list{margin-block:var(--space-2) 0;padding-inline-start:var(--space-6)}.auth-shell{min-height:100vh;padding:var(--space-6) var(--space-4);grid-template-columns:minmax(0,1fr);place-items:center;display:grid}.auth-card{gap:var(--space-6);overflow-wrap:anywhere;width:min(100%,28rem);min-width:0;display:grid}.auth-card__header{gap:var(--space-2);display:grid}.auth-card__brand{color:var(--color-primary);font-weight:800;text-decoration:none}.auth-card__title{font-size:clamp(1.75rem,6vw,2.5rem);line-height:1.1}.auth-card__intro,.auth-card__footer{color:var(--color-muted)}.auth-card__footer{border-block-start:.0625rem solid var(--color-border);padding-block-start:var(--space-4)}.auth-card a:not(.button){color:var(--color-primary)}.app-navigation{z-index:10;background:var(--color-surface)}.app-navigation--mobile{padding-bottom:env(safe-area-inset-bottom);border-top:.0625rem solid var(--color-border);position:fixed;bottom:0;left:0;right:0}@media (width>=48rem){.app-navigation--mobile{display:none}}.app-navigation--desktop{display:none}@media (width>=48rem){.app-navigation--desktop{border-bottom:.0625rem solid var(--color-border);display:block;position:sticky;inset-block-start:0}}.app-navigation__inner{gap:var(--space-1);padding:var(--space-2);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}@media (width>=48rem){.app-navigation__inner{width:min(100% - 2 * var(--space-4), var(--content-width));justify-content:flex-end;margin-inline:auto;padding-inline:0;display:flex}}.app-navigation__link{min-height:2.75rem;padding:var(--space-2);border-radius:var(--radius-small);color:var(--color-muted);text-align:center;justify-content:center;align-items:center;font-weight:700;text-decoration:none;display:inline-flex}@media (width>=48rem){.app-navigation__link{padding-inline:var(--space-4)}}.app-navigation__link[aria-current=page]{background:var(--color-primary);color:var(--color-on-primary)}.app-navigation__link:hover{color:var(--color-primary-hover)}.app-navigation__link[aria-current=page]:hover{color:var(--color-on-primary)}.app-navigation__link:focus-visible{outline:.1875rem solid var(--color-primary);outline-offset:.1875rem}.app-navigation--mobile .app-navigation__link{gap:var(--space-1);min-height:3.25rem;padding:var(--space-1) var(--space-2);border-radius:0;flex-direction:column;font-weight:700}.app-navigation--mobile .app-navigation__link[aria-current=page]{color:var(--color-primary);background:0 0}.app-navigation--mobile .app-navigation__link[aria-current=page]:hover{color:var(--color-primary-hover)}.app-navigation__label{font-size:.625rem;line-height:1}.app-navigation--mobile .icon{block-size:1.5rem;inline-size:1.5rem}body:has(.app-navigation--mobile){padding-bottom:calc(4.25rem + env(safe-area-inset-bottom))}@media (width>=48rem){body:has(.app-navigation--mobile){padding-bottom:0}}.tabs{border-bottom:.0625rem solid var(--color-border);display:flex}.tabs__link{min-height:2.75rem;padding-inline:var(--space-4);color:var(--color-muted);justify-content:center;align-items:center;font-weight:700;text-decoration:none;display:inline-flex;position:relative}.tabs__link[aria-current=page]{color:var(--color-primary)}.tabs__link[aria-current=page]:after{background:var(--color-primary);content:"";height:.1875rem;position:absolute;bottom:-.0625rem;left:0;right:0}.tabs__link:hover{color:var(--color-primary-hover)}.tabs__link:focus-visible{border-radius:var(--radius-small);outline:.1875rem solid var(--color-primary);outline-offset:.1875rem}.empty-state{margin-top:var(--space-6);padding:var(--space-8) var(--space-4);border:.125rem dotted var(--color-border);border-radius:var(--radius-medium);background:var(--color-surface);text-align:center;justify-items:center;display:grid}.empty-state__description{max-width:32rem;margin-top:var(--space-2);color:var(--color-muted)}.empty-state__action,.recipe-list{margin-top:var(--space-6)}.recipe-list__header{justify-content:space-between;align-items:center;gap:var(--space-4);flex-wrap:wrap;display:flex}.recipe-list__items{gap:var(--space-3);margin-top:var(--space-6);padding:0;list-style:none;display:grid}.recipe-list__item{justify-content:space-between;align-items:center;gap:var(--space-4);padding:var(--space-4);border:.0625rem solid var(--color-border);border-radius:var(--radius-medium);background:var(--color-surface);font-weight:600;display:flex}.recipe-list__name{min-inline-size:0;color:inherit;overflow-wrap:anywhere;font-weight:600;text-decoration:none}.recipe-list__name:focus-visible{outline-offset:.1875rem;outline:.1875rem solid}.grouped-checklist{gap:var(--space-6);width:100%;display:grid}.grouped-checklist__group{margin:0;padding:0;list-style:none;display:grid}.grouped-checklist__item{align-items:center;gap:var(--space-1);grid-template-columns:2.75rem minmax(0,1fr) 2.75rem;min-width:0;display:grid}@media (width>=48rem){.grouped-checklist__item{gap:var(--space-2)}}.grouped-checklist__form{margin:0}.grouped-checklist__completion,.grouped-checklist__remove{width:2.75rem;min-height:2.75rem;padding:var(--space-2);border-radius:var(--radius-small);cursor:pointer;background:0 0;justify-content:center;align-items:center;display:inline-flex}.grouped-checklist__completion:focus-visible,.grouped-checklist__remove:focus-visible{outline-offset:.1875rem;outline:.1875rem solid}.grouped-checklist__completion{color:var(--color-success);border:0}.grouped-checklist__completion[aria-pressed=true] span:before{content:"✓"}@media (width>=48rem){.grouped-checklist__completion{border:.0625rem solid var(--color-border)}.grouped-checklist__completion[aria-pressed=true]{border-color:var(--color-success);background:var(--color-success-surface)}}.grouped-checklist__completion span{border:.0625rem solid var(--color-border);border-radius:var(--radius-small);justify-content:center;align-items:center;block-size:1.75rem;inline-size:1.75rem;display:inline-flex}@media (width>=48rem){.grouped-checklist__completion span{border:0;border-radius:0;block-size:auto;inline-size:auto;display:inline}}.grouped-checklist__completion[aria-pressed=true] span{border-color:var(--color-success);background:var(--color-success-surface)}@media (width>=48rem){.grouped-checklist__completion[aria-pressed=true] span{background:0 0}}.grouped-checklist__remove{color:var(--color-danger);border:0;font-size:1.5rem}.grouped-checklist__remove:hover{background:var(--color-danger-surface)}.grouped-checklist__description{overflow-wrap:anywhere;min-width:0}.grouped-checklist__item--completed .grouped-checklist__description{color:var(--color-muted);text-decoration:line-through}.grouped-checklist--sortable{gap:0}.grouped-checklist--sortable .grouped-checklist__group+.grouped-checklist__group{margin-top:var(--space-6)}.grouped-checklist--sortable .grouped-checklist__item,.grouped-checklist__item--dragged{grid-template-columns:2.75rem 2.75rem minmax(0,1fr) 2.75rem}.grouped-checklist__handle{width:2.75rem;min-height:2.75rem;padding:var(--space-2);border-radius:var(--radius-small);color:var(--color-muted);cursor:grab;touch-action:none;background:0 0;border:0;justify-content:center;align-items:center;display:inline-flex}.grouped-checklist__handle:focus-visible{outline-offset:.1875rem;outline:.1875rem solid}.grouped-checklist__handle--grabbed{background:var(--color-success-surface);color:var(--color-ink);cursor:grabbing}.grouped-checklist__item--ghost{color:var(--color-muted);opacity:.6}.grouped-checklist__drop-target{min-height:var(--space-6);border-radius:var(--radius-small)}.grouped-checklist--dragging .grouped-checklist__drop-target{block-size:calc(var(--space-8) * 2);min-height:calc(var(--space-8) * 2);padding:var(--space-2);border:.0625rem dashed var(--color-border);color:var(--color-muted);justify-content:center;align-items:center;display:flex;overflow:hidden}.grouped-checklist--dragging .grouped-checklist__drop-target:before{content:attr(data-new-group-label)}.grouped-checklist__drop-target--active{border-color:var(--color-success);background:var(--color-success-surface);color:var(--color-success)}.ingredient-action-list{gap:var(--space-2);width:100%;padding:0;list-style:none;display:grid}.ingredient-action-list__item{align-items:center;gap:var(--space-3);min-width:0;padding:var(--space-3) var(--space-4);border:.0625rem solid var(--color-border);border-radius:var(--radius-small);background:var(--color-surface);grid-template-columns:minmax(0,1fr) auto;display:grid}.ingredient-action-list__description{overflow-wrap:anywhere;min-width:0}.ingredient-action-list__form{margin:0}.ingredient-action-list__action{width:2.75rem;min-height:2.75rem;padding:var(--space-2);border-radius:var(--radius-small);background:var(--color-primary);color:var(--color-on-primary);cursor:pointer;border:0;justify-content:center;align-items:center;font-size:1.5rem;display:inline-flex}.ingredient-action-list__action:hover{background:var(--color-primary-hover)}.ingredient-action-list__action:focus-visible{outline-offset:.1875rem;outline:.1875rem solid}.ingredient-action-list__status{color:var(--color-muted);font-weight:600}.ingredient-action-list__item--added .ingredient-action-list__description{color:var(--color-muted)}.recipe-scheduling-dialog{box-sizing:border-box;inline-size:min(42rem, 100% - 2 * var(--space-4));border-radius:var(--radius-medium);background:var(--color-surface);border:0;max-block-size:min(90vh,48rem);margin:auto;padding:0}.recipe-scheduling-dialog::backdrop{background:#29251f8c}.recipe-scheduling-dialog__panel{padding:var(--space-6)}.recipe-scheduling-dialog__header{justify-content:space-between;align-items:start;gap:var(--space-4);margin-block-end:var(--space-4);display:flex}.recipe-scheduling-dialog__title{font-size:1.25rem}.recipe-scheduling-dialog__hint{color:var(--color-muted);margin-block-start:var(--space-1)}.recipe-scheduling-dialog__close{cursor:pointer;background:0 0;border:0;font-size:1.75rem}.recipe-scheduling-dialog__days{scrollbar-width:none;border-block:1px solid var(--color-border);max-block-size:min(60vh,24rem);display:grid;overflow-y:auto}.recipe-scheduling-dialog__days::-webkit-scrollbar{display:none}.recipe-scheduling-dialog__day{padding-block:var(--space-4);border-block-end:1px solid var(--color-border)}.recipe-scheduling-dialog__day:last-child{border-block-end:0}.recipe-scheduling-dialog__date{margin-block-end:var(--space-2);font-size:1rem}.recipe-scheduling-dialog__slots{gap:var(--space-2);grid-template-columns:minmax(0,1fr);display:grid}.recipe-scheduling-dialog__slot{gap:var(--space-1);min-block-size:4.5rem;inline-size:100%;padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-small);background:var(--color-surface);color:var(--color-ink);font:inherit;text-align:start;cursor:pointer;display:grid}.recipe-scheduling-dialog__slot:hover{border-color:var(--color-primary)}.recipe-scheduling-dialog__meal-type{color:var(--color-muted);letter-spacing:.04em;text-transform:uppercase;font-size:.8rem;font-weight:700}.recipe-scheduling-dialog__meal{overflow-wrap:anywhere;font-weight:600}@media (width<=36rem){.recipe-scheduling-dialog{border-radius:var(--radius-medium) var(--radius-medium) 0 0;block-size:90dvh;max-block-size:90dvh;inline-size:100%;max-inline-size:none;margin-block-end:0}.recipe-scheduling-dialog__panel{box-sizing:border-box;block-size:100%;padding:var(--space-4);flex-direction:column;display:flex}.recipe-scheduling-dialog__days{flex:1;min-block-size:0;max-block-size:none}}.plan-calendar{margin-block-start:var(--space-6)}.plan-calendar__loader{block-size:1px}.plan-today-button{z-index:10;position:fixed;inset-block-end:calc(4.25rem + var(--space-4) + env(safe-area-inset-bottom));inset-inline-end:max(var(--space-4), env(safe-area-inset-right));box-shadow:0 .125rem .5rem #29251f2e}@media (width>=48rem){.plan-today-button{inset-block-start:calc(3.75rem + var(--space-4));inset-block-end:auto}}.plan-day{gap:var(--space-2);padding-block:var(--space-4);border-block-start:1px solid var(--color-border);overflow-anchor:auto;grid-template-columns:3.25rem minmax(0,1fr);display:grid}.plan-day--today{border-color:var(--color-primary);scroll-margin-block-start:var(--space-6)}@media (width>=48rem){.plan-day--today{scroll-margin-block-start:calc(3.75rem + var(--space-6))}}.plan-day--past{opacity:.62;transition:opacity .15s}.plan-day--past:hover,.plan-day--past:focus-within{opacity:1}.plan-day__date{padding-block:var(--space-2);border:1px solid color-mix(in srgb, var(--color-border) 60%, transparent);border-radius:var(--radius-small);flex-direction:column;justify-content:center;align-self:start;align-items:center;gap:0;display:flex}.plan-day__weekday,.plan-day__month,.meal-slot__label{color:var(--color-muted);letter-spacing:.04em;text-transform:uppercase;font-size:.8rem;font-weight:700}.plan-day--today .plan-day__weekday{color:var(--color-primary)}.plan-day__weekday,.plan-day__month{letter-spacing:.02em;font-size:.7rem}.plan-day__number{font-size:1.15rem;font-weight:700}.plan-day__meals{gap:var(--space-2);display:grid}.meal-slot{align-items:center;gap:var(--space-2);grid-template-columns:5rem minmax(0,1fr);display:grid}.meal-slot__selection{justify-content:space-between;gap:var(--space-3);min-block-size:2.75rem;padding:var(--space-3);border:1px dashed var(--color-border);border-radius:var(--radius-small);background:var(--color-surface);color:var(--color-muted);text-align:start;cursor:pointer;text-decoration:none;display:flex}.meal-slot--filled .meal-slot__selection{color:var(--color-ink);border-style:solid;font-weight:600}.recipe-drawer{box-sizing:border-box;border-radius:var(--radius-medium) var(--radius-medium) 0 0;background:var(--color-surface);border:0;max-block-size:min(80vh,44rem);inline-size:100%;max-inline-size:42rem;margin:auto auto 0;padding:0}.recipe-drawer::backdrop{background:#29251f8c}.recipe-drawer__panel{box-sizing:border-box;min-inline-size:0;max-inline-size:100%;padding:var(--space-6);overflow-x:hidden}.recipe-drawer__header{justify-content:space-between;align-items:start;gap:var(--space-4);margin-block-end:var(--space-4);display:flex}.recipe-drawer__section+.recipe-drawer__section{margin-block-start:var(--space-6)}.recipe-drawer__section-title{margin-block-end:var(--space-3);font-size:1rem}.recipe-drawer__title{font-size:1.25rem}.recipe-drawer__close{cursor:pointer;background:0 0;border:0;font-size:1.75rem}.recipe-drawer__actions{align-items:center;gap:var(--space-3);margin-block-start:var(--space-4);display:flex}.recipe-drawer__recipes{gap:var(--space-2);min-inline-size:0;max-inline-size:100%;display:grid;overflow-y:auto}.recipe-drawer__recipes form{min-inline-size:0;max-inline-size:100%}.recipe-drawer__recipe{box-sizing:border-box;inline-size:100%;min-inline-size:0;max-inline-size:100%;padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-small);background:var(--color-surface);color:var(--color-ink);font:inherit;overflow-wrap:anywhere;text-align:start;white-space:normal;cursor:pointer;font-weight:600}.recipe-drawer__recipe:hover{border-color:var(--color-primary)}@media (width<=36rem){.plan-day{gap:var(--space-2);grid-template-columns:3rem minmax(0,1fr)}.meal-slot{grid-template-columns:1fr auto}.meal-slot__label{grid-column:1/-1}}.design-system-page{background:#f4efe6}.design-system{min-height:100vh}.design-system__sidebar{z-index:10;padding:var(--space-3) var(--space-4);background:var(--color-ink);color:var(--color-on-primary);position:sticky;top:0;overflow-x:auto}.design-system__brand{display:none}.design-system__nav{align-items:center;gap:var(--space-1);width:max-content;display:flex}.design-system__nav-heading{display:none}.design-system__nav-link{padding:var(--space-2) var(--space-3);color:#d8d0c4;white-space:nowrap;border-radius:999px;font-size:.875rem;text-decoration:none}.design-system__nav-link:hover,.design-system__nav-link:focus-visible{color:#fff;background:#ffffff1a}.design-system__main{width:min(100% - 2 * var(--space-4), 75rem);padding-block:var(--space-8) 6rem;margin-inline:auto}.design-system__hero{border-bottom:1px solid #cec4b5;padding-block:clamp(2rem,8vw,7rem);scroll-margin-top:5rem}.design-system__kicker,.catalog-section__number{color:var(--color-primary);letter-spacing:.12em;text-transform:uppercase;font-size:.75rem;font-weight:800}.design-system__heading{max-width:14ch;margin-top:var(--space-4);letter-spacing:-.055em;font-size:clamp(2.5rem,7vw,5.75rem);font-weight:750;line-height:.98}.design-system__intro{max-width:42rem;margin-top:var(--space-6);color:#655d52;font-size:clamp(1rem,2vw,1.25rem)}.catalog-section{border-bottom:1px solid #cec4b5;padding-block:clamp(3rem,7vw,6rem);scroll-margin-top:4.5rem}.catalog-section__header{gap:var(--space-3);margin-bottom:var(--space-8);grid-template-columns:2rem 1fr;display:grid}.catalog-section__title{letter-spacing:-.035em;font-size:clamp(1.75rem,4vw,2.75rem);line-height:1}.catalog-section__description{max-width:38rem;margin-top:var(--space-3);color:#655d52}.token-grid{gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(10rem,1fr));display:grid}.token-card{border-radius:var(--radius-small);background:#fff;border:1px solid #cec4b5;overflow:hidden}.token-card__swatch{border-bottom:1px solid #cec4b5;height:8rem}.token-card__swatch--canvas{background:var(--color-canvas)}.token-card__swatch--ink{background:var(--color-ink)}.token-card__swatch--primary{background:var(--color-primary)}.token-card__swatch--primary-hover{background:var(--color-primary-hover)}.token-card__swatch--on-primary{background:var(--color-on-primary)}.token-card__body{gap:var(--space-1);padding:var(--space-3);display:grid}.token-card__body code,.token-card__body span{color:#655d52;font-size:.75rem}.type-specimen,.component-demo,.utility-demo{border-radius:var(--radius-small);background:var(--color-canvas);border:1px solid #cec4b5}.component-demo__stage .floating-action-button{display:inline-flex;position:static}.type-specimen{padding:clamp(1.5rem,5vw,4rem)}.type-specimen__meta,.type-specimen__alphabet{color:#655d52;font-size:.875rem}.type-specimen__display{margin-block:var(--space-6);letter-spacing:-.05em;font-size:clamp(2.25rem,7vw,5rem);font-weight:750;line-height:1}.type-specimen__body{max-width:45rem;margin-bottom:var(--space-8);font-size:1.125rem}.title-specimens{gap:var(--space-3);margin-block-start:var(--space-4);display:grid}.title-specimen{padding:var(--space-4);border-radius:var(--radius-small);background:var(--color-canvas);border:1px solid #cec4b5}.title-specimen__meta{color:#655d52;margin-block-end:var(--space-2);font-size:.875rem}.spacing-list{gap:var(--space-4);display:grid}.spacing-token{align-items:center;gap:var(--space-3);grid-template-columns:7rem minmax(2rem,1fr) 4rem;font-size:.875rem;display:grid}.spacing-token__bar{background:var(--color-primary);height:1.5rem}.spacing-token__bar--1{width:var(--space-1)}.spacing-token__bar--2{width:var(--space-2)}.spacing-token__bar--3{width:var(--space-3)}.spacing-token__bar--4{width:var(--space-4)}.spacing-token__bar--6{width:var(--space-6)}.spacing-token__bar--8{width:var(--space-8)}.radius-specimen{align-items:center;gap:var(--space-4);display:flex}.radius-specimen__shape{aspect-ratio:1;border-radius:var(--radius-small);background:var(--color-primary);width:6rem}.layout-demo{padding-block:var(--space-6);background:#e9e0d3;border:1px dashed #958b7c}.layout-demo__wrapper{padding:var(--space-4);background:var(--color-primary);color:var(--color-on-primary);text-align:center;font-family:monospace;font-size:.75rem}.component-demo__stage{gap:var(--space-4);flex-wrap:wrap;padding:clamp(1.5rem,5vw,4rem);display:flex}.component-demo__notes{gap:var(--space-4);padding:var(--space-3) var(--space-4);color:#655d52;border-top:1px solid #cec4b5;flex-wrap:wrap;font-size:.75rem;display:flex}.utility-demo{gap:var(--space-2);padding:var(--space-6);display:grid}@media (width>=56rem){.design-system{grid-template-columns:17rem minmax(0,1fr);display:grid}.design-system__sidebar{height:100vh;padding:var(--space-8) var(--space-6);position:sticky;overflow-y:auto}.design-system__brand{gap:var(--space-1);padding-bottom:var(--space-8);border-bottom:1px solid #ffffff29;display:grid}.design-system__eyebrow{color:#d8d0c4;letter-spacing:.16em;text-transform:uppercase;font-size:.625rem;font-weight:800}.design-system__title{font-size:1.25rem}.design-system__nav{width:auto;margin-top:var(--space-6);display:grid}.design-system__nav-heading{margin:var(--space-4) var(--space-3) var(--space-1);color:#91887d;letter-spacing:.14em;text-transform:uppercase;font-size:.625rem;font-weight:800;display:block}.design-system__nav-link{border-radius:var(--radius-small)}.design-system__main{width:min(100% - 2 * var(--space-8), 75rem)}.design-system__hero,.catalog-section{scroll-margin-top:0}.catalog-section__header{grid-template-columns:3rem 1fr}}.u-visually-hidden{clip:rect(0, 0, 0, 0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}