:root{--niebla:#eef3f6;--tinta:#142540;--ultramar:#2539c8;--sodio:#f2a43a;--noche:#0e1a33;--papel:#eef2f7;--fg:var(--tinta);--fg-soft:#142540c2;--accent:var(--ultramar);--line:#14254033;--gutter:clamp(1.25rem, 4.4vw, 4.5rem);--display:"Overpass", "Helvetica Neue", Arial, sans-serif;--serif:"Newsreader", Georgia, serif;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}html[data-tone=night]{--fg:var(--papel);--fg-soft:#eef2f7cc;--accent:var(--sodio);--line:#eef2f73d;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{background:var(--niebla);min-height:100vh;color:var(--fg);font:400 1rem/1.5 var(--display);-webkit-font-smoothing:antialiased;margin:0;transition:color .6s;overflow-x:hidden}img{max-width:100%;height:auto;display:block}a{color:inherit}:focus-visible{outline:3px solid var(--accent);outline-offset:3px;border-radius:3px}.skip{z-index:50;background:var(--tinta);color:#fff;padding:.7rem 1rem;text-decoration:none;position:fixed;top:-4rem;left:1rem}.skip:focus{top:1rem}#stage{z-index:0;background:#dfe9ef;width:100%;height:100lvh;display:block;position:fixed;inset:0}.scrim{z-index:1;pointer-events:none;position:fixed;inset:0}.scrim:before,.scrim:after{content:"";transition:opacity .9s;position:absolute;inset:0}.scrim:before{background:linear-gradient(90deg,#eef3f6bd 0%,#eef3f666 27%,#eef3f600 52%),linear-gradient(#eef3f680 0,#eef3f600 16%)}.scrim:after{opacity:0;background:linear-gradient(90deg,#080f22cc 0%,#080f2275 30%,#080f2200 58%),linear-gradient(#080f228c 0,#080f2200 18%),radial-gradient(120% 90% at 60%,#0000 55%,#050a1873 100%)}html[data-tone=night] .scrim:before{opacity:0}html[data-tone=night] .scrim:after{opacity:1}.loader{z-index:40;background:var(--niebla);color:var(--tinta);place-content:center;justify-items:center;gap:1.1rem;transition:opacity .9s .1s,visibility 0s linear 1s;display:grid;position:fixed;inset:0}.loader img{width:200px}.loader span{font:500 .95rem var(--display);color:#142540b3}body.ready .loader{opacity:0;visibility:hidden}.header{z-index:20;padding:1.35rem var(--gutter);align-items:center;gap:2rem;display:flex;position:fixed;inset:0 0 auto}.brand img{width:clamp(150px,14vw,205px)}.brand{border-radius:6px;margin:-.45rem -.7rem;padding:.45rem .7rem;transition:background-color .6s;display:inline-block}html[data-tone=night] .brand{background:#eef2f7f2}.nav{align-items:center;gap:clamp(1rem,2.4vw,2.2rem);margin-left:auto;display:flex}.nav a{font:600 .95rem var(--display);color:var(--fg);padding:.4rem 0;text-decoration:none}.nav a:not(.nav-cta){background:linear-gradient(currentColor,currentColor) 0 100%/0 1.5px no-repeat;transition:background-size .3s}.nav a:not(.nav-cta):hover{background-size:100% 1.5px}.nav-cta{border:1.5px solid;border-radius:6px;padding:.55rem 1rem!important}.motion-toggle{border:1.5px solid var(--line);width:2.5rem;height:2.5rem;color:var(--fg);cursor:pointer;background:0 0;border-radius:6px;place-items:center;display:grid}.motion-toggle svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:1.1rem}.motion-toggle .g-play,.motion-toggle[aria-pressed=true] .g-pause{display:none}.motion-toggle[aria-pressed=true] .g-play{fill:currentColor;display:block}.day{right:var(--gutter);z-index:15;text-align:right;flex-direction:column-reverse;align-items:flex-end;gap:1.3rem;display:flex;position:fixed;bottom:clamp(1.4rem,4vh,3rem)}.day-clock{margin:0}.day-time{font:250 clamp(3.4rem, 7.6vw, 7.4rem)/.82 var(--display);letter-spacing:-.045em;font-variant-numeric:tabular-nums;color:var(--fg);display:block}.day ol{gap:.25rem;margin:0;padding:0;list-style:none;display:grid}.day a{color:var(--fg-soft);font:500 .82rem var(--display);opacity:.7;justify-content:flex-end;align-items:baseline;gap:.7rem;padding:.18rem 0;text-decoration:none;transition:opacity .3s,color .3s;display:inline-flex}.day a time{font-variant-numeric:tabular-nums;font-weight:400}.day a span{text-align:left;min-width:6.4rem}.day a:hover,.day a[aria-current=step]{opacity:1;color:var(--fg)}.day a[aria-current=step] time{color:var(--accent);font-weight:700}.labels{z-index:5;pointer-events:none;position:fixed;inset:0}.label{white-space:nowrap;opacity:0;font:600 .8rem/1 var(--display);color:var(--papel);border-left:3px solid var(--sodio);background:#0e1a33d1;border-radius:4px;padding:.45rem .65rem .4rem;transition:opacity .35s;position:absolute;top:0;left:0}.label.on{opacity:1}main{z-index:10;position:relative}.chapter{min-height:200vh;position:relative}.copy{padding:0 var(--gutter);will-change:opacity, transform;max-width:min(37rem,48vw);position:sticky;top:25vh}.hero{min-height:170vh}.hero .copy{flex-direction:column;justify-content:flex-end;max-width:min(62rem,70vw);height:100svh;padding-bottom:clamp(2.5rem,9vh,6.5rem);display:flex;top:0}.hero-kicker{font:600 1rem var(--display);color:var(--fg);margin:0 0 1.4rem}h1,h2,h3{font-family:var(--display);color:var(--fg);text-wrap:balance;margin:0}h1{letter-spacing:-.04em;font-size:clamp(3.3rem,8.6vw,8.6rem);font-weight:800;line-height:.88}h1 span{display:block}h2{letter-spacing:-.032em;max-width:13ch;font-size:clamp(2.3rem,4.5vw,4.4rem);font-weight:780;line-height:.96}.copy p:not(.chapter-time):not(.hero-kicker){font:350 clamp(1.12rem, 1.32vw, 1.32rem)/1.55 var(--serif);color:var(--fg-soft);max-width:34ch;margin:1.5rem 0 0}.hero .lead{max-width:40ch!important}.chapter-time{font-family:var(--display);align-items:baseline;gap:.9rem;margin:0 0 1.2rem;display:flex}.chapter-time time{color:var(--accent);font-variant-numeric:tabular-nums;font-size:1.05rem;font-weight:700}.chapter-time span{color:var(--fg-soft);font-size:1rem;font-weight:500}.button{width:fit-content;font:700 1rem/1 var(--display);color:#fff;background:var(--ultramar);cursor:pointer;box-shadow:inset 0 0 0 1.5px #ffffff47, inset 0 0 0 4px var(--ultramar), inset 0 0 0 5.5px #ffffff80;border:0;border-radius:6px;align-items:center;gap:.6rem;margin-top:2rem;padding:1.05rem 1.45rem .95rem;text-decoration:none;transition:transform .2s,background-color .2s;display:inline-flex}.button:hover{background:#1f31b3;transform:translateY(-1px)}.text-button{color:inherit;font:600 .95rem var(--display);text-underline-offset:.25em;cursor:pointer;background:0 0;border:0;padding:0;text-decoration:underline}.closing{padding:70vh var(--gutter) 8rem;color:var(--papel);background:linear-gradient(#080f2200 0,#080f228c 45vh,#080f22e0 95vh,#080f22f0 100%);position:relative}.closing h2,.closing h3{color:var(--papel)}.statement{font:300 clamp(2.4rem, 5.4vw, 5.6rem)/1.06 var(--serif);letter-spacing:-.02em;max-width:17ch;margin:0 0 22vh}.method h2{max-width:none;margin-bottom:2.6rem;font-size:clamp(1.8rem,3vw,2.6rem)}.method ol{counter-reset:step;grid-template-columns:repeat(3,1fr);gap:clamp(1.5rem,3vw,3.5rem);margin:0;padding:0;list-style:none;display:grid}.method li{counter-increment:step;border-top:1.5px solid #eef2f747;padding-top:1.4rem}.method li:before{content:counter(step, decimal-leading-zero);font:300 2.6rem/1 var(--display);color:var(--sodio);font-variant-numeric:tabular-nums;margin-bottom:1.4rem;display:block}.method h3{letter-spacing:-.015em;margin-bottom:.8rem;font-size:1.45rem;font-weight:750}.method p{font:350 1.08rem/1.6 var(--serif);color:#eef2f7c7;max-width:36ch;margin:0}.talk{grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);align-items:start;gap:clamp(2rem,6vw,7rem);margin-top:22vh;display:grid}.talk h2{max-width:11ch;font-size:clamp(2.3rem,4.4vw,4.2rem)}.talk-intro p{font:350 1.15rem/1.55 var(--serif);color:#eef2f7cc;max-width:34ch;margin:1.4rem 0 0}.talk-intro .demo-note{font:500 .9rem var(--display);color:var(--sodio)}.brief fieldset{border:0;flex-wrap:wrap;gap:.6rem;margin:0 0 1.8rem;padding:0;display:flex}.brief legend{font:700 1.05rem var(--display);margin-bottom:.9rem;padding:0}.brief label{position:relative}.brief input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.brief label span{font:600 .95rem/1.2 var(--display);border:1.5px solid #eef2f752;border-radius:6px;padding:.78rem 1.05rem .7rem;transition:background .2s,color .2s,border-color .2s;display:block}.brief label:hover span{border-color:#eef2f7b3}.brief input:checked+span{background:var(--papel);color:var(--noche);border-color:var(--papel)}.brief input:focus-visible+span{outline:3px solid var(--sodio);outline-offset:3px}.brief .button{margin-top:.4rem}.brief-error{color:#ffc27a;min-height:1.4rem;font:600 .95rem var(--display);margin:0}.brief-result{border:1.5px solid #f2a43a99;border-radius:8px;margin-top:2rem;padding:1.6rem}.brief-result h3{margin-bottom:1rem;font-size:1.5rem}.brief-result dl{grid-template-columns:auto 1fr;gap:.5rem 1.2rem;margin:0 0 1rem;font-size:.98rem;display:grid}.brief-result dt{color:#eef2f7a6}.brief-result dd{margin:0;font-weight:700}.brief-result p{font:350 1rem var(--serif);color:#eef2f7bf;margin:0 0 1rem}.footer{z-index:10;padding:3rem var(--gutter) 3.5rem;color:#eef2f7cc;background:#091026;flex-wrap:wrap;align-items:center;gap:1.5rem 3rem;display:flex;position:relative}.footer img{box-sizing:content-box;background:var(--papel);border-radius:6px;width:170px;padding:.65rem .9rem}.footer p{font:400 1.05rem var(--serif);margin:0}.footer .text-button{margin-left:auto}dialog{background:var(--niebla);max-width:min(34rem,100vw - 2rem);color:var(--tinta);border:0;border-radius:10px;padding:2rem}dialog::backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#080f2299}dialog h2{color:var(--tinta);max-width:none;margin-bottom:1rem;font-size:1.8rem}dialog p{font:380 1.05rem/1.55 var(--serif)}.noscript{z-index:30;padding:1rem var(--gutter);background:var(--sodio);color:var(--tinta);margin:0;position:relative}body:not(.ready) .hero .copy>*{opacity:0}body.ready .hero .copy>*{animation:1.1s cubic-bezier(.2,.7,.1,1) both arrive}body.ready .hero h1 span:nth-child(2){animation:1.1s cubic-bezier(.2,.7,.1,1) .12s both arrive}body.ready .hero .lead{animation-delay:.25s}body.ready .hero .button{animation-delay:.35s}@keyframes arrive{0%{opacity:0;transform:translateY(28px)}to{opacity:1;transform:none}}body.no-stage #stage{display:none}body.no-stage{background:linear-gradient(#eef3f6 0%,#dfe9ef 38%,#f2c69a 58%,#34477f 74%,#0e1a33 86%)}body.no-stage .hero{background:url(/assets/hero.webp) 50%/cover no-repeat}body.no-stage .labels{display:none}@media (width<=860px){.nav a:not(.nav-cta){display:none}.header{gap:1rem;padding-top:1rem}.day{top:4.6rem;bottom:auto;right:var(--gutter)}.day ol{display:none}.day-time{letter-spacing:-.02em;font-size:1.9rem;font-weight:300}.scrim:before{background:linear-gradient(#eef3f600 40%,#eef3f6b8 66%,#eef3f6f0 100%),linear-gradient(#eef3f699 0,#eef3f600 18%)}.scrim:after{background:linear-gradient(#080f2200 38%,#080f22a8 64%,#080f22eb 100%),linear-gradient(#080f2299 0,#080f2200 18%)}.copy{max-width:none;top:50svh}.hero .copy{max-width:none;padding-bottom:2.2rem}h1{font-size:clamp(2.9rem,13.5vw,4.4rem)}h2{font-size:clamp(2rem,9vw,2.8rem)}.method ol,.talk{grid-template-columns:1fr}.statement{margin-bottom:14vh}.footer .text-button{margin-left:0}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}body.ready .hero .copy>*,body.ready .hero h1 span:nth-child(2){animation:none}}