:root {
  --font-head: "Martian Grotesk", "Helvetica Neue", Arial, sans-serif;
  --font-head-s: "Martian Grotesk", "Helvetica Neue", Arial, sans-serif;
  --font-body: "Martian Grotesk", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Arial, sans-serif;
  --font-mono: "Martian Mono", ui-monospace, "SF Mono", Consolas, monospace;
  --font-display: "Martian Grotesk", "Helvetica Neue", Arial, sans-serif;
  
  --f-display: "Martian Grotesk", "Arial Black", Impact, sans-serif;
  --font-wordmark: "Martian Grotesk", "Helvetica Neue", Arial, sans-serif;
  
  --f-elegance: "New Elegance Condensed", Didot, "Bodoni 72", Georgia, serif;
  
  --f-perfect: "TGS Perfect Condensed", "Arial Narrow", Impact, sans-serif;
  --track-head: -0.03em;
  --track-hero: -0.04em;
  --track-eyebrow: 0.12em;
  --track-wordmark: -0.02em;
  --head-w: 800;
  --weight-body: 450;
  --weight-strong: 600;
  --weight-bold: 700;
  --leading-body: 1.55;
  --leading-tight: 1.06;
  --leading-hero: 1.06;
  --leading-snug: 1.4;
  --line-unit: 1.625rem;
  font-optical-sizing: auto;
  font-synthesis: none;
}
:root {
  --lime: #ddff5a;
  --cream: #fff7cf;
  --bg: #0a0c11;
  --cyan: #7b78ff;
  --violet: #9c9aff;
  --text-read: #c9ccd8;
  --error: #f87171;
  --hair-3: rgba(255, 255, 255, 0.24);
  --grad: #7b78ff;
  --grad-text: none;
  --ht-bg: #7b78ff;
  --ht-bar: #4a47b8;
  --r-xs: 4px;
  --r-sm: 6px;
  --r-md: 8px;
  --r-lg: 12px;
  --r-pill: 999px;
  --sidebar-w: 260px;
  color-scheme: dark;
}
[data-theme="light"] {
  --bg: #ffffff;
  --cyan: #5b58d6;
  --violet: #7b78ff;
  
  --text-read: #33333c;
  --error: #b91c1c;
  --hair-3: rgba(23, 23, 28, 0.24);
  --grad: #7b78ff;
  --grad-text: none;
  --ht-bg: #7b78ff;
  --ht-bar: #5b58d6;
  color-scheme: light;
}
:root {
  --surface: #ffffff;
  --wash: #f7f7f5;
  --wash-2: #f2f1ee;
  --ink: #17171c;
  --ink-2: #5b5b66;
  --ink-3: #6b6b78;
  --line: rgba(23, 23, 28, 0.09);
  --line-2: rgba(23, 23, 28, 0.14);
  --accent: #5b58d6;
  --accent-hot: #4a47b8;
  --accent-fill: #7b78ff;
  --accent-soft: rgba(123, 120, 255, 0.1);
  --accent-line: rgba(123, 120, 255, 0.34);
  --ok: #08734f;
  --warn: #9c4707;
  --ok-soft: rgba(14, 159, 110, 0.08);
  --ok-line: rgba(14, 159, 110, 0.3);
  --warn-soft: rgba(180, 83, 9, 0.07);
  --warn-line: rgba(180, 83, 9, 0.26);
  --sh-1: rgba(23, 23, 28, 0.05);
  --sh-2: rgba(23, 23, 28, 0.3);
  
  --glass: rgba(255, 255, 255, 0.8);
  --dot: rgba(23, 23, 28, 0.13);
  --draft-bg: rgba(123, 120, 255, 0.05);
  --hatch: repeating-linear-gradient(135deg, rgba(23, 23, 28, 0.05) 0 5px, transparent 5px 10px), #f2f1ee;
  
  --ring-1: #7b6ff0;
  --ring-2: #5b8def;
  --ring-3: #2e9e78;
  --ring-track: rgba(23, 23, 28, 0.07);
  --container: 1360px;
  
  --lib-col: 768px;
  
  --mark: linear-gradient(90deg, #fff7cf, rgba(221, 255, 90, 0.85));
}
[data-theme="dark"] {
  --mark: linear-gradient(90deg, rgba(255, 247, 207, 0.16), rgba(221, 255, 90, 0.26));
  --surface: #12151d;
  --wash: #0e1117;
  --wash-2: #1a1f2b;
  --ink: #e9eaf0;
  --ink-2: #a6abbd;
  --ink-3: #737a92;
  --line: rgba(255, 255, 255, 0.08);
  --line-2: rgba(255, 255, 255, 0.14);
  --accent: #9c9aff;
  --accent-hot: #b8b6ff;
  --accent-fill: #7b78ff;
  --accent-soft: rgba(156, 154, 255, 0.13);
  --accent-line: rgba(156, 154, 255, 0.3);
  --ok: #34d399;
  --warn: #fbbf24;
  --ok-soft: rgba(52, 211, 153, 0.1);
  --ok-line: rgba(52, 211, 153, 0.28);
  --warn-soft: rgba(251, 191, 36, 0.1);
  --warn-line: rgba(251, 191, 36, 0.26);
  --sh-1: rgba(0, 0, 0, 0.4);
  --sh-2: rgba(0, 0, 0, 0.7);
  --glass: rgba(18, 21, 29, 0.74);
  --dot: rgba(255, 255, 255, 0.14);
  --draft-bg: rgba(156, 154, 255, 0.05);
  --hatch: repeating-linear-gradient(135deg, rgba(255, 255, 255, 0.05) 0 5px, transparent 5px 10px), #1a1f2b;
  --ring-1: #9c9aff;
  --ring-2: #7aa7ff;
  --ring-3: #34d399;
  --ring-track: rgba(255, 255, 255, 0.08);
}
:root {
  --ground: #7b78ff;
  --bars: #5b58d6;
  --hink: #141414;
  --ink-video: #ffffff;
  --inkmix: 0%;
  --inkmix-n: 0;
  --ink-live: color-mix(in srgb, var(--ink-video) var(--inkmix), var(--hink));
  --hline: color-mix(in srgb, var(--ink-live) 32%, transparent);
  --dial-travel: 90vh;
  --shade: 0;
  --cue: 1;
}
.pz {
  --pz-ink: #141414;
  --pz-paper: #fff7cf;
  --pz-a: #7b78ff;
  --pz-b: #ddff5a;
}
.pz[data-theme="rosa-tinta"] {
  --pz-ink: #332c31;
  --pz-paper: #f2ecde;
  --pz-a: #ffbad1;
  --pz-b: #ffe863;
}
.pz[data-theme="rosa-lima"] {
  --pz-ink: #141414;
  --pz-paper: #fff7cf;
  --pz-a: #ffbad1;
  --pz-b: #ddff5a;
}
.pz[data-theme="hueso-violeta"] {
  --pz-ink: #332c31;
  --pz-paper: #f2ecde;
  --pz-a: #9c9aff;
  --pz-b: #ffbad1;
}
:root:has(#pin[data-theme="hueso-rosa"]) {
  --ground: var(--color-halftone-hueso);
  --bars: var(--color-halftone-rosa);
  --hink: var(--color-accent);
}
:root:has(#pin[data-theme="tinta-lima"]) {
  --ground: var(--color-halftone-tinta);
  --bars: var(--color-halftone-tinta-lima);
  --hink: var(--color-lime);
}
:root:has(#pin[data-theme="amarillo"]) {
  --ground: var(--color-halftone-amarillo);
  --bars: var(--color-halftone-ocre);
  --hink: var(--color-ink);
}
:root:has(#pin[data-theme="niebla"]) {
  --ground: var(--color-halftone-niebla);
  --bars: var(--color-halftone-humo);
  --hink: var(--color-ink);
}
:root {
  --ease-out: cubic-bezier(0.2, 0.65, 0.2, 1);
  --ease-spring: cubic-bezier(0.22, 1.28, 0.36, 1);
  --ease-standard: ease;
  
  --motion-fast: 150ms;
  --motion-base: 250ms;
  --motion-slow: 400ms;
}
@media (prefers-reduced-motion: reduce) {
  :root {
    --motion-fast: 0s;
    --motion-base: 0s;
    --motion-slow: 0s;
  }
}
:root {
  
  --c-000000: #000;
  --c-05070b: #05070b;
  --c-0a0c11: #0a0c11;
  --c-0a0e1f: #0a0e1f;
  --c-0a1024: #0a1024;
  --c-0a1124: #0a1124;
  --c-0b0a1c: #0b0a1c;
  --c-0c1124: #0c1124;
  --c-0c142c: #0c142c;
  --c-0d1730: #0d1730;
  --c-0f1933: #0f1933;
  --c-0f1c00: rgba(255, 255, 255, 0.08);
  --c-141414: #141414;
  --c-14141f: #14141f;
  --c-1a1a1a: #1a1a1a;
  --c-1a1a26: #1a1a26;
  --c-1a2440: #1a2440;
  --c-2a3656: #2a3656;
  --c-3a3a45: #3a3a45;
  --c-561357: rgba(0, 0, 0, 0.3);
  --c-5c6078: #5c6078;
  --c-91568c: rgba(0, 0, 0, 0.5);
  --c-9775ff: #9775ff;
  --c-9a5832: rgba(172, 138, 255, 0.08);
  --c-9c9aff: #9c9aff;
  --c-a1f0c8: #a1f0c8;
  --c-a385ff: #a385ff;
  --c-ac8aff: #ac8aff;
  --c-b7a398: rgba(172, 138, 255, 0.2);
  --c-b89aff: #b89aff;
  --c-b8b6ff: #b8b6ff;
  --c-c2a7ff: #c2a7ff;
  --c-c5d3ff: #c5d3ff;
  --c-c9c9d6: #c9c9d6;
  --c-dee5ff: #dee5ff;
  --c-eceaff: #eceaff;
  --c-ff3b48: #ff3b48;
  --c-ff9153: #ff9153;
  --c-rgba-0-0-0-0-3: rgba(0, 0, 0, 0.3);
  --c-rgba-0-0-0-0-5: rgba(0, 0, 0, 0.5);
  --c-rgba-0-0-0-0-6: rgba(0, 0, 0, 0.6);
  --c-rgba-0-0-0-0-7: rgba(0, 0, 0, 0.7);
  --c-rgba-10-12-17-0-82: rgba(10, 12, 17, 0.82);
  --c-rgba-105-156-255-0-03: rgba(105, 156, 255, 0.03);
  --c-rgba-105-156-255-0-04: rgba(105, 156, 255, 0.04);
  --c-rgba-123-120-255-0-08: rgba(123, 120, 255, 0.08);
  --c-rgba-123-120-255-0-3: rgba(123, 120, 255, 0.3);
  --c-rgba-139-92-246-0-1: rgba(139, 92, 246, 0.1);
  --c-rgba-139-92-246-0-3: rgba(139, 92, 246, 0.3);
  --c-rgba-139-92-246-0-35: rgba(139, 92, 246, 0.35);
  --c-rgba-139-92-246-0-45: rgba(139, 92, 246, 0.45);
  --c-rgba-163-170-196-0-08: rgba(163, 170, 196, 0.08);
  --c-rgba-163-170-196-0-2: rgba(163, 170, 196, 0.2);
  --c-rgba-163-170-196-0-4: rgba(163, 170, 196, 0.4);
  --c-rgba-172-138-255-0-04: rgba(172, 138, 255, 0.04);
  --c-rgba-172-138-255-0-05: rgba(172, 138, 255, 0.05);
  --c-rgba-172-138-255-0-06: rgba(172, 138, 255, 0.06);
  --c-rgba-172-138-255-0-08: rgba(172, 138, 255, 0.08);
  --c-rgba-172-138-255-0-12: rgba(172, 138, 255, 0.12);
  --c-rgba-172-138-255-0-18: rgba(172, 138, 255, 0.18);
  --c-rgba-172-138-255-0-2: rgba(172, 138, 255, 0.2);
  --c-rgba-172-138-255-0-25: rgba(172, 138, 255, 0.25);
  --c-rgba-172-138-255-0-3: rgba(172, 138, 255, 0.3);
  --c-rgba-172-138-255-0-35: rgba(172, 138, 255, 0.35);
  --c-rgba-172-138-255-0-4: rgba(172, 138, 255, 0.4);
  --c-rgba-172-138-255-0-45: rgba(172, 138, 255, 0.45);
  --c-rgba-172-138-255-0-5: rgba(172, 138, 255, 0.5);
  --c-rgba-180-83-9-0-06: rgba(180, 83, 9, 0.06);
  --c-rgba-180-83-9-0-28: rgba(180, 83, 9, 0.28);
  --c-rgba-20-19-31-0-18: rgba(20, 19, 31, 0.18);
  --c-rgba-20-20-20-0-35: rgba(20, 20, 20, 0.35);
  --c-rgba-20-20-20-0-4: rgba(20, 20, 20, 0.4);
  --c-rgba-20-20-20-0-5: rgba(20, 20, 20, 0.5);
  --c-rgba-23-23-28-0-07: rgba(23, 23, 28, 0.07);
  --c-rgba-23-23-28-0-08: rgba(23, 23, 28, 0.08);
  --c-rgba-23-23-28-0-1: rgba(23, 23, 28, 0.1);
  --c-rgba-23-23-28-0-18: rgba(23, 23, 28, 0.18);
  --c-rgba-23-23-28-0-4: rgba(23, 23, 28, 0.4);
  --c-rgba-232-200-150-0-1: rgba(232, 200, 150, 0.1);
  --c-rgba-240-237-229-0-02: rgba(240, 237, 229, 0.02);
  --c-rgba-247-245-240-0-95: rgba(247, 245, 240, 0.95);
  --c-rgba-255-115-81-0-1: rgba(255, 115, 81, 0.1);
  --c-rgba-255-115-81-0-3: rgba(255, 115, 81, 0.3);
  --c-rgba-255-145-83-0-7: rgba(255, 145, 83, 0.7);
  --c-rgba-255-145-83-0-95: rgba(255, 145, 83, 0.95);
  --c-rgba-255-255-255-0-02: rgba(255, 255, 255, 0.02);
  --c-rgba-255-255-255-0-025: rgba(255, 255, 255, 0.025);
  --c-rgba-255-255-255-0-04: rgba(255, 255, 255, 0.04);
  --c-rgba-255-255-255-0-05: rgba(255, 255, 255, 0.05);
  --c-rgba-255-255-255-0-08: rgba(255, 255, 255, 0.08);
  --c-rgba-255-255-255-0-1: rgba(255, 255, 255, 0.1);
  --c-rgba-255-255-255-0-12: rgba(255, 255, 255, 0.12);
  --c-rgba-255-255-255-0-15: rgba(255, 255, 255, 0.15);
  --c-rgba-255-255-255-0-18: rgba(255, 255, 255, 0.18);
  --c-rgba-255-255-255-0-2: rgba(255, 255, 255, 0.2);
  --c-rgba-255-255-255-0-4: rgba(255, 255, 255, 0.4);
  --c-rgba-255-255-255-0-55: rgba(255, 255, 255, 0.55);
  --c-rgba-255-255-255-0-86: rgba(255, 255, 255, 0.86);
  --c-rgba-255-255-255-0-95: rgba(255, 255, 255, 0.95);
  --c-rgba-255-59-72-0-22: rgba(255, 59, 72, 0.22);
  --c-rgba-52-211-153-0-12: rgba(52, 211, 153, 0.12);
  --c-rgba-6-14-32-0-75: rgba(6, 14, 32, 0.75);
  --c-rgba-6-182-212-0-06: rgba(6, 182, 212, 0.06);
  --c-rgba-6-182-212-0-25: rgba(6, 182, 212, 0.25);
  --c-rgba-6-182-212-0-3: rgba(6, 182, 212, 0.3);
  --c-rgba-6-182-212-0-35: rgba(6, 182, 212, 0.35);
  --c-rgba-6-182-212-0-4: rgba(6, 182, 212, 0.4);
  --c-rgba-7-15-35-0-92: rgba(7, 15, 35, 0.92);
  
  --fs-0: 0;
  --fs-0-34em: 0.34em;
  --fs-0-52rem: 0.52rem;
  --fs-0-54rem: 0.54rem;
  --fs-0-56rem: 0.56rem;
  --fs-0-58rem: 0.58rem;
  --fs-0-62rem: 0.62rem;
  --fs-0-64rem: 0.64rem;
  --fs-0-65rem: 0.65rem;
  --fs-0-66rem: 0.66rem;
  --fs-0-68rem: 0.68rem;
  --fs-0-6rem: 0.6rem;
  --fs-0-71rem: 0.71rem;
  --fs-0-72rem: 0.72rem;
  --fs-0-73rem: 0.73rem;
  --fs-0-74rem: 0.74rem;
  --fs-0-75rem: 0.75rem;
  --fs-0-76rem: 0.76rem;
  --fs-0-78rem: 0.78rem;
  --fs-0-7rem: 0.7rem;
  --fs-0-82rem: 0.82rem;
  --fs-0-84rem: 0.84rem;
  --fs-0-85em: 0.85em;
  --fs-0-85rem: 0.85rem;
  --fs-0-86rem: 0.86rem;
  --fs-0-88rem: 0.88rem;
  --fs-0-8em: 0.8em;
  --fs-0-8rem: 0.8rem;
  --fs-0-92rem: 0.92rem;
  --fs-0-94rem: 0.94rem;
  --fs-0-95rem: 0.95rem;
  --fs-0-98rem: 0.98rem;
  --fs-0-9rem: 0.9rem;
  --fs-1-05rem: 1.05rem;
  --fs-1-06rem: 1.06rem;
  --fs-1-12rem: 1.12rem;
  --fs-1-15rem: 1.15rem;
  --fs-1-18rem: 1.18rem;
  --fs-1-1rem: 1.1rem;
  --fs-1-25rem: 1.25rem;
  --fs-1-2rem: 1.2rem;
  --fs-1-35rem: 1.35rem;
  --fs-1-3rem: 1.3rem;
  --fs-1-4rem: 1.4rem;
  --fs-1-5rem: 1.5rem;
  --fs-1-6rem: 1.6rem;
  --fs-1-75rem: 1.75rem;
  --fs-1-8rem: 1.8rem;
  --fs-1-9rem: 1.9rem;
  --fs-11-5px: 11.5px;
  --fs-12-5px: 12.5px;
  --fs-15px: 15px;
  --fs-16px: 16px;
  --fs-1rem: 1rem;
  --fs-2-25rem: 2.25rem;
  --fs-2-2rem: 2.2rem;
  --fs-2-5rem: 2.5rem;
  --fs-2-6rem: 2.6rem;
  --fs-2-75rem: 2.75rem;
  --fs-2rem: 2rem;
  --fs-3-4rem: 3.4rem;
  --fs-3-75rem: 3.75rem;
  --fs-3rem: 3rem;
  --fs-4-4rem: 4.4rem;
  --fs-4rem: 4rem;
  --fs-clamp-07c3a5: clamp(2.4rem, 5.2vw, 3.75rem);
  --fs-clamp-16e908: clamp(2rem, 4.4vw, 3.4rem);
  --fs-clamp-22938b: clamp(3.6rem, 8.5vw, 7rem);
  --fs-clamp-36959c: clamp(26px, 4.4vw, 68px);
  --fs-clamp-3cd1aa: clamp(2rem, 3.4vw, 2.9rem);
  --fs-clamp-566e11: clamp(17px, 1.6vw, 22px);
  
  --fs-clamp-elegance: clamp(38px, 5.7vw, 82px);
  
  --fs-clamp-pz-title: clamp(2.6rem, 5.4vw, 5rem);
  --fs-clamp-pz-caps: clamp(3.6rem, 9vw, 8.6rem);
  --fs-pz-copy: 1.25cqw;
  --fs-pz-copy-narrow: 4.8cqw;
  --fs-pz-cta: 1.3cqw;
  --fs-pz-cta-narrow: 4.4cqw;
  --fs-pz-figure: 34cqw;
  --fs-pz-ring: 13.5px;
  --fs-clamp-5903a2: clamp(2.2rem, 3.2vw, 2.9rem);
  --fs-clamp-590e8c: clamp(2.4rem, 3.6vw, 3.4rem);
  --fs-clamp-65aef8: clamp(2.2rem, 4vw, 3.4rem);
  --fs-clamp-a12601: clamp(2rem, 4.2vw, 3.6rem);
  --fs-clamp-b28fb1: clamp(1.6rem, 3vw, 2.4rem);
  --fs-clamp-fb20d5: clamp(2rem, 4vw, 3rem);
  --fs-clamp-fd8d09: clamp(1.7rem, 2.5vw, 2.3rem);
  
  --dur-0-15s: 0.15s;
  --dur-0-18s: 0.18s;
  --dur-0-25s: 0.25s;
  --dur-0-2s: 0.2s;
  --dur-0-35s: 0.35s;
  --dur-0-38s: 0.38s;
  --dur-0-3s: 0.3s;
  --dur-0-4s: 0.4s;
  --dur-0-5s: 0.5s;
  --dur-0-7s: 0.7s;
  --dur-0-85s: 0.85s;
  --dur-0-8s: 0.8s;
  --dur-0-95s: 0.95s;
  --dur-1-1s: 1.1s;
  --dur-1-6s: 1.6s;
  --dur-1-8s: 1.8s;
  --dur-22s: 22s;
  --dur-100ms: 100ms;
  --dur-150ms: 150ms;
  --dur-180ms: 180ms;
  --dur-1s: 1s;
  --dur-200ms: 200ms;
  --dur-250ms: 250ms;
  --dur-280ms: 280ms;
  --dur-30s: 30s;
  --dur-32s: 32s;
  --dur-80s: 80s;
  --dur-350ms: 350ms;
  --dur-380ms: 380ms;
  --dur-400ms: 400ms;
  --dur-9s: 9s;
  
  
  --mix-ink-10: color-mix(in srgb, var(--color-ink) 10%, transparent);
  --mix-ink-20: color-mix(in srgb, var(--color-ink) 20%, transparent);
  --mix-028505: color-mix(in oklab, var(--violet) 40%, transparent);
  --mix-05190c: color-mix(in srgb, var(--color-canvas) 70%, transparent);
  --mix-10776c: color-mix(in oklab, var(--accent) 40%, transparent);
  --mix-119d56: color-mix(in oklab, var(--accent) 45%, transparent);
  --mix-11c1db: color-mix(in oklab, var(--accent) 35%, transparent);
  --mix-13bb04: color-mix(in oklab, var(--accent) 30%, transparent);
  --mix-20707f: color-mix(in oklab, var(--accent) 6%, var(--bg));
  --mix-243357: color-mix(in oklab, var(--cyan) 30%, transparent);
  --mix-29a27f: color-mix(in srgb, var(--color-canvas) 45%, transparent);
  --mix-2a554b: color-mix(in oklab, var(--violet) 28%, transparent);
  --mix-327efd: color-mix(in oklab, var(--ink-2) 18%, transparent);
  --mix-32cdb5: color-mix(in oklab, var(--violet) 18%, transparent);
  --mix-3307bd: color-mix(in oklab, var(--ok) 35%, transparent);
  --mix-3a93cc: color-mix(in oklab, var(--cyan) 28%, transparent);
  --mix-3b646d: color-mix(in oklab, var(--accent) 20%, transparent);
  --mix-3c68bf: color-mix(in oklab, var(--accent) 40%, transparent);
  --mix-3cde0a: color-mix(in oklab, var(--ink) 18%, transparent);
  --mix-487877: color-mix(in oklab, var(--accent) 28%, transparent);
  --mix-51f223: color-mix(in oklab, var(--accent) 8%, transparent);
  --mix-56cdc1: color-mix(in srgb, var(--color-canvas) 55%, transparent);
  --mix-56f4a4: color-mix(in oklab, var(--accent) 9%, var(--surface));
  --mix-56fe95: color-mix(in oklab, var(--violet) 35%, transparent);
  --mix-58916b: color-mix(in oklab, var(--ok) 30%, transparent);
  --mix-5a3074: color-mix(in oklab, var(--accent) 35%, transparent);
  --mix-5dcea7: color-mix(in oklab, var(--cyan) 16%, transparent);
  --mix-60cb0a: color-mix(in oklab, var(--accent) 80%, black);
  --mix-6300d2: color-mix(in oklab, var(--accent) 50%, transparent);
  --mix-653bf3: color-mix(in oklab, var(--ink-2) 8%, transparent);
  --mix-67339c: color-mix(in oklab, var(--accent) 60%, transparent);
  --mix-677fd4: color-mix(in srgb, var(--tile-ink) 35%, transparent);
  --mix-6b90a0: color-mix(in srgb, var(--color-canvas) 85%, transparent);
  --mix-6c012e: color-mix(in oklab, var(--violet) 30%, transparent);
  --mix-6dbd29: color-mix(in oklab, var(--accent) 14%, var(--surface));
  --mix-708d36: color-mix(in srgb, var(--tile-ink) 9%, transparent);
  --mix-785515: color-mix(in srgb, var(--color-canvas) 14%, transparent);
  --mix-7f4cca: color-mix(in oklab, var(--accent) 18%, transparent);
  --mix-825354: color-mix(in srgb, var(--color-canvas) 6%, transparent);
  --mix-845a78: color-mix(in oklab, var(--accent) 14%, transparent);
  --mix-98ed4a: color-mix(in oklab, var(--accent) 25%, transparent);
  --mix-9a5f84: color-mix(in srgb, var(--color-canvas) 62%, transparent);
  --mix-a0c3f6: color-mix(in oklab, var(--ink-2) 6%, transparent);
  --mix-a50ef3: color-mix(in oklab, var(--bg) 70%, transparent);
  --mix-a81358: color-mix(in oklab, var(--cyan) 22%, transparent);
  --mix-a9b413: color-mix(in oklab, var(--cyan) 35%, transparent);
  --mix-ab18e0: color-mix(in oklab, var(--cyan) 14%, transparent);
  --mix-af21a3: color-mix(in oklab, var(--violet) 22%, transparent);
  --mix-b94c31: color-mix(in srgb, var(--color-accent) 45%, transparent);
  --mix-c906d2: color-mix(in oklab, var(--accent) 4%, transparent);
  --mix-cfdff4: color-mix(in srgb, var(--accent) 14%, transparent);
  --mix-d44a46: color-mix(in oklab, var(--accent) 10%, transparent);
  --mix-d69c1e: color-mix(in srgb, var(--color-canvas) 80%, transparent);
  --mix-d7e895: color-mix(in srgb, var(--color-canvas) 12%, transparent);
  --mix-db76a4: color-mix(in srgb, var(--color-canvas) 72%, transparent);
  --mix-ddc182: color-mix(in oklab, var(--ok) 14%, transparent);
  --mix-e288cd: color-mix(in srgb, var(--color-canvas) 4%, transparent);
  --mix-e6f48c: color-mix(in oklab, var(--accent) 38%, transparent);
  --mix-ed94dd: color-mix(in oklab, var(--accent) 50%, black);
  --mix-f3569c: color-mix(in srgb, var(--color-canvas) 18%, transparent);
  --mix-f4de04: color-mix(in srgb, var(--color-accent) 14%, transparent);
  --mix-f5ca02: color-mix(in srgb, var(--color-canvas) 5%, transparent);
  --mix-f9ad33: color-mix(in srgb, var(--ok) 50%, transparent);
  --mix-fec28e: color-mix(in oklab, var(--accent) 12%, transparent);
}
.aeo-title {
  --hp-scale: 1;
  --fs-hp-title: calc(var(--fs-clamp-pz-title) * var(--hp-scale));
  --fs-hp-caps: calc(var(--fs-clamp-pz-caps) * var(--hp-scale));
}
@media (max-width: 860px) {
  .aeo-title {
    --fs-hp-title: calc(var(--fs-clamp-pz-title) * max(var(--hp-scale), 0.8));
    --fs-hp-caps: calc(var(--fs-clamp-pz-caps) * max(var(--hp-scale), 0.8));
  }
}
:root {
  
  --color-ink: #17171c;
  --color-body: #5b5b66;
  --color-muted: #6b6b78;
  
  --color-read: #33333c;
  --color-accent: #5b58d6;
  --color-accent-hot: #4a47b8;
  --color-ok: #08734f;
  --color-warn: #9c4707;
  
  --color-error: #b91c1c;
  --color-on-dark: #e9eaf0;
  --color-on-dark-2: #a6abbd;
  --color-on-dark-accent: #9c9aff;
  
  --color-canvas: #ffffff;
  --color-wash: #f7f7f5;
  --color-wash-2: #f2f1ee;
  --color-cream: #fff7cf;
  --color-lime: #ddff5a;
  --color-ink-surface: #17171c;
  --color-halftone-ground: #7b78ff;
  --color-halftone-hueso: #f2ecde;
  --color-halftone-rosa: #ffbad1;
  --color-halftone-tinta: #141414;
  --color-halftone-tinta-lima: #6e8a22;
  --color-halftone-amarillo: #ffc21a;
  --color-halftone-ocre: #d99e00;
  --color-halftone-niebla: #f7f7f5;
  --color-halftone-humo: #d7d0bb;
  
  --dur-0: 0s;
}
:where(
  .topbar,
  .b-stickybar,
  .nl,
  .voice,
  .surf,
  .art,
  .bc.cream,
  .bc.lime,
  .bc.ink,
  .bc.violet,
  .metric.t-violet,
  .metric.t-cream,
  .metric.t-lime,
  .metric.t-ink,
  .g-panel,
  .h-form,
  .b-author,
  .ava,
  .mm-aud.lime,
  .mm-aud.violet,
  .mm-aud.ink,
  .b-process.vertical .pr-step:not(:nth-child(4n + 4))
) {
  --ink: var(--color-ink);
  --ink-2: var(--color-body);
  --ink-3: var(--color-muted);
  --surface: var(--color-canvas);
  --wash: var(--color-wash);
  --wash-2: var(--color-wash-2);
  --accent: var(--color-accent);
  --accent-hot: var(--color-accent-hot);
  --ok: var(--color-ok);
  --warn: var(--color-warn);
  --text-read: var(--color-read);
  --error: var(--color-error);
  --bg: var(--color-canvas);
}
:root {
  --og-pad: 72px;
  --og-wordmark-height: 30px;
  --size-og-title: 66px;
  --size-og-title-long: 52px;
  --size-og-summary: 27px;
  --size-og-meta: 19px;
  --space-5: 20px;
}
:root {
  --og-width: 1200px;
  --og-height: 630px;
  --og-frame: 24px;
  --og-pad-band: 48px;
  --og-band: 104px;
  --og-band-foot: 96px;
  --og-mark: 34px;
  --space-6: 24px;
  --rule-weight: 1px;
  --rule-strong: rgba(23, 23, 28, 0.14);
  --page-bg: #ffffff;
}
:root {
  --on-dark: #e9eaf0;
  --on-dark-2: #a6abbd;
  --ok-on-dark: #34d399;
}