:root{--serif:"Fraunces", "Iowan Old Style", Palatino, "Palatino Linotype", serif;--sans:"Instrument Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;--ink:#10141c;--paper:#f4efe6;--rule:color-mix(in srgb, var(--fg,#f3eee4) 16%, transparent);--chrome-h:4.25rem}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth}html.is-motion{scroll-behavior:auto}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}html,body{background:var(--ink);min-height:100%;color:var(--paper);margin:0}body{font-family:var(--sans);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;font-size:1rem;line-height:1.5}#app{min-height:100%}img{max-width:100%;display:block}a{color:inherit;text-underline-offset:.22em;text-decoration-thickness:1px}a:hover{text-decoration:none}ul,ol,p,h1,h2,figure{margin:0;padding:0}ul,ol{list-style:none}.skip{z-index:40;background:var(--paper);color:var(--ink);padding:.5rem .75rem;font-size:.75rem;position:absolute;top:-4rem;left:1rem}.skip:focus{top:1rem}.chrome{z-index:30;height:var(--chrome-h);font-family:var(--sans);letter-spacing:.16em;text-transform:uppercase;color:#fff;mix-blend-mode:difference;pointer-events:none;grid-template-columns:auto 1fr auto;align-items:center;gap:1.25rem;padding:0 5vw;font-size:.6875rem;display:grid;position:fixed;top:0;left:0;right:0}.chrome a{pointer-events:auto;text-decoration:none}.chrome__mark{font-weight:500}.chrome__rule{opacity:.35;background:currentColor;height:1px}.chrome__meta{text-align:right;flex-direction:column;align-items:flex-end;gap:.15rem;line-height:1.3;display:flex}.chrome__week{opacity:.7}.rail{top:calc(var(--chrome-h) + 1.25rem);z-index:30;mix-blend-mode:difference;pointer-events:none;background:#ffffff38;width:1px;position:fixed;bottom:1.5rem;right:1.15rem}.rail__fill{transform-origin:top;background:#fff;width:100%;height:100%;transform:scaleY(0)}.scrolly{position:relative}.scene{--fg:var(--paper);--bg:var(--ink);min-height:100dvh;color:var(--fg);background:var(--bg);display:flex;position:relative;overflow:hidden}.scene:before{content:"";inset:calc(var(--chrome-h) + .85rem) 5vw 2.4rem;border:1px solid var(--rule);pointer-events:none;position:absolute}.scene__inner{z-index:1;width:100%;padding:calc(var(--chrome-h) + 2.8rem) 8vw 4.5rem;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);align-items:center;gap:clamp(1.5rem,5vw,5.5rem);margin:0 auto;display:grid;position:relative}.scene:not(:has(.art)) .scene__inner{grid-template-columns:minmax(0,1fr)}.scene--art-left .art{order:0}.scene--art-left .scene__copy{order:1}.scene__copy{max-width:34rem}.scene:not(:has(.art)) .scene__copy{max-width:40rem}.scene__index{font-family:var(--sans);letter-spacing:.22em;text-transform:uppercase;opacity:.55;margin-bottom:1.1rem;font-size:.625rem}.scene__kicker{font-family:var(--sans);letter-spacing:.18em;text-transform:uppercase;opacity:.78;margin-bottom:1.15rem;font-size:.6875rem}.scene__title{font-family:var(--serif);letter-spacing:-.03em;font-variation-settings:"opsz" 96, "SOFT" 20, "WONK" 1;text-wrap:balance;max-width:11ch;font-size:clamp(2.6rem,7.4vw,6.6rem);font-weight:300;line-height:.92}.scene__title em{font-style:italic;font-weight:300}.scene--hero .scene__title{max-width:10ch;font-size:clamp(3rem,9.2vw,8.1rem)}.scene--hero .scene__copy:after{content:"desplazar";font-family:var(--sans);letter-spacing:.22em;text-transform:uppercase;opacity:.45;margin-top:2.4rem;font-size:.625rem;display:block}.scene--pena .scene__title,.scene--persona .scene__title{max-width:8ch;font-size:clamp(3.4rem,10vw,9rem)}.scene__range{font-family:var(--sans);letter-spacing:.12em;text-transform:uppercase;opacity:.72;max-width:42rem;margin-top:1.35rem;font-size:.6875rem;line-height:1.55}.scene__body{font-family:var(--sans);letter-spacing:.01em;max-width:34ch;margin-top:1.5rem;font-size:clamp(.95rem,1.4vw,1.125rem);font-weight:400;line-height:1.55}.cta{border:1px solid color-mix(in srgb, var(--fg) 42%, transparent);font-family:var(--sans);letter-spacing:.16em;text-transform:uppercase;align-items:center;gap:.65rem;width:fit-content;margin-top:1.85rem;padding:.62rem .9rem .58rem .95rem;font-size:.6875rem;text-decoration:none;display:inline-flex}.cta:hover{background:color-mix(in srgb, var(--fg) 8%, transparent)}.cta:after{content:"↗";font-size:.85em}.cta--solid{background:var(--fg);color:var(--bg);border-color:var(--fg)}.art{justify-self:center;width:min(100%,34rem)}.art__frame{aspect-ratio:4/5;background:color-mix(in srgb, var(--fg) 6%, var(--bg));max-height:min(74vh,40rem);position:relative;overflow:hidden}.art[data-art=rane] .art__frame{aspect-ratio:16/10}.art__img{object-fit:cover;object-position:center 18%;transform-origin:50% 40%;will-change:transform, filter;width:100%;height:100%}.art[data-art=rane] .art__img{object-position:center 30%}.art--failed .art__frame{align-items:flex-end;min-height:22rem;display:flex}.art__fallback{padding:1.5rem}.art__fallback[hidden],.art--failed .art__img{display:none}.art__fallback-kicker,.art__fallback-artist{letter-spacing:.16em;text-transform:uppercase;opacity:.7;font-size:.6875rem}.art__fallback-title{font-family:var(--serif);margin:.55rem 0 1.1rem;font-size:clamp(1.4rem,3vw,2.1rem);font-style:italic;font-weight:300;line-height:1.15}.art figcaption{letter-spacing:.12em;text-transform:uppercase;opacity:.68;flex-wrap:wrap;gap:.35rem .65rem;max-width:36rem;margin-top:.8rem;font-size:.625rem;display:flex}.doors{background:color-mix(in srgb, var(--fg) 22%, transparent);border:1px solid color-mix(in srgb, var(--fg) 22%, transparent);grid-template-columns:1fr 1fr;gap:1px;max-width:36rem;margin-top:2.4rem;display:grid}.doors a{background:var(--bg);flex-direction:column;justify-content:space-between;gap:1.4rem;min-height:7.2rem;padding:1.15rem 1.15rem 1.05rem;text-decoration:none;display:flex}.doors a:hover{background:color-mix(in srgb, var(--fg) 7%, var(--bg))}.doors__label{letter-spacing:.16em;text-transform:uppercase;opacity:.6;font-size:.625rem}.doors__title{font-family:var(--serif);letter-spacing:-.02em;font-size:clamp(1.35rem,2.4vw,1.85rem);font-weight:300;line-height:1.1}.psalms{max-width:40rem;margin-top:2.4rem}.psalms__kicker{letter-spacing:.16em;text-transform:uppercase;opacity:.55;margin-bottom:.7rem;font-size:.625rem}.psalms ul{flex-wrap:wrap;gap:.35rem .15rem;display:flex}.psalms a{letter-spacing:.04em;opacity:.78;justify-content:center;align-items:center;min-width:2.1rem;padding:.28rem .4rem;font-size:.75rem;text-decoration:none;display:inline-flex}.psalms a:hover{opacity:1;text-decoration:underline}.people{letter-spacing:.12em;text-transform:uppercase;flex-direction:column;gap:.45rem;margin-top:1.8rem;font-size:.75rem;display:flex}.people a{font-family:var(--serif);letter-spacing:0;text-transform:none;font-size:1.15rem;font-style:italic}.legal{letter-spacing:.01em;opacity:.72;text-transform:none;gap:.7rem;max-width:38rem;margin-top:2.6rem;font-size:.75rem;line-height:1.55;display:grid}.legal em{font-style:italic}.spine{min-height:100vh;padding:calc(var(--chrome-h) + 3.2rem) 5vw 4rem;background:var(--paper);color:var(--ink)}.spine__hero{max-width:38rem;margin-bottom:3.2rem}.spine__title{font-family:var(--serif);letter-spacing:-.03em;font-variation-settings:"opsz" 96, "SOFT" 20;font-size:clamp(2.8rem,8vw,6.4rem);font-weight:300;line-height:.92}.spine__title em{font-style:italic}.spine__lede{max-width:34ch;margin-top:1.3rem;font-size:1.02rem;line-height:1.5}.spine__list{border-top:1px solid #10141c29}.spine__list li,.spine__list a{grid-template-columns:3.1rem 9.2rem minmax(0,1fr) 7.5rem;align-items:baseline;gap:.85rem 1.1rem;display:grid}.spine__list li{border-bottom:1px solid #10141c1f;padding:.8rem .2rem;font-size:.92rem}.spine__list a{text-decoration:none}.spine__n{font-family:var(--serif);font-variant-numeric:tabular-nums;letter-spacing:-.03em}.spine__dates{letter-spacing:.1em;text-transform:uppercase;opacity:.7;font-size:.72rem}.spine__range{font-size:.92rem}.spine__range strong{font-family:var(--serif);font-style:italic;font-weight:400}.spine__state{letter-spacing:.14em;text-transform:uppercase;opacity:.5;justify-self:end;font-size:.68rem}.spine__list li[aria-disabled=true]{opacity:.55}.spine__list .is-live{background:var(--ink);color:var(--paper);border:0;margin:.35rem -1rem;padding-inline:1rem}.spine__list .is-live .spine__state{opacity:1}.legal--spine{opacity:.65;margin-top:3rem}@media (width<=860px){.scene__inner{padding-top:calc(var(--chrome-h) + 1.6rem);grid-template-columns:1fr;gap:1.6rem}.scene--art-left .art,.scene--art-left .scene__copy,.scene--art-right .art,.scene--art-right .scene__copy{order:initial}.art{width:100%}.art__frame{aspect-ratio:16/10;max-height:42vh}.scene__title{max-width:12ch}.doors{grid-template-columns:1fr}.spine__list li,.spine__list a{grid-template-columns:2.4rem 1fr auto;grid-template-areas:"n dates state""range range range"}.spine__n{grid-area:n}.spine__dates{grid-area:dates}.spine__state{grid-area:state}.spine__range{grid-area:range}}@media (width<=560px){.chrome{gap:.75rem}.chrome__rule,.chrome__week{display:none}.rail{right:.7rem}.scene:before{inset:calc(var(--chrome-h) + .4rem) 4vw 1.4rem}.scene__inner{padding-inline:6vw}}@media (prefers-reduced-motion:reduce){.rail__fill{height:0;transform:none}}.scene:has(.art):before{display:none}.scene:has(.art) .scene__inner{min-height:100dvh;padding:0;display:block}.scene:has(.art) .art{z-index:0;width:100%;max-width:none;height:100%;margin:0;position:absolute;inset:0}.scene:has(.art) .art__frame{aspect-ratio:auto;width:100%;height:100%;max-height:none}.scene:has(.art) .art__img{object-fit:cover;width:100%;height:100%}.scene:has(.art) figcaption{z-index:2;letter-spacing:.12em;text-transform:uppercase;color:#f4efe6;text-shadow:0 1px 14px #0000008c;font-size:.62rem;position:absolute;bottom:1.15rem;left:5vw}.scene:has(.art) .scene__copy{z-index:1;max-width:min(28rem,42vw);padding:calc(var(--chrome-h) + 3.2rem) 0 5rem;text-shadow:0 1px 18px #00000059;flex-direction:column;justify-content:center;min-height:100dvh;margin:0 8vw 0 auto;display:flex;position:relative}.scene--art-left:has(.art) .scene__copy{margin:0 auto 0 8vw}.scene:has(.art) .scene__copy:before{content:"";z-index:-1;pointer-events:none;background:linear-gradient(90deg,#0000,#10141c8c 28%,#10141cb8);width:140%;position:absolute;inset:0 auto 0 -18%}.scene--art-left:has(.art) .scene__copy:before{background:linear-gradient(270deg,#0000,#10141c8c 28%,#10141cb8);inset:0 -18% 0 auto}@media (width<=720px){.scene:has(.art) .scene__copy{max-width:none;padding:calc(var(--chrome-h) + 2rem) 6vw 3rem;text-shadow:0 1px 16px #000000a6;justify-content:flex-end;margin:0}.scene:has(.art) .scene__copy:before{background:linear-gradient(#0000,#10141cd1);width:100%;inset:35% 0 0}}