:root{--ink: #0d0c0b;--cream: #f2ece1;--red: #cf3626}*{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%}body{background:var(--ink);color:var(--cream);font-family:Rethink Sans,system-ui,sans-serif;font-size:clamp(1rem,1.05vw,1.1rem);line-height:1.55;overflow-x:hidden}header,section{position:relative;overflow-x:clip}.tag{font-size:.68rem;letter-spacing:.2em;text-transform:uppercase;color:var(--red);margin-bottom:1rem}.lead{font-size:1.1rem;opacity:.78;max-width:44ch}.hero{height:100svh;display:flex;flex-direction:column;justify-content:flex-end}.deck{position:absolute;inset:0}.slide{position:absolute;inset:0;opacity:0;visibility:hidden;transition:opacity .7s ease,visibility 0s linear .7s}.slide.is-on{opacity:1;visibility:visible;transition:opacity .7s ease,visibility 0s}.slide img{width:100%;height:100%;object-fit:cover;display:block}.slide:after{content:"";position:absolute;inset:0;background:linear-gradient(to top,#0d0c0beb,#0d0c0b40 52%,#0d0c0b59)}.slide figcaption{position:absolute;left:clamp(1.5rem,6vw,6rem);bottom:clamp(7rem,16vh,11rem);z-index:1;max-width:22ch}.slide h1{font-family:Unbounded,system-ui,sans-serif;font-weight:700;font-size:clamp(2.2rem,6vw,5rem);line-height:.98;letter-spacing:-.03em;padding-block:.06em;margin-bottom:.9rem}.slide .meta{font-size:.86rem;opacity:.72;letter-spacing:.02em}.bar{position:relative;z-index:2;display:flex;align-items:center;gap:clamp(1rem,3vw,2.5rem);padding:0 clamp(1.5rem,6vw,6rem) clamp(2rem,5vh,3rem)}.ticks{display:flex;gap:8px;flex:1 1 auto}.ticks i{display:block;flex:1 1 0;height:2px;background:#f2ece13d}.ticks b{display:block;height:100%;width:0;background:var(--cream)}.ticks i.done b{width:100%}.keys{display:flex;gap:6px;flex:0 0 auto}.key{width:40px;height:40px;border-radius:50%;background:transparent;color:var(--cream);border:1px solid rgba(242,236,225,.32);font:inherit;font-size:1rem;line-height:1;cursor:pointer;display:grid;place-items:center;transition:background .25s ease,color .25s ease,border-color .25s ease}.key:hover,.key:focus-visible{background:var(--cream);color:var(--ink);border-color:var(--cream)}.key:focus-visible{outline:2px solid var(--red);outline-offset:3px}.after{min-height:60svh;display:flex;align-items:center;padding:5rem clamp(1.5rem,6vw,6rem);background:var(--cream);color:var(--ink)}.after .tag{color:var(--red)}.wrap{max-width:48ch}@media(max-width:760px){.slide figcaption{bottom:clamp(6rem,14vh,9rem);max-width:none;right:1.25rem}}@media(prefers-reduced-motion:reduce){.slide{transition:none}}