@charset "UTF-8";:root{--sans: "At Haüss", sans-serif;--sans-alt: "At Textual", sans-serif;--serif: "At Gambit", serif;--serif-alt: "At King", serif;--h1: clamp(2rem, 1.3627rem + 2.6144vw, 4.5rem);--h2: clamp(1.75rem, 1.1765rem + 2.3529vw, 4rem);--h3: clamp(1.5rem, .9902rem + 2.0915vw, 3.5rem);--h4: clamp(1.375rem, .897rem + 1.9608vw, 3.25rem);--h5: clamp(1.25rem, .8039rem + 1.8301vw, 3rem);--h6: clamp(1rem, .6814rem + 1.3072vw, 2.25rem);--display-sm: clamp(2rem, 1.7451rem + 1.0458vw, 3rem);--p-lg: clamp(1rem, .8725rem + .5229vw, 1.5rem);--p: clamp(.875rem, .7794rem + .3922vw, 1.25rem);--p-sm: clamp(.875rem, .8431rem + .1307vw, 1rem);--lh-xs: 1em;--lh-s: 1.1em;--lh-m: 1.2em;--lh-l: 1.4em;--lh-xl: 1.6em;--fw-100: 100;--fw-200: 200;--fw-300: 300;--fw-400: 400;--fw-500: 500;--fw-600: 600;--fw-700: 700;--fw-800: 800;--fw-900: 900}:root{--white: #fcfcfc;--black: #09090b;--transparent: rgba(0, 0, 0, 0);--sage-50: #f0f7f0;--highlight-100: #FFE5D9;--highlight-500: #ff4500;--highlight-700: #C43400;--rose-50: #fff1f2;--rose-100: #ffe4e6;--rose-200: #fecdd3;--rose-300: #fda4af;--rose-400: #fb7185;--rose-500: #f43f5e;--rose-600: #e11d48;--rose-700: #be123c;--rose-800: #9f1239;--rose-900: #881337;--rose-950: #4c0519;--teal-50: #eafff8;--teal-100: #cdfeec;--teal-200: #a0fadd;--teal-300: #63f2cd;--teal-400: #25e2b8;--teal-500: #00d2aa;--teal-600: #00a488;--teal-700: #008370;--teal-800: #006759;--teal-900: #00554b;--teal-950: #00302b;--blue-50: #f0f9ff;--blue-100: #e0f2fe;--blue-200: #bae6fd;--blue-300: #7dd3fc;--blue-400: #38bdf8;--blue-500: #0ea5e9;--blue-600: #0284c7;--blue-700: #0369a1;--blue-800: #075985;--blue-900: #0c4a6e;--blue-950: #082f49;--gray-50: #F8FAFC;--gray-100: #F1F5F9;--gray-200: #E2E8F0;--gray-300: #CAD5E2;--gray-400: #90A1B9;--gray-500: #62748E;--gray-600: #45556C;--gray-700: #314158;--gray-800: #1D293D;--gray-900: #0F172B;--gray-950: #020618;--white-alpha-10: rgba(255, 255, 255, .1);--white-alpha-20: rgba(255, 255, 255, .2);--white-alpha-30: rgba(255, 255, 255, .3);--white-alpha-40: rgba(255, 255, 255, .4);--white-alpha-50: rgba(255, 255, 255, .5);--white-alpha-60: rgba(255, 255, 255, .6);--white-alpha-70: rgba(255, 255, 255, .7);--white-alpha-80: rgba(255, 255, 255, .8);--white-alpha-90: rgba(255, 255, 255, .9);--black-alpha-10: rgba(0, 0, 0, .1);--black-alpha-20: rgba(0, 0, 0, .2);--black-alpha-30: rgba(0, 0, 0, .3);--black-alpha-40: rgba(0, 0, 0, .4);--black-alpha-50: rgba(0, 0, 0, .5);--black-alpha-60: rgba(0, 0, 0, .6);--black-alpha-70: rgba(0, 0, 0, .7);--black-alpha-80: rgba(0, 0, 0, .8);--black-alpha-90: rgba(0, 0, 0, .9);--gradient-blue: linear-gradient(45deg, var(--blue-100) 0%, var(--blue-300) 100%);--gradient-mint: linear-gradient(180deg, #2af598 0%, #009efd 100%);--shadow-sm: 0px 1px 2px rgba(0, 0, 0, .05);--shadow-base: 0px 1px 3px rgba(0, 0, 0, .1), 0px 1px 2px rgba(0, 0, 0, .06);--shadow-md: 0px 4px 6px -1px rgba(0, 0, 0, .1), 0px 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0px 10px 15px -3px rgba(0, 0, 0, .1), 0px 4px 6px -2px rgba(0, 0, 0, .05);--shadow-xl: 0px 20px 25px -5px rgba(0, 0, 0, .1), 0px 10px 10px -5px rgba(0, 0, 0, .04);--shadow-2xl: 0px 25px 50px -12px rgba(0, 0, 0, .25);--shadow-inner: inset 0px 2px 4px rgba(0, 0, 0, .06);--shadow-video: 0 0 32px var(--black-alpha-50);--shadow-card-hover: 0 100px 80px 0 rgba(0, 0, 0, .07), 0 41.778px 33.422px 0 rgba(0, 0, 0, .05), 0 22.336px 17.869px 0 rgba(0, 0, 0, .04), 0 12.522px 10.017px 0 rgba(0, 0, 0, .04), 0 6.65px 5.32px 0 rgba(0, 0, 0, .03), 0 2.767px 2.214px 0 rgba(0, 0, 0, .02)}:root{--size-0: 0;--size-1: .0625rem;--size-1half: .09375rem;--size-2: .125rem;--size-4: .25rem;--size-8: .5rem;--size-12: .75rem;--size-14: .875rem;--size-16: 1rem;--size-18: 1.125rem;--size-20: 1.25rem;--size-24: 1.5rem;--size-32: 2rem;--size-40: 2.5rem;--size-48: 3rem;--size-60: 3.75rem;--size-64: 4rem;--size-72: 4.5rem;--size-80: 5rem;--size-100: 6.25rem;--size-120: 7.5rem;--size-160: 10rem;--space-4: clamp(.125rem, .0931rem + .1307vw, .25rem);--space-8: clamp(.25rem, .1863rem + .2614vw, .5rem);--space-12: clamp(.5rem, .4363rem + .2614vw, .75rem);--space-16: clamp(.5rem, .3725rem + .5229vw, 1rem);--space-20: clamp(.625rem, .4657rem + .6536vw, 1.25rem);--space-24: clamp(.75rem, .5588rem + .7843vw, 1.5rem);--space-32: clamp(1rem, .7451rem + 1.0458vw, 2rem);--space-48: clamp(1.5rem, 1.1176rem + 1.5686vw, 3rem);--space-64: clamp(2rem, 1.4902rem + 2.0915vw, 4rem);--space-72: clamp(3rem, 2.7451rem + 1.0458vw, 4rem);--space-80: clamp(3.75rem, 3.4314rem + 1.3072vw, 5rem);--space-120: clamp(5rem, 4.3627rem + 2.6144vw, 7.5rem);--space-160: clamp(6.25rem, 5.2941rem + 3.9216vw, 10rem);--space-240: clamp(7.5rem, 5.5882rem + 7.8431vw, 15rem);--radius-4: clamp(.125rem, .0931rem + .1307vw, .25rem);--radius-8: clamp(.125rem, .0294rem + .3922vw, .5rem);--radius-16: clamp(.5rem, .3725rem + .5229vw, 1rem);--radius-24: clamp(1rem, .8725rem + .5229vw, 1.5rem);--radius-full: 62rem;--z-content: 10;--z-header: 30}:root{--duration-fast: .2s;--duration-quick: .25s;--duration-base: .3s;--duration-slow: .6s;--duration-reveal: .7s;--ease: ease-out}:root{--surface-primary: var(--white);--surface-secondary: var(--black);--surface-tertiary: var(--gray-500);--surface-inverse: var(--black);--surface-muted: var(--sage-50);--surface-brand: var(--teal-200);--text-primary: var(--black);--text-secondary: var(--white);--text-tertiary: var(--gray-800);--text-inverse: var(--gray-300);--text-strong: var(--gray-900);--text-muted: var(--gray-600);--text-disabled: var(--gray-500);--accent: var(--rose-700);--accent-subtle: var(--rose-300);--accent-strong: var(--rose-800);--brand-primary: var(--accent);--brand-mark: var(--teal-500);--text-brand: var(--teal-800);--text-brand-emphasis: var(--teal-800);--text-on-brand: var(--teal-900);--text-on-brand-strong: var(--teal-950);--text-on-brand-muted: var(--teal-800);--border: var(--gray-300);--border-strong: var(--gray-500);--border-dashed: var(--gray-400);--border-rule: var(--gray-600)}@font-face{font-family:At Haüss;src:url(/fonts/hauss/AtHaussVARVF.woff2) format("woff2-variations"),url(/fonts/hauss/AtHaussVARVF.woff) format("woff-variations");font-weight:100 900;font-display:swap}@font-face{font-family:At Gambit;src:url(/fonts/gambit/AtGambitVARVF.woff2) format("woff2-variations"),url(/fonts/gambit/AtGambitVARVF.woff) format("woff-variations");font-weight:100 900;font-style:normal;font-display:swap}@font-face{font-family:At Gambit;src:url(/fonts/gambit/AtGambitItalicVARVF.woff2) format("woff2-variations"),url(/fonts/gambit/AtGambitItalicVARVF.woff) format("woff-variations");font-weight:100 900;font-style:italic;font-display:swap}@font-face{font-family:At King;src:url(/fonts/king/AtKingVARVF.woff2) format("woff2-variations"),url(/fonts/king/AtKingVARVF.woff) format("woff-variations");font-weight:100 900;font-display:swap}@font-face{font-family:At Textual;src:url(/fonts/textual/AtTextual-Light.woff2) format("woff2"),url(/fonts/textual/AtTextual-Light.woff) format("woff");font-weight:300;font-display:swap}@font-face{font-family:At Textual;src:url(/fonts/textual/AtTextual-Regular.woff2) format("woff2"),url(/fonts/textual/AtTextual-Regular.woff) format("woff");font-weight:400;font-display:swap}@font-face{font-family:At Textual;src:url(/fonts/textual/AtTextual-Bold.woff2) format("woff2"),url(/fonts/textual/AtTextual-Bold.woff) format("woff");font-weight:700;font-display:swap}h1,h2,h3,h4,h5,h6,p{text-wrap:pretty;font-weight:var(--fw-400)}h1,h2,h3,h4,h5,h6{letter-spacing:-.075rem;line-height:var(--lh-s)}h1,.h1{font-size:var(--h1)}h2,.h2{font-size:var(--h2)}h3,.h3{font-size:var(--h3)}h4,.h4{font-size:var(--h4)}h5,.h5{font-size:var(--h5)}h6,.h6{font-size:var(--h6)}p,.p{font-size:var(--p);line-height:var(--lh-l);letter-spacing:-.025rem}.p-lg{font-size:var(--p-lg);line-height:var(--lh-l);letter-spacing:-.025rem}.p-sm{font-size:var(--p-sm);line-height:var(--lh-l);letter-spacing:-.025rem}.display-sm{font-size:var(--display-sm)}*{margin:0;padding:0;list-style:none;text-decoration:none;box-sizing:border-box;font-family:var(--sans);font-weight:var(--fw-500);color:var(--text-primary)}:focus-visible{outline:2px solid var(--brand-primary);outline-offset:3px;border-radius:var(--radius-4)}html,body{width:100%;height:100%}body{display:flex;flex-direction:column}body>span{display:flex;position:fixed;bottom:var(--size-16);right:var(--size-16)}img,video,picture{display:grid;width:100%}a{color:var(--text-primary);font-weight:var(--fw-600);text-decoration:none}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-8);border:1px solid transparent;border-radius:var(--radius-8);font-weight:var(--fw-600);line-height:var(--lh-s);text-align:center;text-decoration:none;cursor:pointer;transition:background-color var(--duration-fast) var(--ease),border-color var(--duration-fast) var(--ease),color var(--duration-fast) var(--ease)}@media(prefers-reduced-motion:reduce){.btn{transition:none}}.btn{height:var(--size-40);padding:0 var(--space-24);font-size:var(--p)}.btn--solid{background:var(--accent);border-color:var(--accent);color:var(--text-secondary)}.btn--solid:hover{background:var(--accent-strong);border-color:var(--accent-strong)}.btn--ghost{background:transparent;border-color:var(--accent);color:var(--accent)}.btn--ghost:hover{background:var(--accent);color:var(--text-secondary)}.btn--pill{border-radius:var(--radius-full)}.btn--sm{height:var(--size-32);padding:0 var(--space-16);font-size:var(--p-sm)}.btn--md{height:var(--size-40);padding:0 var(--space-24);font-size:var(--p)}.btn--lg{height:var(--size-48);padding:0 var(--space-32);font-size:var(--p)}.btn--xl{height:var(--size-60);padding:0 var(--space-24);font-size:var(--p)}footer{display:flex;flex-direction:column;align-items:center;width:100%;padding:var(--space-16);border-top:1px solid var(--border-rule)}footer .outbound-links{padding:0 var(--space-32)}footer .outbound-links *{font-size:calc(var(--h6) * .75);padding:var(--space-16) 0;text-align:center}footer .copyright *{font-size:var(--size-14);text-align:center}header{width:100%;max-width:1400px;display:grid;grid-template-columns:max-content 1fr min-content;gap:var(--size-24);padding:var(--space-48) var(--space-32) 0}header .logo-container{display:flex;align-items:center;gap:var(--size-20);grid-column:span 1}header .logo-container .logo{grid-column:1/span 1;width:var(--size-80);border-radius:var(--size-80);overflow:hidden}header .logo-container .title{font-size:var(--h6);font-weight:var(--fw-700)}header nav{display:flex;align-items:center;gap:var(--size-24)}header nav .nav-item{height:100%;display:flex;align-items:center;font-size:calc(var(--p) * 1.25);font-weight:var(--fw-400)}header nav .nav-item.selected{cursor:default!important}header nav .nav-item.pointer-events{pointer-events:none;color:var(--text-disabled)}header .mobile-nav{display:none}@media(max-width:767px){header{align-items:center;grid-template-columns:1fr min-content;grid-template-rows:max-content}header .logo-container{width:100%}header nav{display:none}header .mobile-nav{display:grid;place-items:center;width:44px;height:44px;grid-column:2/-1;grid-row:1/span 1;justify-self:end;cursor:pointer;color:var(--text-primary)}header .mobile-nav svg{width:28px;height:28px}header .mobile-nav .menu-close{display:none}header.nav-open{position:fixed;inset:0;height:100dvh;z-index:var(--z-header);background:var(--surface-primary);grid-template-rows:max-content 1fr;align-content:start}header.nav-open nav{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--size-24);grid-column:1/-1;grid-row:2/span 1}header.nav-open nav .nav-item{font-size:var(--display-sm);width:100%;height:var(--size-48);justify-content:center}header.nav-open .mobile-nav{grid-row:1/span 1}header.nav-open .mobile-nav .menu{display:none}header.nav-open .mobile-nav .menu-close{display:block}header.shared .logo{width:var(--size-60)}body.nav-locked{overflow:hidden}}.about .section-container figure{width:100%;max-width:600px}.section-container{display:flex;flex-direction:column;align-items:center}.section-container .content-container{width:92%;max-width:1400px;display:flex;flex-direction:column;align-items:center;gap:var(--space-32);padding:var(--space-32) 0 var(--space-64)}.section-container .content-container figure.video{padding:var(--space-80);background:var(--gradient-mint)}.section-container .content-container figure.video video{box-shadow:var(--shadow-video);border-radius:var(--radius-8)}.section-container .content-container figure picture{border-radius:var(--radius-8)}.section-container .content-container figure picture img{border-radius:var(--radius-8)}.section-container .content-container .metadata-container{width:80%;max-width:960px;display:flex;flex-direction:column;gap:var(--space-24);position:relative;z-index:var(--z-content)}.section-container .content-container .metadata-container h1,.section-container .content-container .metadata-container h2,.section-container .content-container .metadata-container p{width:100%}.section-container .content-container .metadata-container h1{text-wrap:balance}.section-container .content-container .metadata-container .copy-container h3{font-size:var(--h6);font-weight:var(--fw-700)}.section-container .content-container .metadata-container p strong{font-weight:var(--fw-700)}.section-container .content-container .metadata-container p.intro-copy{font-size:var(--h6);font-weight:var(--fw-400)}.section-container .content-container .metadata-container p a.inline-link{display:inline;text-decoration:underline}.section-container .content-container .metadata-container p.link{margin-top:var(--space-24);display:flex;flex-wrap:wrap;gap:var(--space-8)}a.with-link figure picture{transition:transform var(--duration-slow) var(--ease),box-shadow var(--duration-slow) var(--ease)}a:hover figure picture{transform:scale(1.025);box-shadow:var(--shadow-card-hover)}.metadata-container .case-link{display:inline-flex;align-items:center;gap:var(--space-8);font-weight:var(--fw-700);color:var(--text-primary)}.metadata-container .case-link .arrow{transition:transform var(--duration-quick) var(--ease)}a.with-link:hover .case-link .arrow{transform:translate(6px)}@media(prefers-reduced-motion:reduce){a.with-link figure picture{transition:none}a:hover figure picture{transform:none}a.with-link:hover .case-link .arrow{transform:none}}.cs-meta{border-radius:var(--radius-8);overflow:hidden;display:flex;flex-direction:column;gap:var(--size-1)}.cs-eyebrow{display:flex;gap:var(--space-8);width:fit-content;font-size:var(--p);font-weight:var(--fw-700);letter-spacing:.1em;text-transform:uppercase;color:var(--text-brand)}.cs-kicker{display:flex;align-items:center;gap:var(--space-16);font-size:var(--p);font-weight:var(--fw-700);letter-spacing:.1em;text-transform:uppercase;color:var(--text-strong)}.cs-kicker:before{content:"";width:28px;height:2px;background:var(--brand-mark)}.cs-meta-rail{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--size-2);width:100%;overflow:hidden}.cs-meta-rail dl{margin:0;background:var(--surface-brand);padding:var(--space-48) var(--space-24)}.cs-meta-rail dt{font-size:var(--p-sm);font-weight:var(--fw-700);letter-spacing:.08em;text-transform:uppercase;color:var(--text-on-brand);margin-bottom:var(--space-8)}.cs-meta-rail dd{margin:0;font-weight:var(--fw-600);color:var(--text-on-brand)}.cs-meta-rail .todo{color:var(--text-on-brand-muted)}@media(max-width:767px){.cs-meta-rail{grid-template-columns:repeat(2,1fr)}}.cs-glance{width:100%;padding:var(--space-32);display:grid;grid-template-columns:1.4fr 1fr;gap:var(--space-32);align-items:center;background:var(--surface-brand)}.cs-glance .cs-glance-label{font-size:var(--p);letter-spacing:.1em;text-transform:uppercase;color:var(--text-on-brand-strong);font-weight:var(--fw-700);margin-bottom:var(--space-16)}.cs-glance p{margin:0;font-size:var(--h6);line-height:var(--lh-m)}.cs-glance .cs-stats{display:grid;gap:var(--space-24)}.cs-glance .cs-stat .n{font-size:var(--display-sm);font-weight:var(--fw-800);line-height:1}.cs-glance .cs-stat .n.todo{color:var(--accent)}.cs-glance .cs-stat .l{color:var(--text-on-brand-strong);font-size:var(--p);margin-top:var(--space-8)}@media(max-width:767px){.cs-glance{grid-template-columns:1fr;gap:var(--space-24);padding:var(--space-32)}}.cs-tradeoff{width:100%;background:var(--surface-muted);border:1px dashed var(--border-dashed);border-radius:var(--radius-8);padding:var(--space-16);font-size:var(--size-16)}.cs-tradeoff b{color:var(--text-brand-emphasis);font-weight:var(--fw-700);white-space:nowrap}.cs-aside{width:100%;border-left:2px solid var(--accent);padding-left:var(--space-24)}.cs-aside ul{margin:0;padding:0;list-style:none;display:grid;gap:var(--space-12)}.cs-aside li{position:relative;padding-left:var(--space-20);color:var(--text-primary)}.cs-aside li:before{content:"";position:absolute;left:0;top:.6em;width:7px;height:7px;border-radius:50%;background:var(--accent)}.cs-aside li.todo{color:var(--accent)}.cs-reflect{width:100%;background:var(--surface-muted);border-radius:var(--radius-8);padding:var(--space-48)}.cs-reflect blockquote{margin:var(--space-16) 0 0;font-family:var(--serif);font-size:var(--h5);font-weight:var(--fw-600);line-height:var(--lh-m);max-width:32ch}.cs-pieces{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:var(--space-16)}@media(max-width:767px){.cs-pieces{grid-template-columns:1fr}}.cs-piece{display:block;text-decoration:none;color:inherit;border:1px solid var(--border);border-radius:var(--radius-8);padding:var(--space-24);transition:border-color var(--duration-fast) var(--ease),transform var(--duration-fast) var(--ease)}.cs-piece:hover{border-color:var(--border-strong);transform:translateY(-3px)}.cs-piece .meta{font-size:var(--size-12);font-weight:var(--fw-700);letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted);margin-bottom:var(--space-8)}.cs-piece h3{font-size:var(--h6);margin:0 0 var(--space-8)}.cs-piece .ext{font-weight:var(--fw-700);color:var(--accent);font-size:var(--size-14)}.cs-todo{color:var(--accent);font-weight:var(--fw-600)}@media(prefers-reduced-motion:reduce){.cs-piece{transition:none}.cs-piece:hover{transform:none}}.next{display:flex;justify-content:center;padding:var(--space-24)}.next a{font-size:var(--p);font-weight:var(--fw-600);display:flex;flex-direction:column;gap:var(--size-4);position:relative;transition:transform var(--duration-base) var(--ease);text-transform:uppercase}.next a .project-title{transform:translateY(2px);font-size:var(--h6);text-transform:initial}.next a:hover{transform:translateY(-4px)}.next a:hover:after{opacity:1}@media(prefers-reduced-motion:reduce){.next a{transition:none}.next a:hover{transform:none}}.editorial{background:var(--surface-muted)}@media(prefers-reduced-motion:no-preference){html.js-reveal .section-container .content-container{opacity:0;transform:translateY(28px);transition:opacity var(--duration-reveal) var(--ease),transform var(--duration-reveal) var(--ease);will-change:opacity,transform}html.js-reveal .section-container .content-container.is-visible{opacity:1;transform:none}}.ds-lede{font-size:var(--p-lg);line-height:var(--lh-l);max-width:60ch}.ds-section-head{display:flex;flex-direction:column;gap:var(--space-8);padding-top:var(--space-32);border-top:1px solid var(--border)}.ds-index{font-size:var(--p-sm);font-weight:var(--fw-700);letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted)}.ds-subhead{font-size:var(--h6);font-weight:var(--fw-700);padding-top:var(--space-24)}.ds-note{font-size:var(--p-sm);line-height:var(--lh-l);color:var(--text-muted);max-width:70ch}.ds-badges{display:flex;flex-wrap:wrap;gap:var(--space-8)}.ds-badge{display:inline-flex;align-items:center;gap:var(--space-4);padding:0 var(--space-8);height:var(--size-24);border-radius:var(--radius-full);border:1px solid var(--border);font-size:var(--size-12);font-weight:var(--fw-700);letter-spacing:.04em;text-transform:uppercase;color:var(--text-muted);white-space:nowrap}.ds-badge--brand{border-color:var(--accent);color:var(--accent)}.ds-badge--tailwind{border-color:var(--border-strong);color:var(--text-muted)}.ds-badge--inherited{border-color:var(--text-brand);color:var(--text-brand)}.ds-badge--cleanup{border-color:var(--border-dashed);color:var(--text-muted);border-style:dashed}.ds-badge--unknown{border-color:var(--accent);background:var(--accent);color:var(--text-secondary)}.ds-badge--active{border-color:var(--text-brand);background:var(--surface-brand);color:var(--text-on-brand-strong)}.ds-badge--reserve{border-style:dashed}.ds-ramp{display:flex;flex-direction:column;gap:var(--space-16);width:100%}.ds-ramp-head{display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--space-12)}.ds-ramp-head h3{font-size:var(--h6)}.ds-ramp-head p{font-size:var(--p-sm);color:var(--text-muted)}.ds-swatches{display:grid;grid-template-columns:repeat(auto-fill,minmax(15rem,1fr));gap:var(--space-16);width:100%}.ds-swatch{display:flex;flex-direction:column;border:1px solid var(--border);border-radius:var(--radius-8);overflow:hidden}.ds-chip{height:var(--size-72);width:100%;background-image:linear-gradient(45deg,var(--border) 25%,transparent 25%),linear-gradient(-45deg,var(--border) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,var(--border) 75%),linear-gradient(-45deg,transparent 75%,var(--border) 75%);background-size:16px 16px;background-position:0 0,0 8px,8px -8px,-8px 0px;position:relative}.ds-chip span{position:absolute;inset:0}.ds-swatch-body{display:flex;flex-direction:column;gap:var(--space-8);padding:var(--space-16)}.ds-token-name{font-size:var(--size-14);font-weight:var(--fw-700);word-break:break-all}.ds-face-name{font-size:var(--p-sm);font-weight:var(--fw-700);color:var(--accent)}.ds-token-value{font-size:var(--size-12);color:var(--text-muted);word-break:break-all}.ds-usage{font-size:var(--size-12);color:var(--text-muted);line-height:var(--lh-l)}.ds-specimen{display:flex;flex-direction:column;gap:var(--space-8);padding:var(--space-24) 0;border-bottom:1px solid var(--border);width:100%}.ds-specimen-meta{display:flex;flex-wrap:wrap;gap:var(--space-16);font-size:var(--size-12);color:var(--text-muted)}.ds-specimen-sample{line-height:var(--lh-s);text-wrap:nowrap;overflow-x:auto;overflow-y:hidden;padding-bottom:var(--space-4)}.ds-bars{display:flex;flex-direction:column;gap:var(--space-12);width:100%}.ds-bar-row{display:grid;grid-template-columns:9rem 1fr 9rem;align-items:center;gap:var(--space-16)}@media(max-width:767px){.ds-bar-row{grid-template-columns:1fr;gap:var(--space-4)}}.ds-bar-track{position:relative;height:var(--size-24);background:var(--surface-muted);border-radius:var(--radius-4);overflow:hidden}.ds-bar-min,.ds-bar-max{position:absolute;top:0;left:0;height:100%}.ds-bar-max{background:var(--surface-brand)}.ds-bar-min{background:var(--brand-mark)}.ds-radius-sample{height:var(--size-48);background:var(--surface-brand);border:1px solid var(--text-brand)}.ds-table-wrap{width:100%;overflow-x:auto}.ds-table{width:100%;border-collapse:collapse;font-size:var(--p-sm);text-align:left}.ds-table th,.ds-table td{padding:var(--space-12) var(--space-16);border-bottom:1px solid var(--border);vertical-align:top;white-space:nowrap}.ds-table th{font-weight:var(--fw-700);font-size:var(--size-12);letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted)}.ds-table td.wrap{white-space:normal;min-width:18rem}.ds-pass{color:var(--text-brand);font-weight:var(--fw-700)}.ds-fail{color:var(--accent);font-weight:var(--fw-700)}.ds-stage{width:100%;border:1px dashed var(--border-dashed);border-radius:var(--radius-8);padding:var(--space-24);display:flex;flex-direction:column;gap:var(--space-16)}.ds-stage-label{font-size:var(--size-12);font-weight:var(--fw-700);letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted)}.ds-stage-row{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-16)}.ds-stage--bleed{padding:0}.ds-stage--bleed .section-container .content-container{padding:var(--space-24) 0;width:100%}.ds-code{width:100%;overflow-x:auto;background:var(--surface-muted);border-radius:var(--radius-8);padding:var(--space-16);font-size:var(--size-12);line-height:var(--lh-l);white-space:pre}.ds-list{display:flex;flex-direction:column;gap:var(--space-8);font-size:var(--p-sm);line-height:var(--lh-l)}.ds-list li{padding-left:var(--space-20);position:relative}.ds-list li:before{content:"";position:absolute;left:0;top:.6em;width:7px;height:7px;border-radius:50%;background:var(--brand-mark)}.ds-cols{display:grid;grid-template-columns:repeat(auto-fit,minmax(18rem,1fr));gap:var(--space-24);width:100%}