:root{--bg:#0d2621;--bg2:#173c33;--fg:#f3ead8;--muted:#b9c4b8;--accent:#c9a46a;--gutter:clamp(16px, 5vw, 88px);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}html.lenis,html.lenis body{height:auto}.lenis:not(.lenis-autoToggle).lenis-stopped{overflow:clip}.lenis [data-lenis-prevent]{overscroll-behavior:contain}body{background:var(--bg);color:var(--fg);-webkit-font-smoothing:antialiased;margin:0;font-family:Space Grotesk,system-ui,sans-serif;overflow-x:clip}::selection{background:var(--accent);color:var(--bg)}button{font:inherit;color:inherit}.bg{z-index:0;background:var(--bg);pointer-events:none;position:fixed;inset:0}.bg__glow{--gx:75%;background:radial-gradient(60vmax 60vmax at var(--gx) 50%, var(--bg2), transparent 70%), radial-gradient(40vmax 30vmax at calc(100% - var(--gx)) 110%, color-mix(in srgb, var(--accent) 14%, transparent), transparent 70%);position:absolute;inset:0}.bg__deco{opacity:0;transition:opacity 1.2s;position:absolute;inset:0}[data-deco=vineta] .deco--vineta,[data-deco=papel] .deco--papel,[data-deco=circulos] .deco--circulos,[data-deco=neon] .deco--neon,[data-deco=milimetrico] .deco--milimetrico,[data-deco=puntos] .deco--puntos,[data-deco=alerta] .deco--alerta,[data-deco=reticula] .deco--reticula{opacity:1}.deco--vineta{background:radial-gradient(circle,#0000 55%,#00000059)}.deco--papel{background:radial-gradient(circle at 50% 45%, transparent 45%, color-mix(in srgb, var(--accent) 22%, transparent)), repeating-linear-gradient(0deg, color-mix(in srgb, var(--fg) 5%, transparent) 0 1px, transparent 1px 34px)}.deco--circulos{background:repeating-radial-gradient(circle at 15% 110%, transparent 0 46px, color-mix(in srgb, var(--accent) 8%, transparent) 46px 62px)}.deco--neon{background:repeating-linear-gradient(0deg, color-mix(in srgb, var(--fg) 3%, transparent) 0 1px, transparent 1px 4px), linear-gradient(to top, color-mix(in srgb, var(--accent) 18%, transparent), transparent 40%)}.deco--neon:after{content:"";background-image:linear-gradient(color-mix(in srgb, var(--accent) 35%, transparent) 1px, transparent 1px), linear-gradient(90deg, color-mix(in srgb, var(--accent) 35%, transparent) 1px, transparent 1px);transform-origin:bottom;background-size:60px 60px;height:45%;position:absolute;inset:auto -50% 0;transform:perspective(400px)rotateX(62deg);-webkit-mask-image:linear-gradient(#0000,#000);mask-image:linear-gradient(#0000,#000)}.deco--milimetrico{background-image:linear-gradient(color-mix(in srgb, var(--fg) 7%, transparent) 1px, transparent 1px), linear-gradient(90deg, color-mix(in srgb, var(--fg) 7%, transparent) 1px, transparent 1px), linear-gradient(color-mix(in srgb, var(--fg) 3.5%, transparent) 1px, transparent 1px), linear-gradient(90deg, color-mix(in srgb, var(--fg) 3.5%, transparent) 1px, transparent 1px);background-size:80px 80px,80px 80px,16px 16px,16px 16px}.deco--puntos{background-image:radial-gradient(color-mix(in srgb, var(--accent) 18%, transparent) 1.4px, transparent 1.6px);background-size:22px 22px;-webkit-mask-image:radial-gradient(circle,#000,#0000 75%);mask-image:radial-gradient(circle,#000,#0000 75%)}.deco--alerta{background:radial-gradient(circle at 50% 50%, transparent 40%, color-mix(in srgb, var(--accent) 16%, transparent)), repeating-linear-gradient(-45deg, color-mix(in srgb, var(--fg) 2.5%, transparent) 0 18px, transparent 18px 36px)}.deco--reticula{background-image:linear-gradient(color-mix(in srgb, var(--accent) 8%, transparent) 1px, transparent 1px), linear-gradient(90deg, color-mix(in srgb, var(--accent) 8%, transparent) 1px, transparent 1px);background-size:64px 64px;-webkit-mask-image:radial-gradient(#000 10%,#0000 75%);mask-image:radial-gradient(#000 10%,#0000 75%)}.bg__grain{opacity:.09;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");animation:1.2s steps(6,end) infinite grain;position:absolute;inset:-50%}[data-deco=papel] .bg__grain{opacity:.22;mix-blend-mode:multiply}@keyframes grain{0%,to{transform:translate(0)}20%{transform:translate(-3%,2%)}40%{transform:translate(2%,-4%)}60%{transform:translate(-4%,-1%)}80%{transform:translate(3%,3%)}}.particles{z-index:1;pointer-events:none;width:100%;height:100%;position:fixed;inset:0}main{z-index:2;position:relative}.loading{background:var(--bg);min-height:100vh}.load-error{max-width:40rem;margin:20vh auto;padding:24px;font-family:JetBrains Mono,monospace;line-height:1.6}.progress{background:var(--accent);transform-origin:0;z-index:20;height:3px;position:fixed;inset:0 0 auto}.hud{padding:22px var(--gutter);z-index:10;pointer-events:none;letter-spacing:.08em;text-transform:uppercase;justify-content:space-between;align-items:flex-start;font-family:JetBrains Mono,monospace;font-size:11px;display:flex;position:fixed;inset:0 0 auto}.hud:before{content:"";z-index:-1;background:linear-gradient(var(--bg) 45%, transparent);position:absolute;inset:0 0 -40px}.hud__brand{align-items:center;gap:12px;line-height:1.35;display:flex}.hud__brand small{color:var(--muted);font-size:10px}.hud__badge{border:1px solid var(--accent);letter-spacing:0;width:38px;height:38px;color:var(--accent);border-radius:50%;place-items:center;font-family:Instrument Serif,serif;font-size:18px;display:grid}.hud__counter{text-align:right;min-width:140px;overflow:hidden}.hud__counter>div{flex-direction:column;gap:4px;display:flex}.hud__era{color:var(--accent)}.hud__num{color:var(--muted)}.dots{right:max(10px, calc(var(--gutter) / 3));z-index:10;flex-direction:column;gap:2px;display:flex;position:fixed;top:50%;translate:0 -50%}.dots__item{cursor:pointer;background:0 0;border:0;width:18px;height:18px;padding:0;position:relative}.dots__item:before{content:"";background:var(--fg);opacity:.3;border-radius:50%;transition:opacity .3s,transform .3s;position:absolute;inset:7px}.dots__item:hover:before{opacity:.8;transform:scale(1.4)}.dots__item.is-section{height:22px;margin-top:6px}.dots__item.is-section:before{opacity:.6;border-radius:1px;inset:10px 4px}.dots__item:focus-visible{outline:1px solid var(--accent);outline-offset:1px;border-radius:50%}.dots__active{border:1.5px solid var(--accent);border-radius:50%;position:absolute;inset:3px}.chapter{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;min-height:130svh;display:grid;position:relative;overflow:clip}.chapter__text,.chapter__visual{grid-row:1}.is-text-left .chapter__text{padding-left:var(--gutter);grid-column:1;padding-right:clamp(16px,3vw,48px)}.is-text-left .chapter__visual{grid-column:2}.is-text-right .chapter__text{padding-right:calc(var(--gutter) + 24px);grid-column:2;padding-left:clamp(16px,3vw,48px)}.is-text-right .chapter__visual{grid-column:1}.chapter__text{min-width:0;max-width:40rem;font-family:var(--f-body);padding-block:120px;position:relative}.is-text-left .chapter__text{justify-self:end}.chapter__visual{place-items:center;height:100%;display:grid;position:relative}.ghost-year{font-family:var(--f-display);font-weight:var(--display-weight);font-style:var(--display-style);font-size:clamp(4rem, calc(78vw / var(--chars,4)), 18rem);letter-spacing:-.04em;color:#0000;-webkit-text-stroke:1px color-mix(in srgb, var(--fg) 16%, transparent);white-space:nowrap;-webkit-user-select:none;user-select:none;line-height:1}.meta{font-family:var(--f-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--muted);align-items:center;gap:14px;margin-bottom:28px;font-size:12px;display:flex}.meta__num{color:var(--accent);font-weight:700}.meta__sep{background:currentColor;width:40px;height:1px}.year{font-family:var(--f-mono);color:var(--accent);letter-spacing:.06em;margin:0 0 12px;font-size:clamp(1rem,1.4vw,1.25rem)}.title,.cover__title{font-family:var(--f-display);font-weight:var(--display-weight);font-style:var(--display-style);letter-spacing:var(--display-tracking);font-size:calc(clamp(2.3rem, 4.4vw, 4.6rem) * var(--title-scale,1));text-wrap:balance;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;margin:0;line-height:1.02}.word-mask{vertical-align:top;margin-bottom:-.1em;padding-bottom:.1em;display:inline-block;overflow:hidden}.word{transform-origin:0 100%;white-space:pre;display:inline-block}.rule{background:linear-gradient(90deg, var(--accent), transparent);transform-origin:0;height:1px;margin:32px 0}.body{color:color-mix(in srgb, var(--fg) 86%, transparent);text-wrap:pretty;max-width:34rem;margin:0;font-size:clamp(1rem,1.15vw,1.15rem);line-height:1.7}.body--list{gap:14px;padding:0;font-size:clamp(.95rem,1.05vw,1.05rem);line-height:1.6;list-style:none;display:grid}.body--list li{padding-left:20px;position:relative}.body--list li:before{content:"";background:var(--accent);width:8px;height:1px;position:absolute;top:.62em;left:0}.body--list strong{color:var(--fg);font-weight:600}.body--list .body--list{gap:8px;margin-top:10px}.fact{border:1px solid color-mix(in srgb, var(--accent) 50%, transparent);font-family:var(--f-mono);letter-spacing:.06em;text-transform:uppercase;border-radius:999px;align-items:center;gap:10px;margin-top:28px;padding:10px 16px;font-size:12px;display:inline-flex}.fact__dot{background:var(--accent);width:7px;height:7px;box-shadow:0 0 0 4px color-mix(in srgb, var(--accent) 25%, transparent);border-radius:50%}.opener{min-height:140svh}.opener__band{background:linear-gradient(90deg, transparent, var(--accent) 20%, var(--accent) 80%, transparent);transform-origin:0;height:1px;position:absolute;top:0;left:0;right:0}.opener__title{font-family:var(--f-display);font-weight:var(--display-weight);font-style:var(--display-style);letter-spacing:var(--display-tracking);font-size:calc(clamp(2.6rem, 5.2vw, 5.6rem) * var(--title-scale,1));text-wrap:balance;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;margin:0;line-height:.98}.opener__focus{max-width:32rem;color:color-mix(in srgb, var(--fg) 86%, transparent);margin:0;font-size:clamp(1.05rem,1.3vw,1.25rem);line-height:1.65}.opener__label{font-family:var(--f-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--accent);margin-bottom:8px;font-size:11px;display:block}.cover{min-height:100svh}.cover .chapter__text{padding-top:80px}.eyebrow{font-family:var(--f-mono);letter-spacing:.2em;text-transform:uppercase;color:var(--accent);margin:0 0 24px;font-size:12px}.cover__title{font-size:calc(clamp(2.8rem, 6.4vw, 6.6rem) * var(--title-scale,1));line-height:.95}.cover__subtitle{max-width:30rem;color:var(--muted);margin:28px 0 0;font-size:clamp(1.05rem,1.4vw,1.3rem);line-height:1.6}.cover__years{font-family:var(--f-mono);letter-spacing:.1em;text-transform:uppercase;margin-top:28px;font-size:12px}.cue{font-family:var(--f-mono);letter-spacing:.18em;text-transform:uppercase;color:var(--muted);align-items:center;gap:14px;margin-top:56px;font-size:11px;display:flex}.cue__line{background:color-mix(in srgb, var(--fg) 25%, transparent);width:1px;height:48px;position:relative;overflow:hidden}.cue__dot{background:var(--accent);width:3px;height:14px;position:absolute;left:-1px}.credits{min-height:120vh}.credits__list{gap:22px;margin:40px 0 0;display:grid}.credits__group dt{font-family:var(--f-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--accent);margin-bottom:6px;font-size:11px}.credits__group dd{margin:0;font-size:1.15rem}.credits__note{font-family:var(--f-display);max-width:32rem;margin:44px 0 0;font-size:clamp(1.3rem,2vw,1.8rem);font-style:italic;line-height:1.35}.back-top{border:1px solid var(--accent);cursor:pointer;font-family:var(--f-mono);letter-spacing:.12em;text-transform:uppercase;background:0 0;border-radius:999px;margin-top:40px;padding:12px 20px;font-size:12px}.back-top:focus-visible{outline:2px solid var(--accent);outline-offset:3px}@media (width<=819px){.chapter{grid-template-columns:minmax(0,1fr);min-height:110svh}.is-text-left .chapter__text,.is-text-right .chapter__text{background:color-mix(in srgb, var(--bg) 72%, transparent);-webkit-backdrop-filter:blur(10px);border-radius:18px;grid-column:1;justify-self:stretch;margin-inline:16px;padding:28px 22px}.chapter__visual{display:none}.particles{opacity:.75}.dots{display:none}.hud{padding:16px}.hud__counter{min-width:0}.cover .chapter__text{-webkit-backdrop-filter:none;background:0 0;margin-top:30svh}}html.css-snap{scroll-snap-type:y proximity}.css-snap .snap-target{scroll-snap-align:center}.css-snap .snap-target.is-tall{scroll-snap-align:start}@media (prefers-reduced-motion:reduce){.bg__grain{animation:none}.bg__deco{transition:none}}
