:root{--azul:#002fa7;--azul-900:#001652;--creme:#fffde8;--tinta:#172449;--hortensia:#b8c9ee;--manteiga:#edd68c;--fg:var(--tinta);--brand:var(--azul);--bg:var(--creme);--serif:"Times New Roman", "Tinos", "Liberation Serif", serif;--caps:"Ovo", "Times New Roman", serif;--script:"Sacramento", cursive}*{box-sizing:border-box}html{background:var(--creme);-webkit-text-size-adjust:100%}body{color:var(--fg);background:var(--bg);font:400 clamp(17px, 1.15vw + 11px, 21px)/1.5 var(--serif);-webkit-font-smoothing:antialiased;margin:0;overflow-x:hidden}#scene{z-index:0;width:100%;height:100%;display:block;position:fixed;inset:0}main{z-index:1;pointer-events:none;position:relative}.chapter{height:var(--h);position:relative}.panel{max-width:min(36rem,100%);height:100svh;opacity:var(--o,0);transform:translateY(calc((1 - var(--o,0)) * 24px));will-change:opacity, transform;flex-direction:column;justify-content:center;padding:max(6vh,32px) clamp(20px,6vw,96px);display:flex;position:sticky;top:0}.chapter[data-side=right] .panel{margin-left:auto}.chapter[data-align=top] .panel{justify-content:flex-start;padding-top:max(12vh,64px)}.chapter[data-side=top] .panel{text-align:center;justify-content:flex-start;align-items:center;max-width:none;padding-top:max(9vh,48px)}.eyebrow{font:400 .72rem/1 var(--caps);letter-spacing:.22em;text-transform:uppercase;color:var(--brand);margin:0 0 1.4rem}h1,h2{color:var(--brand);letter-spacing:-.01em;margin:0;font-weight:400}h1{font-size:clamp(3.6rem,11vw,9.5rem);font-style:italic;line-height:.92}h1 em{font-family:var(--script);vertical-align:.06em;padding:0 .08em;font-size:.7em;font-style:normal}h2{margin-bottom:1.2rem;font-size:clamp(2.6rem,6vw,5rem);font-style:italic;line-height:1}p{text-wrap:pretty;margin:0 0 .9rem}.lede{color:var(--brand);font-size:1.25em}.date{font-family:var(--caps);text-transform:uppercase;letter-spacing:.18em;color:var(--brand);margin-top:1.4rem;font-size:.85rem}.hint{font:italic .95rem var(--serif);opacity:.7;margin-top:auto;margin-bottom:1vh}.hint:after{content:"";transform-origin:top;background:currentColor;width:1px;height:44px;margin:12px auto 0;animation:2.4s ease-in-out infinite drip;display:block}@keyframes drip{0%{transform:scaleY(0)}50%{transform:scaleY(1)}to{opacity:0;transform:scaleY(1)}}.script{font-family:var(--script);color:var(--brand);margin-top:.6rem;font-size:clamp(2rem,3.4vw,2.8rem);line-height:1.1}.soon{font-family:var(--caps);text-transform:uppercase;letter-spacing:.16em;opacity:.75;margin-top:.8rem;font-size:.7rem}.finale h2{font-size:clamp(3rem,8vw,6.5rem)}.finale p:not(.eyebrow):not(.script){max-width:28rem}.panel:not(.hero)>:is(p,h2){text-shadow:0 0 18px var(--bg), 0 0 6px var(--bg)}.postmark{z-index:2;pointer-events:none;width:clamp(76px,8vw,112px);color:var(--brand);position:fixed;bottom:clamp(12px,2.5vw,32px);right:clamp(12px,2.5vw,32px);transform:rotate(-8deg)}.pm-line{fill:none;stroke:currentColor;stroke-width:1px;opacity:.45}.pm-progress{fill:none;stroke:currentColor;stroke-width:2.5px;stroke-dasharray:1;stroke-dashoffset:var(--pm,1);transform-origin:60px 60px;transform:rotate(-90deg)}.pm-text{font:400 8.6px var(--caps);letter-spacing:1.6px;fill:currentColor;text-transform:uppercase}.pm-num{font:italic 22px var(--serif);fill:currentColor;text-anchor:middle}#pm-spin{transform-origin:60px 60px}.loader{z-index:10;background:var(--creme);color:var(--azul);font:italic 1rem var(--serif);place-content:center;justify-items:center;gap:18px;transition:opacity .9s,visibility .9s;display:grid;position:fixed;inset:0}.loader.done{opacity:0;visibility:hidden}.loader-seal{border:1.5px solid var(--azul);width:92px;height:92px;font:400 1.1rem var(--caps);letter-spacing:.1em;outline:1px solid var(--azul);outline-offset:5px;border-radius:50%;place-content:center;animation:2.6s ease-in-out infinite wobble;display:grid}.loader-seal span:after{content:"%"}@keyframes wobble{50%{transform:rotate(10deg)scale(1.04)}}body.can-hover{cursor:default}body.on-sticker{cursor:pointer}@media (width<=720px),(aspect-ratio<=9/10){.chapter:not([data-side=top]) .panel{justify-content:flex-start;margin-left:0;padding-top:max(10vh,56px)}.postmark{width:68px}}@media (prefers-reduced-motion:reduce){.hint:after,.loader-seal{animation:none}.panel{transform:none}}
