@charset "UTF-8";:root{--ink-900: #0E0E0C;--ink-800: #1A1A17;--ink-700: #2E2D28;--ink-500: #57554C;--ink-400: #7C7970;--ink-300: #A8A49A;--ink-200: #DDD9CE;--ink-100: #EAE6DC;--paper-000: #FFFFFF;--paper-050: #FAF8F3;--paper-100: #F4EFE6;--paper-200: #EAE5DA;--manila-100: #EBDFC0;--manila-200: #DFCEA4;--manila-300: #CDB988;--manila-400: #B39C67;--rojo-600: #C51F26;--rojo-700: #9C161C;--rojo-100: #F6DCDA;--magenta-600: #A6195C;--magenta-100: #F3D9E5;--ambar-500: #F2C230;--ambar-100: #FBEFC8;--azul-800: #123B63;--azul-100: #D6E0EA;--verde-700: #3B5A3F;--surface-page: var(--paper-050);--surface-card: var(--paper-000);--surface-raised: var(--paper-000);--surface-inverse: var(--ink-900);--surface-folder: var(--manila-200);--surface-folder-active: var(--manila-100);--surface-shelf: var(--ink-800);--surface-muted: var(--paper-100);--text-body: var(--ink-800);--text-strong: var(--ink-900);--text-muted: var(--ink-500);--text-faint: var(--ink-400);--text-inverse: var(--paper-050);--text-accent: var(--rojo-600);--text-link: var(--ink-900);--text-link-hover: var(--rojo-600);--line-hairline: var(--ink-100);--line-rule: var(--ink-200);--line-strong: var(--ink-900);--line-accent: var(--rojo-600);--accent-primary: var(--rojo-600);--accent-primary-press: var(--rojo-700);--accent-secondary: var(--magenta-600);--accent-highlight: var(--ambar-500);--accent-cool: var(--azul-800);--focus-ring: var(--rojo-600);--font-grotesk: "Archivo", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-serif: "Spectral", Georgia, "Times New Roman", serif;--font-mono: "IBM Plex Mono", ui-monospace, Menlo, Consolas, monospace;--font-display: var(--font-grotesk);--font-heading: var(--font-grotesk);--font-body: var(--font-serif);--font-label: var(--font-mono);--text-2xs: 11px;--text-xs: 12px;--text-sm: 14px;--text-base: 17px;--text-md: 19px;--text-lg: 23px;--text-xl: 29px;--text-2xl: 38px;--text-3xl: 52px;--text-4xl: 72px;--text-5xl: 104px;--leading-tight: .98;--leading-snug: 1.14;--leading-normal: 1.42;--leading-relaxed: 1.62;--weight-light: 300;--weight-regular: 400;--weight-medium: 500;--weight-semibold: 600;--weight-bold: 700;--weight-black: 900;--tracking-tight: -.02em;--tracking-normal: 0;--tracking-label: .14em;--tracking-label-wide: .22em;--type-logotype: var(--weight-black) var(--text-lg) / .94 var(--font-grotesk);--type-display: var(--weight-black) var(--text-4xl) / var(--leading-tight) var(--font-grotesk);--type-h1: var(--weight-bold) var(--text-2xl) / var(--leading-snug) var(--font-grotesk);--type-h2: var(--weight-bold) var(--text-xl) / var(--leading-snug) var(--font-grotesk);--type-h3: var(--weight-semibold) var(--text-md) / var(--leading-snug) var(--font-grotesk);--type-body: var(--weight-regular) var(--text-base) / var(--leading-relaxed) var(--font-serif);--type-body-sm: var(--weight-regular) var(--text-sm) / var(--leading-normal) var(--font-serif);--type-lead: var(--weight-regular) var(--text-md) / var(--leading-relaxed) var(--font-serif);--type-label: var(--weight-medium) var(--text-2xs) / 1.2 var(--font-mono);--type-meta: var(--weight-regular) var(--text-xs) / var(--leading-normal) var(--font-mono);--space-0: 0;--space-1: 2px;--space-2: 4px;--space-3: 8px;--space-4: 12px;--space-5: 16px;--space-6: 24px;--space-7: 32px;--space-8: 48px;--space-9: 64px;--space-10: 96px;--space-11: 128px;--gutter: var(--space-6);--section-gap: var(--space-10);--page-pad-x: var(--space-8);--page-pad-x-sm: var(--space-5);--measure-narrow: 52ch;--measure-text: 66ch;--content-max: 1180px;--content-wide: 1420px;--tab-h: 38px;--shelf-h: 300px;--spine-w-sm: 38px;--spine-w-md: 54px;--spine-w-lg: 70px;--border-hair: 1px solid var(--line-hairline);--border-rule: 1px solid var(--line-rule);--border-ink: 1px solid var(--line-strong);--border-ink-2: 2px solid var(--line-strong);--border-accent: 2px solid var(--line-accent);--radius-0: 0;--radius-1: 2px;--radius-2: 3px;--radius-tab: 6px 6px 0 0;--radius-pill: 999px;--shadow-none: none;--shadow-paper: 2px 2px 0 var(--ink-200);--shadow-paper-ink: 3px 3px 0 var(--ink-900);--shadow-lift: 0 6px 18px rgba(14, 14, 12, .16);--shadow-shelf: inset 0 -14px 22px rgba(0, 0, 0, .45);--shadow-spine: inset -6px 0 10px rgba(0, 0, 0, .28), inset 4px 0 6px rgba(255, 255, 255, .14);--shadow-book-open: 0 22px 48px rgba(14, 14, 12, .34);--overlay-scrim: rgba(14, 14, 12, .62);--overlay-paper: rgba(244, 240, 228, .86);--dur-fast: .12s;--dur-base: .2s;--dur-slow: .38s;--dur-book: .52s;--ease-standard: cubic-bezier(.2, 0, .2, 1);--ease-out: cubic-bezier(.16, .84, .28, 1);--ease-paper: cubic-bezier(.34, .02, .16, 1);--transition-ui: var(--dur-base) var(--ease-standard)}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;min-height:100vh;background-color:var(--surface-page);color:var(--text-body);font-family:var(--font-serif);font-size:var(--text-base);line-height:var(--leading-relaxed);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-wrap:pretty}h1,h2,h3,h4,h5,h6{margin:0;color:var(--text-strong);font-family:var(--font-grotesk);text-wrap:balance}h1{font-size:var(--text-2xl);font-weight:var(--weight-bold);line-height:var(--leading-snug)}h2{font-size:var(--text-xl);font-weight:var(--weight-bold);line-height:var(--leading-snug)}h3{font-size:var(--text-md);font-weight:var(--weight-semibold);line-height:var(--leading-snug)}p{margin:0 0 var(--space-5)}a{color:var(--text-link);text-decoration:none;border-bottom:1px solid var(--line-rule);transition:color var(--transition-ui),border-color var(--transition-ui)}a:hover{color:var(--text-link-hover);border-bottom-color:var(--line-accent)}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}img{display:block;max-width:100%;height:auto}button{font-family:var(--font-grotesk);cursor:pointer}::selection{background:var(--ambar-500);color:var(--ink-900)}.dn-label{font-family:var(--font-mono);font-size:var(--text-2xs);font-weight:var(--weight-medium);line-height:1.2;letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--text-muted)}.dn-mono{font-family:var(--font-mono)}.dn-serif{font-family:var(--font-serif)}.dn-grotesk{font-family:var(--font-grotesk)}.material-symbols-outlined{font-variation-settings:"FILL" 0,"wght" 400,"GRAD" 0,"opsz" 24;vertical-align:middle;line-height:1}@keyframes dn-open{0%{opacity:0;transform:translateY(12px) scaleY(.98);transform-origin:top}to{opacity:1;transform:none}}@keyframes dn-fade{0%{opacity:0}to{opacity:1}}@keyframes dn-caret{0%,49%{opacity:1}50%,to{opacity:0}}