:root{--ds-header-h:72px;--ds-brand-gap:14px;--ds-brand-symbol:40px;--ds-brand-size:24px}@media (width<=1023px){:root{--ds-brand-size:22px}}@media (width<=640px){:root{--ds-header-h:64px;--ds-brand-gap:12px;--ds-brand-symbol:38px;--ds-brand-size:24px}}@media (width<=420px){:root{--ds-brand-gap:8px;--ds-brand-symbol:34px;--ds-brand-size:22px}}@media (width<=360px){:root{--ds-brand-gap:6px;--ds-brand-symbol:30px;--ds-brand-size:18px}}@media (width<=330px){:root{--ds-brand-size:17px}}.ds-site-brand{align-items:center;gap:var(--ds-brand-gap);max-width:100%;min-height:48px;color:var(--color-heading,#fff);white-space:nowrap;flex:none;text-decoration:none;display:inline-flex}.ds-site-brand__symbol{width:var(--ds-brand-symbol);height:var(--ds-brand-symbol);flex:none;display:block}.ds-site-brand__title{font-family:var(--font-display,"Oswald", "Arial Narrow", sans-serif);font-weight:600;font-size:var(--ds-brand-size);letter-spacing:.02em;text-transform:uppercase;white-space:nowrap;text-overflow:clip;line-height:1.1;overflow:visible}.ds-header-bar{min-height:var(--ds-header-h)}.ds-site-brand__text{flex-direction:column;justify-content:center;gap:2px;min-width:0;display:flex}.ds-site-brand__tagline{font-family:var(--font-display,"Oswald", "Arial Narrow", sans-serif);font-weight:400;font-size:max(10px, calc(var(--ds-brand-size) * .46));letter-spacing:.17em;text-transform:uppercase;color:var(--color-text-muted,#9aa3b8);white-space:nowrap;line-height:1.1}.ds-site-brand__light{color:var(--color-text-muted,#9aa3b8);font-weight:300}:root{--brand-night:#00051a;--brand-blue:#050032;--brand-ink:#1a1f36;--brand-orange:#f98510;--brand-white:#fff;--etincelle-800:#a34800;--etincelle-600:#e07408;--etincelle-500:#f98510;--etincelle-400:#ff9c36;--etincelle-300:#ffb570;--etincelle-100:#fef0e1;--papier-0:#fff;--papier-50:#faf8f5;--papier-100:#f3efe8;--papier-200:#ece7df;--papier-300:#e4ded4;--papier-500:#8c8a86;--gris-600:#5c6276;--gris-500:#7d8397;--nuit-0:#00051a;--nuit-1:#0a0f2a;--nuit-2:#10183c;--nuit-3:#172049;--nuit-line:#232b4d;--nuit-line-strong:#6a7ba3;--brume-100:#f4f6fb;--brume-200:#e3e8f2;--brume-300:#a9b6d0;--brume-400:#66739a;--succes-clair:#157f76;--succes-sombre:#45b5a8;--alerte-clair:#8a6500;--alerte-sombre:#d9b16b;--erreur-clair:#bf211e;--erreur-sombre:#f07a76;--info-clair:#1f6fa8;--info-sombre:#4c9ad6;--succes-fond-clair:#e8f4f2;--succes-fond-sombre:#0a2426;--alerte-fond-clair:#fbf3e0;--alerte-fond-sombre:#2a2213;--erreur-fond-clair:#fceceb;--erreur-fond-sombre:#2a141d;--info-fond-clair:#e9f1f8;--info-fond-sombre:#0d1f33;--font-display:"Oswald", "Arial Narrow", "Roboto Condensed", sans-serif;--font-body:"Roboto", system-ui, -apple-system, "Segoe UI", Arial, sans-serif;--font-mono:"Roboto Mono", ui-monospace, Menlo, Consolas, monospace;--font-hand:"Caveat", "Segoe Print", cursive;--fs-display:clamp(2.75rem, 1.7rem + 4.4vw, 4.75rem);--fs-h1:clamp(2.125rem, 1.6rem + 2.2vw, 3rem);--fs-h2:clamp(1.625rem, 1.35rem + 1.1vw, 2.125rem);--fs-h3:1.375rem;--fs-lead:1.1875rem;--fs-body:1.0625rem;--fs-small:.875rem;--fs-label:.75rem;--fs-hand:1.5rem;--fs-code:.9375rem;--lh-display:1.05;--lh-tight:1.1;--lh-snug:1.25;--lh-text:1.65;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.5rem;--space-6:2rem;--space-7:3rem;--space-8:4rem;--space-9:6rem;--radius-sm:4px;--radius-md:8px;--radius-lg:14px;--radius-pill:999px;--border-thin:1px;--border-strong:2px;--duration-fast:.14s;--duration-base:.2s;--ease-out:cubic-bezier(.2, .7, .2, 1);--container:73.75rem;--measure:66ch;--layout-sidebar:188px;--layout-gap:48px;--layout-gutter:clamp(16px, 3vw, 40px);--layout-frame:1500px;--topbar-height:3.75rem;color-scheme:light;--color-bg:var(--papier-50);--color-surface:var(--papier-0);--color-surface-alt:var(--papier-100);--color-surface-hover:var(--papier-200);--color-surface-raised:var(--papier-0);--color-text:var(--brand-ink);--color-heading:var(--brand-blue);--color-text-muted:var(--gris-600);--color-border:var(--papier-300);--color-border-strong:var(--gris-500);--color-accent:var(--etincelle-500);--color-accent-hover:var(--etincelle-400);--color-accent-active:var(--etincelle-600);--color-on-accent:var(--brand-night);--color-accent-soft:var(--etincelle-100);--color-link:var(--brand-blue);--color-link-hover:var(--etincelle-800);--color-link-underline:var(--gris-500);--color-accent-text:var(--etincelle-800);--color-annotation:var(--etincelle-800);--color-inverse-bg:var(--brand-blue);--color-inverse-bg-hover:var(--brand-ink);--color-inverse-text:var(--brand-white);--color-focus:var(--etincelle-800);--color-success:var(--succes-clair);--color-warning:var(--alerte-clair);--color-danger:var(--erreur-clair);--color-info:var(--info-clair);--color-success-bg:var(--succes-fond-clair);--color-warning-bg:var(--alerte-fond-clair);--color-danger-bg:var(--erreur-fond-clair);--color-info-bg:var(--info-fond-clair);--color-disabled-bg:var(--papier-200);--color-disabled-text:var(--papier-500);--color-grid:#0500320d;--shadow-sm:0 1px 2px #05003214;--shadow-md:0 8px 20px -6px #05003229;--shadow-lg:0 22px 44px -16px #05003247;--ring-focus:0 0 0 2px var(--color-bg), 0 0 0 4px var(--color-focus)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){color-scheme:dark;--color-bg:var(--nuit-0);--color-surface:var(--nuit-1);--color-surface-alt:var(--nuit-2);--color-surface-hover:var(--nuit-3);--color-surface-raised:var(--nuit-2);--color-text:var(--brume-100);--color-heading:var(--brand-white);--color-text-muted:var(--brume-300);--color-border:var(--nuit-line);--color-border-strong:var(--nuit-line-strong);--color-accent:var(--etincelle-500);--color-accent-hover:var(--etincelle-400);--color-accent-active:var(--etincelle-600);--color-on-accent:var(--brand-night);--color-accent-soft:#f9851024;--color-link:var(--brand-white);--color-link-hover:var(--etincelle-400);--color-link-underline:var(--nuit-line-strong);--color-accent-text:var(--etincelle-500);--color-annotation:var(--etincelle-300);--color-inverse-bg:var(--brand-white);--color-inverse-bg-hover:var(--brume-200);--color-inverse-text:var(--brand-blue);--color-focus:var(--etincelle-500);--color-success:var(--succes-sombre);--color-warning:var(--alerte-sombre);--color-danger:var(--erreur-sombre);--color-info:var(--info-sombre);--color-success-bg:var(--succes-fond-sombre);--color-warning-bg:var(--alerte-fond-sombre);--color-danger-bg:var(--erreur-fond-sombre);--color-info-bg:var(--info-fond-sombre);--color-disabled-bg:var(--nuit-2);--color-disabled-text:var(--brume-400);--color-grid:#8fa6cb12;--shadow-sm:0 1px 2px #0006;--shadow-md:0 8px 20px -6px #00000080;--shadow-lg:0 22px 44px -16px #000000b3}}:root[data-theme=dark],.is-night,.theme-night{color-scheme:dark;--color-bg:var(--nuit-0);--color-surface:var(--nuit-1);--color-surface-alt:var(--nuit-2);--color-surface-hover:var(--nuit-3);--color-surface-raised:var(--nuit-2);--color-text:var(--brume-100);--color-heading:var(--brand-white);--color-text-muted:var(--brume-300);--color-border:var(--nuit-line);--color-border-strong:var(--nuit-line-strong);--color-accent:var(--etincelle-500);--color-accent-hover:var(--etincelle-400);--color-accent-active:var(--etincelle-600);--color-on-accent:var(--brand-night);--color-accent-soft:#f9851024;--color-link:var(--brand-white);--color-link-hover:var(--etincelle-400);--color-link-underline:var(--nuit-line-strong);--color-accent-text:var(--etincelle-500);--color-annotation:var(--etincelle-300);--color-inverse-bg:var(--brand-white);--color-inverse-bg-hover:var(--brume-200);--color-inverse-text:var(--brand-blue);--color-focus:var(--etincelle-500);--color-success:var(--succes-sombre);--color-warning:var(--alerte-sombre);--color-danger:var(--erreur-sombre);--color-info:var(--info-sombre);--color-success-bg:var(--succes-fond-sombre);--color-warning-bg:var(--alerte-fond-sombre);--color-danger-bg:var(--erreur-fond-sombre);--color-info-bg:var(--info-fond-sombre);--color-disabled-bg:var(--nuit-2);--color-disabled-text:var(--brume-400);--color-grid:#8fa6cb12;--shadow-sm:0 1px 2px #0006;--shadow-md:0 8px 20px -6px #00000080;--shadow-lg:0 22px 44px -16px #000000b3}:root{--color-muted:var(--color-text-muted)}.ds-eyebrow{color:var(--color-muted);font:500 .75rem/1.3 var(--font-mono);letter-spacing:.1em;text-transform:uppercase;align-items:center;gap:.7rem;display:inline-flex}.ds-eyebrow:before{content:"";background:var(--color-accent);width:28px;height:3px}.ds-button{border:2px solid var(--color-accent);border-radius:var(--radius-md);background:var(--color-accent);min-height:48px;color:var(--color-on-accent);font:600 .95rem/1.2 var(--font-body);justify-content:center;align-items:center;padding:.75rem 1.2rem;text-decoration:none;display:inline-flex}.ds-button:hover{background:var(--color-accent-hover);border-color:var(--color-accent-hover)}.ds-button--secondary{color:var(--color-heading);background:0 0;border-color:currentColor}.ds-button--secondary:hover{background:var(--color-surface-alt);border-color:currentColor}.ds-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);color:var(--color-text);padding:clamp(1.25rem,3vw,2rem)}.ds-card h3{color:var(--color-heading);font:600 1.5rem/1.15 var(--font-display);margin:.5rem 0 .8rem}.ds-card p{margin:0;line-height:1.65}:where(.ds-button,a,button,input,textarea,select):focus-visible{outline-offset:2px;box-shadow:var(--ring-focus);outline:2px solid #0000}.ds-link{color:var(--color-link);text-decoration:underline;text-decoration-color:var(--color-link-underline);text-underline-offset:.3em;font-weight:500;text-decoration-thickness:1px}.ds-link:hover{color:var(--color-link-hover);text-decoration-color:currentColor}.ds-link--quiet{color:var(--color-text-muted);font-weight:400;text-decoration:none}.ds-link--quiet:hover{color:var(--color-link);text-decoration:underline;text-decoration-color:var(--color-link-underline)}.theme-toggle{color:#e3e8f2;cursor:pointer;background:0 0;border:1px solid #ffffff47;border-radius:50%;flex:none;justify-content:center;align-items:center;width:36px;height:36px;padding:0;display:inline-flex}.theme-toggle:hover{color:#fff;background:#ffffff1a}.theme-toggle svg{fill:none;stroke:currentColor;stroke-width:1.4px;stroke-linecap:round;stroke-linejoin:round;width:16px;height:16px}.theme-toggle svg[hidden]{display:none}header[data-site-header]{z-index:50;border-bottom:1px solid var(--color-border);background:color-mix(in srgb, var(--color-bg) 94%, transparent);color:var(--color-text);backdrop-filter:blur(8px);transition:transform var(--duration-base,.2s) var(--ease-out,ease-out);position:sticky;top:0}header[data-site-header]>div{align-items:center;gap:var(--space-4)}header[data-site-header] nav[data-site-nav]{column-gap:var(--space-1);margin-left:auto}header[data-site-header] nav[data-site-nav] a{min-height:44px;padding:0 var(--space-3);border-radius:var(--radius-md);color:var(--color-text-muted);font:500 1.0625rem/1 var(--font-display);white-space:nowrap;background:0 0;border:0;align-items:center;gap:.4em;text-decoration:none;display:inline-flex;position:relative}header[data-site-header] nav[data-site-nav] a:hover{background:var(--color-surface-alt);color:var(--color-heading)}header[data-site-header] nav[data-site-nav] a[aria-current]{color:var(--color-heading);background:0 0}header[data-site-header] :is(.menu-toggle,.menu-button){border-radius:var(--radius-md);width:32px;min-width:32px;height:52px;min-height:52px;color:var(--color-heading);cursor:pointer;background:0 0;border:1px solid #0000;justify-content:flex-end;align-items:center;margin:0 -1px 0 -11px;padding:0;position:relative}header[data-site-header] :is(.menu-toggle,.menu-button)>:not(svg){clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}header[data-site-header] .burger{fill:currentColor;stroke:none;width:32px;height:32px}header[data-site-header] .burger .bar{transform-box:fill-box;transform-origin:50%;transition:transform .3s cubic-bezier(.22,1,.36,1)}header[data-site-header] [aria-expanded=true] .bar-top{transform:translateY(5px)rotate(45deg)}header[data-site-header] [aria-expanded=true] .bar-mid{transform:scaleX(0)}header[data-site-header] [aria-expanded=true] .bar-bot{transform:translateY(-5px)rotate(-45deg)}header[data-site-header] nav[data-site-nav]{transition:opacity .22s ease, transform .26s cubic-bezier(.22, 1, .36, 1), display .26s allow-discrete, overlay .26s allow-discrete}@starting-style{header[data-site-header] nav[data-site-nav].is-open{opacity:0;transform:translateY(-10px)}}@media (width<=640px){header[data-site-header]>div{gap:var(--space-2)}}header[data-site-header].is-header-hidden{transform:translateY(-100%)}@media (prefers-reduced-motion:reduce){header[data-site-header],header[data-site-header] nav[data-site-nav],header[data-site-header] .burger .bar{transition:none}}@font-face{font-family:Oswald;src:url(/fonts/oswald-latin.woff2)format("woff2");font-weight:400 700;font-display:swap}@font-face{font-family:Roboto;src:url(/fonts/roboto-latin.woff2)format("woff2");font-weight:400 700;font-display:swap}@font-face{font-family:Roboto Mono;src:url(/fonts/roboto-mono-regular.woff2)format("woff2");font-weight:400;font-display:swap}@font-face{font-family:Caveat;src:url(/fonts/caveat-latin.woff2)format("woff2");font-weight:400 700;font-display:swap}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--color-bg);color:var(--color-text);font:400 1.0625rem/1.65 var(--font-body);margin:0}a{color:var(--color-link);text-decoration-color:var(--color-link-underline);text-underline-offset:.3em}a:hover{color:var(--color-link-hover);text-decoration-color:currentColor}.wrap{width:min(var(--container,1180px), calc(100% - 2rem));margin-inline:auto}.skip{z-index:10;color:#050032;background:#fff;padding:.65rem 1rem;position:absolute;top:-5rem;left:1rem}.skip:focus{top:1rem}.top{background:var(--brand-night);color:#fff;border-bottom:1px solid #232b4d}.top .wrap{align-items:center;gap:1rem;min-height:72px;display:flex}.brand{color:#fff;font:600 1.4rem/1 var(--font-display);text-transform:uppercase;align-items:center;gap:.7rem;text-decoration:none;display:inline-flex}.brand-mark{background:var(--brand-orange);width:34px;height:34px;color:var(--brand-night);border-radius:7px;place-items:center;display:grid}.top nav{flex-wrap:wrap;gap:1.4rem;margin-left:auto;display:flex}.top nav a{color:#e3e8f2;font-size:.9rem;text-decoration:none}.top nav a:hover{color:#fff;text-underline-offset:.2em;text-decoration:underline}.hero{background:radial-gradient(circle at 85% 15%, #172049 0, transparent 45%), linear-gradient(#232b4d55 1px, transparent 1px), linear-gradient(90deg, #232b4d55 1px, transparent 1px), var(--brand-night);color:#f4f6fb;background-size:auto,32px 32px,32px 32px,auto;padding:clamp(5rem,10vw,9rem) 0 6rem}.hero h1{max-width:11ch;font:600 clamp(3.5rem, 8vw, 7rem)/.98 var(--font-display);letter-spacing:-.03em;text-transform:uppercase;margin:1.2rem 0 1.4rem}.hero h1 em{color:var(--brand-orange);font-style:normal}.hero p{color:#e3e8f2;max-width:62ch;margin:0 0 2rem;font-size:1.2rem}.actions{flex-wrap:wrap;gap:.8rem;display:flex}.hero-grid{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);align-items:center;gap:clamp(2rem,4vw,4rem);display:grid}.hero-grid h1{max-width:none;font-size:clamp(2rem,1rem + 3.6vw,4rem)}.hero-grid h1>*{white-space:nowrap;display:block}.hero-grid p{font-size:1.1rem}#haut.hero{min-height:calc(100svh - var(--ds-header-h,72px) - 1px);align-content:center;padding-block:clamp(3rem,6vw,5rem);display:grid}.byline{align-items:center;gap:.75rem;margin-top:2rem;display:flex}.byline img{object-fit:cover;border-radius:50%;flex:none;width:52px;height:52px}.byline strong{color:#fff;font-weight:600;display:block}.byline span{font:500 .75rem/1.3 var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:#9aa3b8;margin-top:2px;display:block}.hero-art{width:calc(100% + max(0px,25vw - 319px));min-width:0;margin:0}.hero-art svg{width:100%;height:auto;display:block;overflow:visible}.hv-card{fill:#0b1238;stroke:#2a3460}.hv-card2{fill:#121a42;stroke:#2a3460}.hv-float{filter:drop-shadow(0 18px 30px #00000073)}.hv-rule{stroke:#2a3460}.hv-bar{fill:#9aa3b8;opacity:.5}.hv-line{fill:#2a3460}.hv-orange{fill:var(--brand-orange)}.hv-outline{fill:none;stroke:#f4f6fb;stroke-width:1.2px}.hv-ring{stroke:#3a4570;stroke-width:1.2px}.hv-display{font-family:var(--font-display);fill:#f4f6fb;font-weight:600}.hv-accent{fill:var(--brand-orange)}.hv-logo-g{fill:#f4f6fb}.hv-logo-o{fill:var(--brand-orange)}.hv-mono{font-family:var(--font-mono);fill:#9aa3b8}.hv-button{font-family:var(--font-body);fill:#f4f6fb;font-weight:600}.hv-on-orange{fill:var(--brand-night)}.hv-ann text{font-family:var(--font-hand);fill:var(--etincelle-300);stroke:var(--brand-night);stroke-width:5px;stroke-linejoin:round;paint-order:stroke;font-size:21px;font-weight:700}.hv-ann .halo{fill:none;stroke:var(--brand-night);stroke-width:5px;stroke-linecap:round;stroke-linejoin:round}.hv-ann .line{fill:none;stroke:var(--etincelle-300);stroke-width:1.9px;stroke-linecap:round;stroke-linejoin:round}@media (width<=980px){.hero-grid{grid-template-columns:1fr}.hero-art{width:min(100%,520px);margin-top:1rem}}.section{padding:clamp(4rem,8vw,7rem) 0;scroll-margin-top:1rem}.section.alt{background:var(--color-surface-alt)}.section.dark{background:var(--brand-night);color:#f4f6fb}.section-head{max-width:740px;margin-bottom:2rem}.section h2{color:var(--color-heading);font:600 clamp(2.4rem, 5vw, 4rem)/1.08 var(--font-display);margin:.7rem 0 1rem}.section.dark h2{color:#fff}.section-head p{color:var(--color-muted);margin:0}.section.dark .section-head p{color:#a9b6d0}.grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;display:grid}.swatches{grid-template-columns:repeat(5,minmax(0,1fr));gap:.7rem;display:grid}.swatch{border:1px solid var(--color-border);background:var(--color-surface);border-radius:10px;overflow:hidden}.swatch-color{height:110px}.swatch div:last-child{padding:.85rem}.swatch strong,.swatch code{display:block}.swatch code{margin-top:.2rem;font-size:.78rem}.swatch-color{border-bottom:1px solid var(--color-border)}.swatch-slot{font:500 .68rem/1.3 var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-muted);margin-bottom:.2rem;display:block}.theme-strip{border:1px solid var(--color-border);background:var(--color-surface);border-radius:10px;grid-template-columns:repeat(4,minmax(0,1fr)) 0 repeat(6,minmax(0,1fr));gap:.35rem;max-width:560px;margin:0 0 1.25rem;padding:.5rem;list-style:none;display:grid}.theme-strip li:nth-child(5){grid-column:6}.theme-strip li{aspect-ratio:1;background:var(--swatch);border-radius:4px;box-shadow:inset 0 0 0 1px #7f7f7f59}.theme-links{color:var(--color-text-muted);flex-wrap:wrap;gap:.5rem 1.5rem;margin:1rem 0 0;font-size:.9rem;display:flex}.theme-links span{align-items:center;gap:.45rem;display:inline-flex}.theme-links i{background:var(--swatch);border-radius:3px;width:.9rem;height:.9rem;box-shadow:inset 0 0 0 1px #7f7f7f59}@media (width<=530px){.section .swatches{grid-template-columns:repeat(2,minmax(0,1fr))}.swatch-color{height:72px}.swatch div:last-child{padding:.7rem}}.theme-group+.theme-group{margin-top:1.5rem}.theme-group h3{font:500 .75rem/1.3 var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--color-text-muted);margin:0 0 .7rem}.swatches--4{grid-template-columns:repeat(4,minmax(0,1fr))}.swatches--6{grid-template-columns:repeat(6,minmax(0,1fr))}@media (width<=1100px){.swatches--6{grid-template-columns:repeat(3,minmax(0,1fr))}}.theme-howto{border:1px solid var(--color-border);background:var(--color-surface);border-radius:10px;max-width:760px;margin-top:2rem;padding:1.25rem 1.5rem}.theme-howto h3{font:600 1.35rem/1.2 var(--font-display);color:var(--color-heading);margin:0 0 .6rem}.theme-howto ol{margin:0;padding-left:1.3rem}.theme-howto li+li{margin-top:.35rem}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.type-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.type-sample{color:var(--color-heading);font-size:clamp(2rem,5vw,4rem);line-height:1.15}.type-sample.hand{color:var(--color-link)}.component-showcase{flex-wrap:wrap;align-items:center;gap:1rem;margin:1.5rem 0 2rem;display:flex}.module-code{color:#e3e8f2;font:.85rem/1.6 var(--font-mono);background:#10183c;border-radius:10px;padding:1.5rem;overflow:auto}.expression{border-top:3px solid var(--brand-orange)}.expression .tag{font:500 .75rem var(--font-mono);color:var(--color-accent-text);text-transform:uppercase}.footer{background:var(--brand-night);color:#a9b6d0;padding:2rem 0;font-size:.85rem}.footer a{color:inherit;text-decoration:none}.footer a:hover,.footer a:focus-visible{color:#fff;text-underline-offset:.2em;text-decoration:underline 2px}.footer-inner{flex-wrap:wrap;justify-content:space-between;gap:.8rem 2rem;display:flex}.footer nav{flex-wrap:wrap;gap:.5rem 1.5rem;display:flex}.legal-page{max-width:760px;padding-block:clamp(3rem,7vw,6rem)}.legal-page h1{color:var(--color-heading);font:600 clamp(2.8rem, 6vw, 4.5rem)/1.05 var(--font-display);margin:0 0 2rem}.legal-page section{margin-block:2.5rem}.legal-page h2{color:var(--color-heading);font:600 clamp(1.65rem, 3vw, 2rem)/1.2 var(--font-display);margin:0 0 .75rem}.legal-page p{margin:0 0 1rem}.legal-page address{margin:0 0 1rem;font-style:normal}.contact-email{white-space:nowrap}.legal-updated{color:var(--color-muted);font-size:.9rem}@media (width<=760px){.grid,.swatches{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=720px){.top .ds-site-brand{margin-right:auto}.menu-toggle{display:inline-flex}.top nav{background:var(--brand-night);border-bottom:1px solid #232b4d;flex-flow:column;gap:0;margin:0;padding:0 1rem 1rem;display:flex;position:absolute;top:100%;left:0;right:0}.js .top nav:not(.is-open){opacity:0;display:none;transform:translateY(-10px)}html:not(.js) .top .wrap{flex-wrap:wrap}html:not(.js) .top nav{background:0 0;border:0;flex-flow:wrap;order:3;gap:0 1rem;width:100%;padding:0 0 1rem;position:static}.top nav a{align-items:center;min-height:44px;font-size:1rem;display:flex}}@media (width<=530px){.grid,.swatches,.type-grid{grid-template-columns:1fr}.hero{padding-block:5rem}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}.top .wrap{min-height:var(--ds-header-h)}.brand-examples{background:var(--color-border);border-radius:10px;grid-template-columns:repeat(auto-fit,minmax(min(320px,100%),1fr));gap:1px;margin-top:1rem;display:grid;overflow:hidden}.brand-example{background:var(--brand-night);align-items:center;min-height:96px;padding:1rem 1.5rem;display:flex}.menu-toggle{display:none}.menu-toggle[hidden]{display:none!important}@media (width<=720px){.menu-toggle:not([hidden]){display:inline-flex}.top .wrap{gap:.5rem}.top .ds-site-brand{min-width:0;margin-right:0}.top .theme-toggle{margin-inline:auto}}@media (width<=420px){:root{--ds-brand-gap:6px;--ds-brand-symbol:32px;--ds-brand-size:18px}}