:root{--ink-950:#0a1214;--ink-900:#132024;--ink-700:#2a3a3e;--cal-50:#f3efe6;--cal-100:#e8e2d4;--naranja-500:#ff5a1f;--naranja-700:#b83a0b;--arroz-400:#c8f25a;--arroz-800:#4d6b0f;--mar-500:#14b8a6;--mar-700:#0f766e;--sol-400:#ffc23d;--dusk-500:#e8794a;--dusk-700:#a34a1c;--sol-800:#8a5a00;--dusk-950:#3a1d12;--muted-dark:#93a3a6;--muted-light:#5b6669;--fs-mega:clamp(3.5rem, 13vw, 14rem);--fs-display:clamp(2.5rem, 7vw, 7rem);--fs-h2:clamp(2rem, 4.5vw, 4.5rem);--fs-h3:clamp(1.375rem, 2.2vw, 2rem);--fs-lead:clamp(1.25rem, 1.8vw, 1.75rem);--fs-body:clamp(1rem, 1.05vw, 1.125rem);--fs-small:.875rem;--fs-eyebrow:.8125rem;--lh-display:.92;--lh-h2:1;--lh-lead:1.3;--lh-body:1.6;--tracking-display:-.03em;--tracking-eyebrow:.12em;--sp-1:.25rem;--sp-2:.5rem;--sp-3:.75rem;--sp-4:1rem;--sp-5:1.5rem;--sp-6:2rem;--sp-7:3rem;--sp-8:4rem;--sp-9:6rem;--sp-10:8rem;--sp-11:12rem;--section-y:clamp(6rem, 14vh, 12rem);--gutter:clamp(1rem, 2vw, 2rem);--margin:clamp(1rem, 5vw, 6rem);--w-text:68ch;--w-content:1200px;--w-wide:1600px;--r-sm:4px;--r-pill:999px;--border:1px solid color-mix(in oklab, currentcolor 14%, transparent);--header-h:4.5rem;--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-in-out:cubic-bezier(.65, 0, .35, 1);--dur-xs:.2s;--dur-sm:.35s;--dur-md:.6s}:root,[data-theme=dark]{--bg:var(--ink-950);--surface:var(--ink-900);--fg:var(--cal-50);--fg-muted:var(--muted-dark);--accent:var(--naranja-500);--accent-fg:var(--ink-950);--highlight:var(--arroz-400);--info:var(--mar-500);--focus:var(--arroz-400);--line:var(--naranja-500);color-scheme:dark}[data-theme=light]{--bg:var(--cal-50);--surface:var(--cal-100);--fg:var(--ink-950);--fg-muted:var(--muted-light);--accent:var(--naranja-700);--accent-fg:#fff;--highlight:var(--arroz-800);--info:var(--mar-700);--focus:var(--naranja-700);--line:var(--naranja-700);color-scheme:light}[data-theme=dusk]{--bg:linear-gradient(180deg, var(--ink-950) 0%, var(--dusk-950) 100%);--surface:color-mix(in oklab, var(--dusk-950) 70%, var(--ink-950));--fg:var(--cal-50);--fg-muted:var(--muted-dark);--accent:var(--dusk-500);--accent-fg:var(--ink-950);--highlight:var(--sol-400);--info:var(--sol-400);--focus:var(--sol-400);--line:var(--sol-400);color-scheme:dark}[data-theme]{background:var(--bg);color:var(--fg)}*,:before,:after{box-sizing:border-box}*{margin:0}[hidden]{display:none!important}html{text-size-adjust:none;scroll-padding-top:calc(var(--header-h) + var(--sp-4));hanging-punctuation:first last}@media (prefers-reduced-motion:no-preference){html:not([data-reduced-motion]){scroll-behavior:smooth}}body{min-height:100svh;font-family:var(--font-body), system-ui, sans-serif;font-size:var(--fs-body);line-height:var(--lh-body);background:var(--ink-950);color:var(--cal-50);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility}img,picture,video,svg{max-width:100%;height:auto;display:block}input,button,textarea,select{font:inherit;color:inherit}h1,h2,h3,h4{font-family:var(--font-display), system-ui, sans-serif;letter-spacing:var(--tracking-display);text-wrap:balance;font-weight:600}p,li{text-wrap:pretty}a{color:inherit;text-underline-offset:.2em;text-decoration-thickness:1px}mark{color:var(--highlight);font-family:var(--font-serif), Georgia, serif;letter-spacing:0;background:0 0;font-style:italic;font-weight:400}:focus-visible{outline:3px solid var(--focus);outline-offset:3px}::selection{background:var(--accent);color:var(--accent-fg)}.visually-hidden{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;position:absolute!important}.skip-link{inset-inline-start:var(--sp-4);top:var(--sp-4);z-index:1000;padding:var(--sp-3) var(--sp-4);background:var(--naranja-500);color:var(--ink-950);border-radius:var(--r-sm);font-weight:600;position:absolute;transform:translateY(-200%)}.skip-link:focus-visible{transform:none}.container{width:min(100% - 2 * var(--margin), var(--w-content));margin-inline:auto}.container-wide{width:min(100% - 2 * var(--margin), var(--w-wide));margin-inline:auto}.eyebrow{font-family:var(--font-mono), ui-monospace, monospace;font-size:var(--fs-eyebrow);letter-spacing:var(--tracking-eyebrow);text-transform:uppercase;color:var(--fg-muted)}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}html[data-reduced-motion] *,html[data-reduced-motion] :before,html[data-reduced-motion] :after{transition-duration:.01ms!important;animation-duration:.01ms!important}.btn{--btn-pad:var(--sp-5);align-items:center;gap:var(--sp-3);min-height:48px;padding:0 var(--btn-pad);border-radius:var(--r-sm);color:inherit;white-space:nowrap;cursor:pointer;transition:transform var(--dur-xs) var(--ease-out), background-color var(--dur-xs), color var(--dur-xs), border-color var(--dur-xs);background:0 0;border:1px solid #0000;font-size:.95rem;font-weight:600;line-height:1.1;text-decoration:none;display:inline-flex}.btn-lg{--btn-pad:var(--sp-6);min-height:56px;font-size:1.05rem}.btn-arrow{width:1em;height:1em;transition:transform var(--dur-sm) var(--ease-out)}.btn:hover .btn-arrow{transform:translate(3px)}.btn-primary{background:var(--accent);color:var(--accent-fg)}.btn-primary:hover{background:color-mix(in oklab, var(--accent) 88%, var(--fg))}.btn-secondary{border-color:color-mix(in oklab, var(--fg) 45%, transparent);color:var(--fg)}.btn-secondary:hover{border-color:var(--fg);background:color-mix(in oklab, var(--fg) 6%, transparent)}.btn-ghost{color:var(--fg)}.btn-link{--btn-pad:0;min-height:44px;color:var(--accent);text-underline-offset:.3em;text-decoration:underline}.btn-row{gap:var(--sp-3);flex-wrap:wrap;display:flex}.section{padding-block:var(--section-y);position:relative;overflow-x:clip}.section-head{gap:var(--sp-4);margin-bottom:var(--sp-8);max-width:62rem;display:grid}.section-title{font-size:var(--fs-h2);line-height:var(--lh-h2)}.section-title.display{font-size:var(--fs-display);line-height:var(--lh-display)}.lead{font-size:var(--fs-lead);line-height:var(--lh-lead);color:var(--fg-muted);max-width:46ch}.prose p+p,.prose p+ul,.prose ul+p{margin-top:var(--sp-4)}.prose ul{padding-left:1.1em}.horizon-line{background:var(--line);transform-origin:0;height:1px;display:block}.grid-12{gap:var(--gutter);grid-template-columns:repeat(12,minmax(0,1fr));display:grid}.chip{border:var(--border);border-radius:var(--r-pill);font-family:var(--font-mono), monospace;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;align-items:center;gap:.4em;padding:.3em .75em;font-size:.75rem;display:inline-flex}.chip-live{border-color:var(--accent);color:var(--accent)}.chip-live:before{content:"";background:currentColor;border-radius:50%;width:.5em;height:.5em;animation:1.6s ease-in-out infinite pulse}@keyframes pulse{50%{opacity:.25}}.draft-badge{font-family:var(--font-mono), monospace;letter-spacing:.08em;text-transform:uppercase;color:var(--fg-muted);font-size:.6875rem}.card{align-content:start;gap:var(--sp-3);padding:var(--sp-5);border:var(--border);background:var(--surface);display:grid;position:relative}.media{background:var(--surface);position:relative;overflow:hidden}.media picture{display:block}.media img,.media picture,.media .portrait{object-fit:cover;width:100%;height:100%}.img-missing{background:repeating-linear-gradient(0deg, transparent 0 12px, color-mix(in oklab, var(--fg) 6%, transparent) 12px 13px), var(--surface)}.icon{flex:none;width:1.5rem;height:1.5rem}.illuminate .w{transition:opacity var(--dur-xs)}html.motion-ok [data-reveal]:not([data-revealed]){opacity:0;transform:translateY(32px)}html.motion-ok [data-reveal=fade]:not([data-revealed]){transform:none}html.motion-ok [data-blur-in]{opacity:0;filter:blur(12px)}html.motion-ok .illuminate .w{opacity:.16}html.motion-ok [data-scene=hero] [data-hero-media] img{transform:scale(1.18)}html.motion-ok [data-scene=hero] [data-hero-line]{opacity:.25;transform:translateY(40%)}html.motion-ok [data-scene=hero] [data-hero-region]{opacity:0;transform:translateY(20px)}html.motion-ok [data-scene=hero] :is([data-hero-eyebrow],[data-hero-foot]){opacity:0;transform:translateY(24px)}html.motion-ok [data-scene=hero] .hero-route li{opacity:0;transform:translateY(16px)}html.motion-ok :is([data-scene=hero] [data-hero-horizon],[data-draw-x],[data-split-line]){transform:scaleX(0)}html.motion-ok [data-split-line]{transform-origin:50%}html.motion-ok [data-mask]{clip-path:inset(100% 0% 0%)}html.motion-ok [data-day-step]{opacity:0;transform:translateY(60px)}html.motion-ok [data-draw-line]{opacity:0}html.motion-ok .illuminate mark .w{opacity:.12}
