:root{--ds-color-canvas:#f5f3ee;--ds-color-surface:#fbfaf7;--ds-color-surface-raised:#ffffff;--ds-color-ink:#17140f;--ds-color-ink-muted:#6e675c;--ds-color-primary:#7e2231;--ds-color-primary-hover:#5e1622;--ds-color-accent:#a98d5f;--ds-color-border:#e6e1d6;--ds-color-border-accent:rgba(169,141,95,0.28);--ds-color-on-dark:#fbfaf7;--ds-color-success:#476553;--ds-color-danger:#a12d3f;--ds-font-sans:var(--font-vazirmatn),"Vazirmatn",system-ui,sans-serif;--ds-text-overline:clamp(0.68rem,0.65rem + 0.12vw,0.74rem);--ds-text-xs:clamp(0.75rem,0.72rem + 0.14vw,0.82rem);--ds-text-sm:clamp(0.84rem,0.8rem + 0.18vw,0.94rem);--ds-text-md:clamp(1rem,0.96rem + 0.16vw,1.08rem);--ds-text-lg:clamp(1.12rem,1.05rem + 0.3vw,1.28rem);--ds-text-xl:clamp(1.35rem,1.18rem + 0.75vw,1.75rem);--ds-text-2xl:clamp(1.7rem,1.36rem + 1.5vw,2.5rem);--ds-text-display:clamp(2.7rem,1.72rem + 4.3vw,5rem);--ds-leading-tight:1.35;--ds-leading-body:1.95;--ds-space-1:0.25rem;--ds-space-2:0.5rem;--ds-space-3:0.75rem;--ds-space-4:1rem;--ds-space-5:1.25rem;--ds-space-6:1.5rem;--ds-space-8:2rem;--ds-space-10:2.5rem;--ds-space-12:3rem;--ds-space-16:4rem;--ds-space-section:clamp(2.25rem,4vw,3.5rem);--ds-radius-sm:0.5rem;--ds-radius-md:0.75rem;--ds-radius-lg:1.125rem;--ds-radius-pill:999px;--ds-radius-arch:999px 999px 1.25rem 1.25rem;--ds-shadow-card:0 14px 40px rgba(23,20,15,0.08);--ds-shadow-float:0 22px 70px rgba(23,20,15,0.16);--ds-container:72rem;--ds-container-wide:100rem;--ds-gutter:clamp(1.25rem,4vw,2.5rem);--ds-ease-out:cubic-bezier(0.2,0.7,0.2,1);--ds-duration-fast:150ms;--ds-duration-base:250ms;--ds-duration-slow:700ms}.ds-page{min-height:100vh;overflow-x:clip;background:var(--ds-color-canvas);color:var(--ds-color-ink);font-family:var(--ds-font-sans)}.ds-container{width:100%;max-width:var(--ds-container);margin-inline:auto;padding-inline:var(--ds-gutter)}.ds-container[data-wide=true]{max-width:var(--ds-container-wide)}.ds-section{padding-block:var(--ds-space-section)}.ds-stack{display:flex;flex-direction:column;gap:var(--ds-stack-gap,var(--ds-space-4))}.ds-cluster{gap:var(--ds-cluster-gap,var(--ds-space-3))}.ds-cluster,.ds-eyebrow{display:flex;flex-wrap:wrap;align-items:center}.ds-eyebrow{gap:.4rem .85rem}.ds-eyebrow__latin{color:var(--ds-color-accent);font-size:.64rem;font-weight:600;letter-spacing:.28em;white-space:nowrap}.ds-eyebrow__fa{font-size:.82rem;font-weight:800}.ds-eyebrow__line{min-width:2rem;height:1px;flex:1;background:var(--ds-color-border)}.ds-button{display:inline-flex;min-height:2.75rem;align-items:center;justify-content:center;gap:var(--ds-space-2);border:1px solid transparent;border-radius:var(--ds-radius-md);padding:.72rem 1.35rem;font:700 var(--ds-text-sm)/1 var(--ds-font-sans);text-decoration:none;transition:transform var(--ds-duration-fast) ease,background var(--ds-duration-base) ease,border-color var(--ds-duration-base) ease,color var(--ds-duration-base) ease}.ds-button:hover{transform:translateY(-1px)}.ds-button:active{transform:translateY(0)}.ds-button[data-variant=primary]{background:var(--ds-color-ink);color:var(--ds-color-on-dark)}.ds-button[data-variant=accent],.ds-button[data-variant=primary]:hover{background:var(--ds-color-primary)}.ds-button[data-variant=accent]{color:var(--ds-color-on-dark)}.ds-button[data-variant=accent]:hover{background:var(--ds-color-primary-hover)}.ds-button[data-variant=outline]{border-color:var(--ds-color-ink);color:var(--ds-color-ink)}.ds-button[data-variant=quiet]{color:var(--ds-color-primary)}.ds-button[data-size=small]{min-height:2.25rem;padding:.5rem 1rem;font-size:var(--ds-text-xs)}.ds-card{border:1px solid var(--ds-color-border);border-radius:var(--ds-radius-lg);background:var(--ds-color-surface);box-shadow:var(--ds-shadow-card)}.ds-card[data-card-variant=flat]{box-shadow:none}.ds-card[data-card-variant=raised]{background:var(--ds-color-surface-raised);box-shadow:var(--ds-shadow-float)}.ds-card[data-card-variant=interactive]{cursor:pointer;transition:transform var(--ds-duration-base) var(--ds-ease-out),box-shadow var(--ds-duration-base) var(--ds-ease-out),border-color var(--ds-duration-base) ease}.ds-card[data-card-variant=interactive]:hover{border-color:var(--ds-color-border-accent);box-shadow:var(--ds-shadow-float);transform:translateY(-.25rem)}.ds-card[data-card-variant=dark]{border-color:color-mix(in srgb,var(--ds-color-on-dark) 14%,transparent);background:var(--ds-color-ink);color:var(--ds-color-on-dark)}.ds-ratio-card{width:min(100%,22rem);overflow:hidden;transition:transform var(--ds-duration-base) var(--ds-ease-out),box-shadow var(--ds-duration-base) var(--ds-ease-out)}.ds-ratio-card:hover{transform:translateY(-.25rem);box-shadow:var(--ds-shadow-float)}.ds-ratio-card__main{display:block;color:inherit;text-decoration:none}.ds-ratio-card__media{position:relative;display:block;aspect-ratio:4/5;overflow:hidden;background:var(--ds-color-canvas)}.ds-ratio-card[data-ratio=square] .ds-ratio-card__media{aspect-ratio:1}.ds-ratio-card[data-ratio=landscape] .ds-ratio-card__media{aspect-ratio:4/3}.ds-ratio-card[data-ratio=wide] .ds-ratio-card__media{aspect-ratio:16/9}.ds-ratio-card__media img{width:100%;height:100%;display:block;object-fit:cover;transition:transform var(--ds-duration-slow) var(--ds-ease-out)}.ds-ratio-card:hover .ds-ratio-card__media img{transform:scale(1.025)}.ds-ratio-card__badge{position:absolute;inset-block-start:var(--ds-space-4);inset-inline-start:var(--ds-space-4);border:1px solid var(--ds-color-border-accent);border-radius:var(--ds-radius-pill);padding:.35rem .7rem;background:color-mix(in srgb,var(--ds-color-surface) 92%,transparent);color:var(--ds-color-primary);font-size:var(--ds-text-xs);font-weight:800;backdrop-filter:blur(.5rem)}.ds-ratio-card__chevron{position:absolute;inset-block-start:50%;inset-inline-end:var(--ds-space-4);display:grid;width:2.5rem;height:2.5rem;place-items:center;border:1px solid color-mix(in srgb,var(--ds-color-ink) 12%,transparent);border-radius:50%;background:color-mix(in srgb,var(--ds-color-surface) 94%,transparent);color:var(--ds-color-ink);box-shadow:0 .35rem 1rem rgba(23,20,15,.12);font:700 1.75rem/1 Arial,sans-serif;transform:translateY(-50%);transition:background var(--ds-duration-base) ease,color var(--ds-duration-base) ease,transform var(--ds-duration-base) var(--ds-ease-out);backdrop-filter:blur(.5rem)}.ds-ratio-card__main:focus-visible .ds-ratio-card__chevron,.ds-ratio-card__main:hover .ds-ratio-card__chevron,.ds-ratio-card__media:focus-visible .ds-ratio-card__chevron,.ds-ratio-card__media:hover .ds-ratio-card__chevron{background:var(--ds-color-primary);color:var(--ds-color-on-dark);transform:translate(.2rem,-50%)}.ds-ratio-card__body{display:grid;gap:var(--ds-space-3);padding:var(--ds-space-5)}.ds-ratio-card__eyebrow{color:var(--ds-color-accent);font-size:var(--ds-text-xs);font-weight:800;letter-spacing:.02em}.ds-ratio-card__heading{display:flex;align-items:start;justify-content:space-between;gap:var(--ds-space-4)}.ds-ratio-card__heading h3{font-size:var(--ds-text-lg);font-weight:800;line-height:var(--ds-leading-tight)}.ds-ratio-card__heading a{color:inherit;text-decoration:none}.ds-ratio-card__meta{flex:none;font-weight:700;white-space:nowrap}.ds-ratio-card__description,.ds-ratio-card__meta{color:var(--ds-color-ink-muted);font-size:var(--ds-text-sm)}.ds-ratio-card__description{line-height:var(--ds-leading-body)}.ds-ratio-card__swatches{display:flex;min-height:1.5rem;align-items:center;gap:var(--ds-space-2)}.ds-ratio-card__swatch{width:1rem;height:1rem;border:2px solid var(--ds-color-surface-raised);border-radius:50%;background:var(--ds-swatch);box-shadow:0 0 0 1px var(--ds-color-border)}.ds-ratio-card__action{width:100%;margin-block-start:var(--ds-space-1)}.ds-ratio-card[data-variant=primary]{overflow:visible;border:0;border-radius:0;background:transparent;box-shadow:none}.ds-ratio-card[data-variant=primary]:hover{transform:none;box-shadow:none}.ds-ratio-card[data-variant=primary] .ds-ratio-card__media{border-radius:0}.ds-ratio-card[data-variant=primary] .ds-ratio-card__badge{inset-inline-start:auto;inset-inline-end:.7rem;inset-block-start:.7rem;border:0;padding:.28rem .7rem;background:var(--ds-color-primary);color:var(--ds-color-on-dark);font-size:.68rem;backdrop-filter:none}.ds-ratio-card[data-variant=primary] .ds-ratio-card__body{gap:.15rem;padding:.65rem 0 0}.ds-ratio-card[data-variant=primary] .ds-ratio-card__heading{display:grid;gap:.15rem}.ds-ratio-card[data-variant=primary] .ds-ratio-card__heading h3{font-size:.98rem;line-height:1.6}.ds-ratio-card[data-variant=primary] .ds-ratio-card__meta{font-size:.74rem;font-weight:600;white-space:normal}.ds-ratio-card[data-variant=plain]{box-shadow:none}.ds-ratio-card[data-variant=plain]:hover{transform:none;box-shadow:none}.ds-chip{display:inline-flex;min-height:2.25rem;align-items:center;border:1px solid var(--ds-color-border);border-radius:var(--ds-radius-pill);padding-inline:var(--ds-space-4);background:var(--ds-color-surface);color:var(--ds-color-ink);font-size:var(--ds-text-sm);font-weight:700}.ds-chip[aria-pressed=true],.ds-chip[data-active=true]{border-color:var(--ds-color-ink);background:var(--ds-color-ink);color:var(--ds-color-on-dark)}.ds-field{width:100%;min-height:3rem;border:1px solid var(--ds-color-border);border-radius:var(--ds-radius-md);padding-inline:var(--ds-space-4);background:var(--ds-color-surface);color:var(--ds-color-ink);font:600 var(--ds-text-md)/1 var(--ds-font-sans)}.ds-field::placeholder{color:var(--ds-color-ink-muted);opacity:.75}.ds-status{display:inline-flex;width:fit-content;align-items:center;gap:var(--ds-space-2);border:1px solid var(--ds-color-border);border-radius:var(--ds-radius-pill);padding:.35rem .7rem;color:var(--ds-color-ink-muted);font-size:var(--ds-text-xs);font-weight:800}.ds-status:before{width:.45rem;height:.45rem;border-radius:50%;background:currentColor;content:""}.ds-status[data-tone=success]{border-color:color-mix(in srgb,var(--ds-color-success) 28%,transparent);color:var(--ds-color-success)}.ds-status[data-tone=warning]{border-color:color-mix(in srgb,var(--ds-color-accent) 36%,transparent);color:#7a5b25}.ds-status[data-tone=danger]{border-color:color-mix(in srgb,var(--ds-color-danger) 28%,transparent);color:var(--ds-color-danger)}.ds-reference-hero{position:relative;display:grid;min-height:min(42rem,82vh);align-items:end;overflow:hidden;background:var(--ds-color-ink);color:var(--ds-color-on-dark)}.ds-reference-hero:before{position:absolute;inset:0;background:linear-gradient(90deg,rgba(23,20,15,.96),rgba(23,20,15,.78) 47%,rgba(23,20,15,.12)),url(/store/campaign-framed-women-v2.png) center 28% /cover no-repeat;content:""}.ds-reference-hero__content{position:relative;z-index:1;width:min(100%,50rem);padding-block:clamp(5rem,11vw,9rem)}.ds-reference-kicker{color:var(--ds-color-accent);font-size:var(--ds-text-overline);font-weight:800;letter-spacing:.2em}.ds-reference-title{max-width:12ch;margin-block:var(--ds-space-4);font-size:var(--ds-text-display);font-weight:900;letter-spacing:-.035em;line-height:1.15}.ds-reference-lead{max-width:42rem;color:color-mix(in srgb,var(--ds-color-on-dark) 78%,transparent);font-size:var(--ds-text-md);line-height:var(--ds-leading-body)}.ds-reference-nav{position:sticky;z-index:5;inset-block-start:0;border-block-end:1px solid var(--ds-color-border);background:color-mix(in srgb,var(--ds-color-canvas) 90%,transparent);backdrop-filter:blur(1rem)}.ds-reference-nav__inner{display:flex;overflow-x:auto;gap:var(--ds-space-6);padding-block:var(--ds-space-4);scrollbar-width:none}.ds-reference-nav__inner::-webkit-scrollbar{display:none}.ds-reference-nav a{color:var(--ds-color-ink-muted);font-size:var(--ds-text-sm);font-weight:800;text-decoration:none;white-space:nowrap}.ds-reference-nav a:hover{color:var(--ds-color-primary)}.ds-reference-section{scroll-margin-block-start:5rem}.ds-reference-heading{display:grid;max-width:46rem;gap:var(--ds-space-3);margin-block-end:var(--ds-space-8)}.ds-reference-heading h2{font-size:var(--ds-text-2xl);font-weight:900;line-height:var(--ds-leading-tight)}.ds-reference-heading p{color:var(--ds-color-ink-muted);font-size:var(--ds-text-sm);line-height:var(--ds-leading-body)}.ds-token-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--ds-space-3)}.ds-token{overflow:hidden;border:1px solid var(--ds-color-border);border-radius:var(--ds-radius-md);background:var(--ds-color-surface)}.ds-token__swatch{height:6rem;background:var(--ds-token-color)}.ds-token__body{display:grid;gap:.15rem;padding:var(--ds-space-3)}.ds-token__body strong{font-size:var(--ds-text-xs)}.ds-token__body code{direction:ltr;color:var(--ds-color-ink-muted);font-size:.66rem;text-align:right}.ds-reference-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--ds-space-5)}.ds-reference-panel{padding:clamp(1.25rem,3vw,2rem)}.ds-reference-panel h3{margin-block-end:var(--ds-space-5);font-size:var(--ds-text-lg);font-weight:900}.ds-type-sample{display:grid;grid-template-columns:minmax(6rem,.28fr) 1fr;align-items:baseline;gap:var(--ds-space-4);padding-block:var(--ds-space-4);border-block-end:1px solid var(--ds-color-border)}.ds-type-sample:last-child{border:0}.ds-type-sample code{direction:ltr;color:var(--ds-color-ink-muted);font-size:.68rem;text-align:right}.ds-type-sample p{font-size:var(--ds-sample-size);font-weight:var(--ds-sample-weight,700);line-height:var(--ds-leading-tight)}.ds-space-row{display:grid;grid-template-columns:3rem 1fr 3rem;align-items:center;gap:var(--ds-space-3);min-height:2.4rem}.ds-space-row code{direction:ltr;color:var(--ds-color-ink-muted);font-size:.68rem;text-align:right}.ds-space-row span{height:.5rem;width:var(--ds-sample-width);border-radius:var(--ds-radius-pill);background:var(--ds-color-primary)}.ds-component-row{display:flex;flex-wrap:wrap;align-items:center;gap:var(--ds-space-3)}.ds-component-group+.ds-component-group{margin-block-start:var(--ds-space-8)}.ds-component-group h4{margin-block-end:var(--ds-space-3);color:var(--ds-color-ink-muted);font-size:var(--ds-text-xs);font-weight:800}.ds-field-demo{display:grid;gap:var(--ds-space-2)}.ds-field-demo label{font-size:var(--ds-text-sm);font-weight:800}.ds-field-demo small{color:var(--ds-color-ink-muted);font-size:var(--ds-text-xs)}.ds-notice{display:grid;grid-template-columns:auto 1fr;gap:var(--ds-space-3);border-inline-start:3px solid var(--ds-notice-color,var(--ds-color-ink));padding:var(--ds-space-4);background:color-mix(in srgb,var(--ds-notice-color,var(--ds-color-ink)) 7%,var(--ds-color-surface))}.ds-notice__mark{color:var(--ds-notice-color,var(--ds-color-ink));font-weight:900}.ds-notice strong{display:block;font-size:var(--ds-text-sm)}.ds-notice p{margin-block-start:.2rem;color:var(--ds-color-ink-muted);font-size:var(--ds-text-xs);line-height:1.8}.ds-reference-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:var(--ds-space-5)}.ds-reference-cards .ds-ratio-card{width:100%}.ds-surface-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:var(--ds-space-3)}.ds-surface-sample{min-height:9rem;padding:var(--ds-space-4)}.ds-surface-sample strong{display:block;font-size:var(--ds-text-sm)}.ds-surface-sample p{margin-block-start:var(--ds-space-2);color:var(--ds-color-ink-muted);font-size:var(--ds-text-xs);line-height:1.8}.ds-card[data-card-variant=dark] .ds-surface-sample p,.ds-surface-sample[data-card-variant=dark] p{color:color-mix(in srgb,var(--ds-color-on-dark) 66%,transparent)}.ds-card-family-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--ds-space-5)}.ds-pattern-card{position:relative;min-height:22rem;overflow:hidden;border:1px solid var(--ds-color-border);border-radius:var(--ds-radius-lg);background:var(--ds-color-surface);box-shadow:var(--ds-shadow-card)}.ds-pattern-card__label{position:absolute;z-index:2;inset-block-start:var(--ds-space-3);inset-inline-start:var(--ds-space-3);border-radius:var(--ds-radius-pill);padding:.35rem .7rem;background:color-mix(in srgb,var(--ds-color-surface) 90%,transparent);color:var(--ds-color-primary);font-size:.68rem;font-weight:900;backdrop-filter:blur(.5rem)}.ds-pattern-card__media{position:relative;display:block;height:14rem;overflow:hidden;background:var(--ds-color-canvas)}.ds-pattern-card__media img{width:100%;height:100%;display:block;object-fit:cover}.ds-pattern-card__body{display:grid;gap:var(--ds-space-2);padding:var(--ds-space-4)}.ds-pattern-card__body h3{font-size:var(--ds-text-md);font-weight:900;line-height:var(--ds-leading-tight)}.ds-pattern-card__body p{color:var(--ds-color-ink-muted);font-size:var(--ds-text-xs);line-height:1.8}.ds-pattern-card__meta{display:flex;justify-content:space-between;gap:var(--ds-space-3);color:var(--ds-color-ink-muted);font-size:.7rem;font-weight:700}.ds-pattern-card[data-kind=collection] .ds-pattern-card__media{display:grid;grid-template-columns:repeat(2,1fr);gap:2px}.ds-pattern-card[data-kind=collection] .ds-pattern-card__media img{min-width:0}.ds-pattern-card[data-kind=campaign]{display:grid;align-items:end;min-height:26rem;border:0;color:var(--ds-color-on-dark)}.ds-pattern-card[data-kind=campaign] .ds-pattern-card__media{position:absolute;inset:0;height:auto}.ds-pattern-card[data-kind=campaign] .ds-pattern-card__media:after{position:absolute;inset:0;background:linear-gradient(transparent 32%,rgba(23,20,15,.88));content:""}.ds-pattern-card[data-kind=campaign] .ds-pattern-card__body{position:relative;z-index:1;padding:var(--ds-space-6)}.ds-pattern-card[data-kind=campaign] .ds-pattern-card__body p{color:color-mix(in srgb,var(--ds-color-on-dark) 74%,transparent)}.ds-pattern-card[data-kind=pricing]{display:flex;min-height:26rem;flex-direction:column;padding:var(--ds-space-6)}.ds-pattern-card[data-kind=pricing][data-featured=true]{border-color:var(--ds-color-primary);box-shadow:inset 0 4px 0 var(--ds-color-primary),var(--ds-shadow-float)}.ds-pattern-price{margin-block:var(--ds-space-5);font-size:var(--ds-text-2xl);font-weight:900}.ds-pattern-price small{font-size:var(--ds-text-xs);font-weight:700}.ds-pattern-list{display:grid;flex:1;gap:var(--ds-space-3);color:var(--ds-color-ink-muted);font-size:var(--ds-text-xs)}.ds-pattern-list li:before{margin-inline-end:var(--ds-space-2);color:var(--ds-color-success);content:"✓";font-weight:900}.ds-pattern-card[data-kind=metric]{min-height:15rem;padding:var(--ds-space-5)}.ds-pattern-metric{margin-block:var(--ds-space-5) var(--ds-space-2);font-size:var(--ds-text-display);font-weight:900;line-height:1}.ds-pattern-bar{height:.5rem;overflow:hidden;border-radius:var(--ds-radius-pill);background:var(--ds-color-border)}.ds-pattern-bar span{display:block;width:72%;height:100%;background:var(--ds-color-success)}.ds-pattern-card[data-kind=choice]{min-height:22rem;padding:var(--ds-space-3);cursor:pointer}.ds-pattern-card[data-kind=choice] .ds-pattern-card__media{height:17rem;border-radius:calc(var(--ds-radius-lg) - var(--ds-space-2))}.ds-pattern-card[data-kind=choice] .ds-pattern-card__body{display:flex;align-items:center;justify-content:space-between;padding-inline:var(--ds-space-2)}.ds-choice-check{display:grid;width:1.5rem;height:1.5rem;place-items:center;border-radius:50%;background:var(--ds-color-primary);color:var(--ds-color-on-dark);font-size:.7rem}.ds-pattern-card[data-kind=result]{min-height:22rem}.ds-pattern-before-after{display:grid;height:17rem;grid-template-columns:repeat(2,minmax(0,1fr))}.ds-pattern-before-after span{position:relative;overflow:hidden}.ds-pattern-before-after img{width:100%;height:100%;object-fit:cover}.ds-pattern-before-after small{position:absolute;inset-block-end:var(--ds-space-2);inset-inline-start:var(--ds-space-2);border-radius:var(--ds-radius-pill);padding:.25rem .5rem;background:rgba(23,20,15,.7);color:var(--ds-color-on-dark);font-size:.6rem}.ds-pattern-card[data-kind=action]{display:grid;min-height:22rem;place-items:center;border-style:dashed;box-shadow:none;text-align:center}.ds-pattern-action{display:grid;max-width:17rem;justify-items:center;gap:var(--ds-space-3);padding:var(--ds-space-6)}.ds-pattern-action__icon{display:grid;width:4rem;height:4rem;place-items:center;border-radius:50%;background:var(--ds-color-canvas);color:var(--ds-color-primary);font-size:1.5rem}.ds-pattern-action p{color:var(--ds-color-ink-muted);font-size:var(--ds-text-xs);line-height:1.8}.ds-rule-list{counter-reset:rule}.ds-rule-list,.ds-rule-list li{display:grid;gap:var(--ds-space-3)}.ds-rule-list li{grid-template-columns:2.4rem 1fr;align-items:start;color:var(--ds-color-ink-muted);font-size:var(--ds-text-sm);line-height:1.9;counter-increment:rule}.ds-rule-list li:before{display:grid;width:2.1rem;height:2.1rem;place-items:center;border-radius:50%;background:var(--ds-color-ink);color:var(--ds-color-on-dark);font-size:var(--ds-text-xs);font-weight:800;content:counter(rule,decimal-leading-zero)}@media (max-width:52rem){.ds-token-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ds-reference-grid{grid-template-columns:1fr}.ds-card-family-grid,.ds-reference-cards,.ds-surface-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:36rem){.ds-reference-hero{min-height:38rem}.ds-reference-hero:before{background-position:66%}.ds-reference-title{max-width:9ch}.ds-card-family-grid,.ds-reference-cards,.ds-surface-grid,.ds-type-sample{grid-template-columns:1fr}.ds-type-sample{gap:var(--ds-space-2)}}.ds-page :is(a,button,input,select,textarea):focus-visible{outline:2px solid var(--ds-color-primary);outline-offset:3px}@media (prefers-reduced-motion:reduce){.ds-page *,.ds-page :after,.ds-page :before{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media (hover:none){.ds-ratio-card:hover{transform:none;box-shadow:var(--ds-shadow-card)}}