:where(.btn,.button,.button-link){position:relative;display:inline-flex;min-height:var(--button-min-height);align-items:center;justify-content:space-between;gap:26px;padding:13px 19px;color:var(--ink);background:transparent;border:1px solid transparent;border-radius:var(--radius);box-shadow:var(--shadow);font-size:15px;font-weight:var(--semibold-weight);line-height:1.3;text-align:start;text-decoration:none;transition:color var(--state-duration) var(--state-easing),background-color var(--state-duration) var(--state-easing),border-color var(--state-duration) var(--state-easing)}:where(.btn,.button,.button-link).primary,:where(.btn,.button,.button-link)[data-variant=primary]{color:var(--white);background:var(--brick)}:where(.btn,.button,.button-link).primary:hover,:where(.btn,.button,.button-link).primary.show-hover,:where(.btn,.button,.button-link)[data-variant=primary]:hover,:where(.btn,.button,.button-link)[data-variant=primary][data-state=hover]{color:var(--white);background:var(--hover)}:where(.btn,.button,.button-link).primary:active,:where(.btn,.button,.button-link).primary.show-active,:where(.btn,.button,.button-link)[data-variant=primary]:active,:where(.btn,.button,.button-link)[data-variant=primary][data-state=pressed]{color:var(--white);background:var(--active)}:where(.btn,.button,.button-link).secondary,:where(.btn,.button,.button-link)[data-variant=secondary]{color:var(--ink);background:transparent;border-color:var(--secondary-border)}:where(.btn,.button,.button-link).secondary:hover,:where(.btn,.button,.button-link).secondary.show-hover,:where(.btn,.button,.button-link)[data-variant=secondary]:hover,:where(.btn,.button,.button-link)[data-variant=secondary][data-state=hover]{color:var(--ink);background:var(--secondary-hover);border-color:var(--ink)}:where(.btn,.button,.button-link).secondary:active,:where(.btn,.button,.button-link).secondary.show-active,:where(.btn,.button,.button-link)[data-variant=secondary]:active,:where(.btn,.button,.button-link)[data-variant=secondary][data-state=pressed]{color:var(--white);background:var(--ink);border-color:var(--ink)}:where(.btn,.button,.button-link).text,:where(.btn,.button,.button-link)[data-variant=text]{min-height:var(--button-small-min-height);padding:10px 0;background:transparent;border-color:transparent}:where(.btn,.button,.button-link).text:hover,:where(.btn,.button,.button-link).text.show-hover,:where(.btn,.button,.button-link)[data-variant=text]:hover,:where(.btn,.button,.button-link)[data-variant=text][data-state=hover]{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:5px}:where(.btn,.button,.button-link).text:active,:where(.btn,.button,.button-link).text.show-active,:where(.btn,.button,.button-link)[data-variant=text]:active,:where(.btn,.button,.button-link)[data-variant=text][data-state=pressed]{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:5px}:where(.btn,.button,.button-link):disabled,:where(.btn,.button,.button-link).show-disabled,:where(.btn,.button,.button-link)[aria-disabled=true],:where(.btn,.button,.button-link)[data-state=disabled]{color:#606b70;background:var(--disabled);border-color:var(--disabled);cursor:not-allowed}:where(a.btn,a.button,a.button-link)[aria-disabled=true]{pointer-events:none}:where(.btn,.button,.button-link).show-focus,:where(.btn,.button,.button-link)[data-state=focus]{outline:var(--focus-width) solid var(--focus-colour);outline-offset:var(--focus-offset)}:where(.btn,.button,.button-link).wide,:where(.btn,.button,.button-link).button--wide{width:100%}:where(.btn,.button,.button-link).compact,:where(.btn,.button,.button-link).button--compact{min-height:var(--button-small-min-height);padding-block:11px;font-size:13px}:where(.btn,.button,.button-link).is-loading,:where(.btn,.button,.button-link)[data-state=loading],:where(.btn,.button,.button-link)[aria-busy=true]{cursor:progress}.spinner{display:inline-block;width:1em;height:1em;flex:0 0 auto;border:2px solid currentColor;border-inline-end-color:transparent;border-radius:var(--radius);animation:button-loading .7s linear infinite}:where(.btn,.button,.button-link).is-loading .arrow,:where(.btn,.button,.button-link)[data-state=loading] .arrow,:where(.btn,.button,.button-link)[aria-busy=true] .arrow{display:none}.arrow{flex:none;font-size:22px;font-weight:var(--body-weight);line-height:1}@keyframes button-loading{to{transform:rotate(1turn)}}:where(.law,.theme-dark,.on-dark,[data-theme=dark],.ds-surface--dark,.ds-dark-surface) :where(.btn,.button,.button-link).secondary,:where(.law,.theme-dark,.on-dark,[data-theme=dark],.ds-surface--dark,.ds-dark-surface) :where(.btn,.button,.button-link)[data-variant=secondary]{color:var(--white);border-color:var(--dark-control-border)}:where(.law,.theme-dark,.on-dark,[data-theme=dark],.ds-surface--dark,.ds-dark-surface) :where(.btn,.button,.button-link).secondary:hover,:where(.law,.theme-dark,.on-dark,[data-theme=dark],.ds-surface--dark,.ds-dark-surface) :where(.btn,.button,.button-link).secondary.show-hover,:where(.law,.theme-dark,.on-dark,[data-theme=dark],.ds-surface--dark,.ds-dark-surface) :where(.btn,.button,.button-link)[data-variant=secondary]:hover,:where(.law,.theme-dark,.on-dark,[data-theme=dark],.ds-surface--dark,.ds-dark-surface) :where(.btn,.button,.button-link)[data-variant=secondary][data-state=hover]{color:var(--white);background:var(--dark-hover);border-color:var(--white)}:where(.law,.theme-dark,.on-dark,[data-theme=dark],.ds-surface--dark,.ds-dark-surface) :where(.btn,.button,.button-link).secondary:active,:where(.law,.theme-dark,.on-dark,[data-theme=dark],.ds-surface--dark,.ds-dark-surface) :where(.btn,.button,.button-link).secondary.show-active,:where(.law,.theme-dark,.on-dark,[data-theme=dark],.ds-surface--dark,.ds-dark-surface) :where(.btn,.button,.button-link)[data-variant=secondary]:active,:where(.law,.theme-dark,.on-dark,[data-theme=dark],.ds-surface--dark,.ds-dark-surface) :where(.btn,.button,.button-link)[data-variant=secondary][data-state=pressed]{color:var(--white);background:var(--active);border-color:var(--white)}:where(.law,.theme-dark,.on-dark,[data-theme=dark],.ds-surface--dark,.ds-dark-surface) :where(.btn,.button,.button-link).show-focus,:where(.law,.theme-dark,.on-dark,[data-theme=dark],.ds-surface--dark,.ds-dark-surface) :where(.btn,.button,.button-link)[data-state=focus]{outline-color:var(--focus-colour-dark)}.logo-wrap,.brand-logo{display:inline-flex;flex:none;align-items:center}.logo,.brand-logo img,.brand-logo svg{display:block;width:280px;height:auto}.review-bar{color:var(--review-ink);background:var(--review-bg);border-bottom:1px solid var(--review-line);font-size:12px;line-height:1.45}.review-bar .wrap,.review-bar .container{display:flex;align-items:center;justify-content:space-between;gap:18px;padding-block:9px}.review-bar a{flex:none;text-decoration:underline;text-underline-offset:2px;white-space:nowrap}.site-header{position:relative;z-index:20;background:var(--paper);border-bottom:1px solid var(--line)}.nav,.header-nav{display:flex;height:100px;align-items:center;gap:24px}.menu,.header-menu{display:flex;align-items:center;gap:20px;margin-inline-start:auto;font-size:13px;font-weight:var(--medium-weight)}.menu a,.header-menu a{padding-block:12px;white-space:nowrap}.menu a:hover,.header-menu a:hover,.menu a[aria-current=page],.header-menu a[aria-current=page]{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:5px}.lang,.language-switcher{display:flex;flex:none;gap:7px;font-size:12px}.lang button,.language-switcher button{min-width:34px;min-height:38px;padding:8px;background:transparent;border:0;border-radius:var(--radius);font-size:12px}.lang .selected,.lang button[aria-pressed=true],.language-switcher .selected,.language-switcher button[aria-pressed=true]{font-weight:var(--heading-weight);text-decoration:underline;text-underline-offset:3px}.mobile-menu,.menu-toggle{display:none;min-width:44px;min-height:44px;align-items:center;justify-content:center;padding:5px 10px;color:var(--ink);background:transparent;border:0;border-radius:var(--radius);font-size:28px;line-height:1}fieldset{min-width:0;padding:0;margin:0;border:0}legend,.field-label,.field>label,.field>span:first-child{display:block;margin-bottom:8px;font-size:14px;font-weight:var(--semibold-weight);line-height:1.4}.field{min-width:0;margin-bottom:20px}.field input,.field select,.field textarea,input.field-control,select.field-control,textarea.field-control{width:100%}input,select,textarea{min-height:var(--control-min-height);padding:13px;color:var(--ink);background:var(--white);border:1px solid var(--field-border);border-radius:var(--radius);box-shadow:var(--shadow)}textarea{min-height:106px;resize:vertical}input[type=checkbox],input[type=radio]{width:18px;height:18px;min-height:0;flex:0 0 18px;padding:0;accent-color:var(--brick)}input:disabled,select:disabled,textarea:disabled,.field.is-disabled input,.field.is-disabled select,.field.is-disabled textarea{color:#606b70;background:var(--disabled);border-color:var(--disabled);cursor:not-allowed}input[aria-invalid=true],select[aria-invalid=true],textarea[aria-invalid=true],.field.is-invalid input,.field.is-invalid select,.field.is-invalid textarea{border-color:var(--error);border-inline-start-width:3px}.required-mark{color:var(--brick-text);font-weight:var(--heading-weight)}.field-help,.help-text{margin-top:7px;color:var(--muted);font-size:var(--small-size);line-height:1.5}.field-error,.error{min-height:0;margin-top:8px;color:var(--error);font-size:var(--small-size);font-weight:var(--medium-weight);line-height:1.5}.radio-choice,.choice-card{display:flex;align-items:flex-start;gap:12px;padding:14px;margin-bottom:12px;background:var(--white);border:1px solid var(--line);cursor:pointer}.radio-choice input,.choice-card input{margin-top:4px}.radio-choice .small,.choice-card .small,.choice-card__help{display:block;margin-top:5px;color:var(--muted)}.radio-choice:has(input:checked),.choice-card:has(input:checked),.radio-choice.is-selected,.choice-card.is-selected,.choice-card[data-selected=true]{background-image:linear-gradient(to right,var(--brick) 0,var(--brick) 3px,transparent 3px);border-color:var(--brick)}.check-row{display:flex;align-items:flex-start;gap:10px;font-size:var(--small-size)}.fields-2,.field-grid--2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.form-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}.form-result{margin-top:12px}.notice,.status-message{padding:14px 16px;color:var(--notice-ink);background:var(--notice-bg);border:0;border-inline-start:3px solid var(--notice-border);border-radius:var(--radius);box-shadow:var(--shadow);font-size:var(--small-size);line-height:1.5}.notice.neutral,.status-message.neutral,.status-message[data-status=empty],.status-message.status--empty{color:var(--ink);background:var(--neutral-bg);border-inline-start-color:var(--neutral-border)}.status-message[data-status=error],.status-message[data-status=failed],.status-message[data-status=failure],.status-message.status--error{color:#751919;background:var(--error-bg);border-inline-start-color:var(--error)}.status-message[data-status=loading],.status-message[data-status=processing],.status-message[data-status=submitting],.status-message.status--loading{color:var(--ink);background:var(--wash);border-inline-start-color:var(--ink)}.status-message[data-status=pending],.status-message[data-status=cancelled],.status-message.status--pending{color:var(--notice-ink);background:var(--pending-bg);border-inline-start-color:var(--notice-border)}.status-message[data-status=confirmed],.status-message[data-status=received],.status-message[data-status=success],.status-message.status--success{color:#244b34;background:var(--success-bg);border-inline-start-color:var(--success)}.status-message__title{display:block;margin-bottom:4px;color:inherit;font-weight:var(--semibold-weight)}.status-message__eyebrow{display:block;margin-bottom:6px;font-size:10px;font-weight:var(--heading-weight);letter-spacing:.06em;text-transform:uppercase}.sample-tag,.demo-tag,.status-badge{display:inline-block;padding:2px 6px;color:var(--sample-ink);background:var(--sample-bg);font-size:10px;font-weight:var(--medium-weight);letter-spacing:.03em;line-height:1.5;text-transform:uppercase}.hero-visual{position:relative;min-height:var(--hero-min-height);overflow:hidden;background:#e3e3df}.hero-visual__media,.hero-visual>img{position:absolute;inset:0;display:block;width:100%;height:100%}.hero-visual__media img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 50%}.hero-visual[data-crop-desktop=left] .hero-visual__media img{object-position:20% 50%}.hero-visual[data-crop-desktop=center] .hero-visual__media img{object-position:50% 50%}.hero-visual[data-crop-desktop=right] .hero-visual__media img{object-position:80% 50%}.hero-visual[data-crop-desktop=top] .hero-visual__media img{object-position:50% 20%}.hero-visual[data-crop-desktop=bottom] .hero-visual__media img{object-position:50% 80%}.hero-visual__placeholder{position:absolute;inset:0;display:grid;place-items:center;padding:32px;color:var(--muted);background:linear-gradient(135deg,transparent 49.7%,var(--line) 50%,transparent 50.3%),linear-gradient(45deg,transparent 49.7%,var(--line) 50%,transparent 50.3%),#e3e3df;text-align:center}.hero-frame{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:32px;color:var(--muted);background:linear-gradient(135deg,transparent 49.7%,var(--line) 50%,transparent 50.3%),linear-gradient(45deg,transparent 49.7%,var(--line) 50%,transparent 50.3%),#e3e3df;text-align:center}.hero-frame:before{position:absolute;inset:28px;content:"";border:1px solid #aeb7ba}.hero-frame>*{position:relative;z-index:1}.hero-frame__line{width:56px;height:4px;background:var(--brick)}.hero-frame__label{color:var(--ink);font-family:var(--font-heading);font-size:54px;font-weight:var(--heading-weight);letter-spacing:var(--heading-tracking);line-height:1}.hero-frame strong{color:var(--brick-text);font-size:12px;letter-spacing:.07em}.hero-visual--compact{min-height:300px}.hero-visual__placeholder-inner{max-width:360px;padding:18px 20px;background:#fafaf8f0;border:1px solid var(--line)}.hero-visual__placeholder-title{display:block;margin-bottom:6px;color:var(--ink);font-weight:var(--semibold-weight)}.hero-visual[data-state=pending]>img,.hero-visual.is-pending>img,.hero-visual[data-state=pending] .hero-visual__media,.hero-visual.is-pending .hero-visual__media,.hero-visual[data-state=broken] .hero-visual__media{display:none}.hero-visual[data-state=ready] .hero-visual__placeholder,.hero-visual.has-media .hero-visual__placeholder{display:none}.hero-visual[data-state=broken] .hero-visual__placeholder{display:grid}.hero-visual__decor{position:absolute;z-index:1;inset:18px;border-block-start:1px solid rgb(250 250 248 / 72%);border-inline-end:1px solid rgb(250 250 248 / 72%);pointer-events:none}.hero-visual__decor--architectural:before,.hero-visual__decor--architectural:after{position:absolute;content:"";inline-size:64px;block-size:64px;border-color:#14232dc7}.hero-visual__decor--architectural:before{inset-block-start:-1px;inset-inline-end:-1px;border-block-start:4px solid;border-inline-end:4px solid}.hero-visual__decor--architectural:after{inset-block-end:-1px;inset-inline-start:-1px;border-block-end:4px solid;border-inline-start:4px solid}.hero-visual:after{position:absolute;z-index:1;inset:0;content:"";background:linear-gradient(to right,var(--paper),transparent 18%);pointer-events:none}.image-status,.hero-visual__caption{position:absolute;z-index:2;inset-inline:30px 14px;inset-block-end:12px;padding:8px 10px;color:var(--white);background:#14232deb;font-size:11px;line-height:1.45}.placeholder,.media-placeholder{position:relative;display:flex;min-height:130px;flex-direction:column;align-items:center;justify-content:center;gap:9px;padding:16px;color:var(--ink);background:var(--wash);border:1px solid var(--line);text-align:center}.placeholder:before,.placeholder:after,.media-placeholder:before,.media-placeholder:after{position:absolute;width:15px;height:15px;content:"";border:1px solid #8c989e}.placeholder:before,.media-placeholder:before{inset-block-start:10px;inset-inline-start:10px;border-inline-end:0;border-block-end:0}.placeholder:after,.media-placeholder:after{inset-inline-end:10px;inset-block-end:10px;border-inline-start:0;border-block-start:0}.placeholder .ph-type,.media-placeholder__type{font-size:14px;font-weight:var(--heading-weight)}.placeholder .small,.media-placeholder__help{color:var(--muted);font-size:10px}.campaign-card{display:flex;min-width:0;flex-direction:column;padding:20px;background:var(--white);border:1px solid var(--line)}.request-row.campaign-card{display:grid;padding:19px 0;background:transparent;border-inline:0;border-bottom:0}.campaign-card__media{min-height:95px;margin-bottom:18px}.campaign-card__title{margin:12px 0;font-size:23px}.campaign-card__meta,.campaign-card__budget{color:var(--muted);font-size:var(--small-size)}.campaign-card__actions{margin-top:auto;padding-top:18px}.campaign-card[data-state=closed],.campaign-card.is-closed{background:var(--wash);border-color:var(--secondary-border)}.campaign-card[data-state=closed] .campaign-card__title,.campaign-card[data-state=closed] h3,.campaign-card.is-closed .campaign-card__title,.campaign-card.is-closed h3{color:var(--muted)}.campaign-card[data-state=closed] .sample-tag--closed,.sample-tag--closed{color:var(--ink);background:var(--disabled)}.campaign-card[data-state=closed] [data-donation-action],.campaign-card.is-closed [data-donation-action]{color:#606b70;background:var(--disabled);border-color:var(--disabled);pointer-events:none}.campaign-card[data-budget=unknown] .campaign-card__progress,.campaign-card.is-budget-unknown .campaign-card__progress,.campaign-card[data-budget=known] .campaign-card__unknown,.campaign-card.is-budget-known .campaign-card__unknown{display:none}.campaign-progress{display:block;width:100%;height:4px;margin-top:12px;overflow:hidden;background:var(--disabled);border:0;appearance:none}.campaign-progress::-webkit-progress-bar{background:var(--disabled)}.campaign-progress::-webkit-progress-value{background:var(--brick)}.campaign-progress::-moz-progress-bar{background:var(--brick)}.campaign-progress__value{display:block;width:var(--progress, 0%);height:100%;max-width:100%;background:var(--brick)}.permanent,.permanent-support{display:flex;flex-direction:column;align-items:flex-start;padding-inline-start:4px}.permanent h3,.permanent-support__title{margin:20px 0;font-size:32px}.permanent>p,.permanent-support__intro{color:var(--muted)}.program-mark,.permanent-support__definition{display:flex;width:100%;flex-direction:column;gap:10px;padding:16px 18px;margin:26px 0;background:var(--wash);border-inline-start:4px solid var(--brick)}.program-mark strong,.permanent-support__definition strong{font-size:18px}.program-mark span,.permanent-support__definition span{font-size:var(--small-size)}.permanent .actions,.permanent-support__actions{padding-top:20px;margin-top:auto}.filters,.filter-bar{display:flex;flex-wrap:wrap;align-items:end;gap:12px;margin:26px 0 22px}.filters>label,.filter-bar__field{min-width:180px;flex:1 1 180px;font-size:var(--small-size)}.catalog-controls{margin-top:26px}.fixture-switcher{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:12px 14px;background:var(--wash);border:1px solid var(--line)}.fixture-button,.ds-state-switcher button{min-width:44px;min-height:44px;padding:8px 12px;color:var(--ink);background:var(--white);border:1px solid var(--secondary-border);border-radius:var(--radius);font-weight:var(--semibold-weight)}.fixture-button.active,.fixture-button[aria-pressed=true],.ds-state-switcher button[aria-pressed=true]{color:var(--white);background:var(--ink);border-color:var(--ink)}.filters input,.filters select,.filter-bar input,.filter-bar select{margin-top:6px}.filter-bar__check,.filters .filter-check,.filters .check-filter{display:flex;min-width:160px;flex:0 1 170px;align-self:center;align-items:center;gap:10px}.filters .check-filter input{margin:0}.pagination,.pagination-bar{display:flex;align-items:center;justify-content:center;gap:20px;margin-top:28px}.pagination__status{min-width:9ch;text-align:center}.design-system,.ds-shell,.design-system-page{padding-block:36px 56px}.ds-intro{max-width:820px}.ds-section{padding-block:32px;border-top:1px solid var(--line)}.ds-section:first-of-type{margin-top:32px}.design-system-page>.ds-section{margin-top:32px}.design-system-page>.ds-section+.ds-section{margin-top:0}.ds-section__heading{display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);gap:32px;margin-bottom:24px}.ds-section__heading p{color:var(--muted)}.ds-preview,.ds-surface{min-width:0;padding:24px;color:var(--ink);background:var(--white);border:1px solid var(--line)}.ds-preview+.ds-preview,.ds-surface+.ds-surface{margin-top:16px}.ds-surface--dark,.ds-preview[data-theme=dark]{color:var(--white);background:var(--ink);border-color:var(--dark-border)}.ds-controls,.state-controls{display:flex;flex-wrap:wrap;align-items:end;gap:12px;padding:16px;margin-bottom:20px;background:var(--wash);border:1px solid var(--line)}.ds-controls label,.state-controls label{min-width:150px;flex:1 1 150px;font-size:var(--small-size)}.ds-controls input,.ds-controls select,.state-controls input,.state-controls select{margin-top:6px}.ds-token-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px;margin-top:20px}.ds-token{min-width:0;padding:12px;background:var(--white);border:1px solid var(--line)}.ds-token>span{display:block;height:76px;margin-bottom:10px;background:var(--wash);border:1px solid var(--line)}.ds-token code{overflow-wrap:anywhere;font-size:11px}.ds-token [data-token=paper]{background:var(--paper)}.ds-token [data-token=white]{background:var(--white)}.ds-token [data-token=ink]{background:var(--ink)}.ds-token [data-token=muted]{background:var(--muted)}.ds-token [data-token=line]{background:var(--line)}.ds-token [data-token=wash]{background:var(--wash)}.ds-token [data-token=brick]{background:var(--brick)}.ds-token [data-token=brick-text]{background:var(--brick-text)}.ds-token [data-token=hover]{background:var(--hover)}.ds-token [data-token=active]{background:var(--active)}.ds-token [data-token=orange-logo]{background:var(--orange-logo)}.ds-token [data-token=disabled]{background:var(--disabled)}.ds-logo-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:20px}.ds-logo-cell{display:flex;min-height:170px;flex-direction:column;justify-content:space-between;gap:20px;padding:18px;background:var(--white);border:1px solid var(--line)}.ds-logo-cell.is-dark{color:var(--white);background:var(--ink);border-color:var(--dark-border)}.ds-logo-cell .logo{width:auto;max-width:100%;max-height:96px}.ds-state-switcher{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}.ds-live-example{display:flex;flex-wrap:wrap;align-items:center;gap:20px;padding:24px;margin-top:16px;background:var(--wash);border:1px solid var(--line)}.ds-dark-surface{padding:24px;margin-top:24px;color:var(--white);background:var(--ink);border:1px solid var(--dark-border)}.ds-dark-surface h3{margin-bottom:18px}.ds-two-column{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-top:20px}.ds-hero-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:18px}.ds-hero-grid .hero-visual{min-height:280px}.ds-state-card{min-width:0;padding:16px;background:var(--white);border:1px solid var(--line)}.ds-state-card>code{display:block;margin:10px 0 12px;overflow-wrap:anywhere;font-size:11px}.ds-state-grid,.button-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;margin:30px 0}.ds-state-grid>article,.ds-state-grid>div,.button-grid>div{padding:20px;background:var(--white);border:1px solid var(--line)}.ds-state-grid h3,.button-grid h3{margin-bottom:18px;font-size:17px}.ds-state-grid p,.button-grid p{margin-top:18px;color:var(--muted);font-size:12px}.ds-state-grid :where(.btn,.button,.button-link),.button-grid :where(.btn,.button,.button-link){width:100%;gap:12px;font-size:13px}.ds-swatch-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:16px}.ds-swatch{min-height:116px;padding:16px;color:var(--swatch-ink, var(--ink));background:var(--swatch, var(--wash));border:1px solid var(--line)}.ds-swatch code{display:block;margin-top:8px;overflow-wrap:anywhere;font-size:11px}.ds-demo-note{margin-top:12px;color:var(--muted);font-size:var(--small-size)}