:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box;margin:0;padding:0}html,body{-webkit-font-smoothing:antialiased;background:#050505;height:100%;font-family:ui-monospace,SF Mono,Cascadia Code,Menlo,Consolas,monospace;overflow:hidden}#scene{cursor:grab;touch-action:none;opacity:0;width:100%;height:100%;transition:opacity 1.2s ease-out .1s;display:block;position:fixed;inset:0}body.ready #scene{opacity:1}#scene.dragging{cursor:grabbing}@keyframes fade-in{0%{opacity:0}to{opacity:1}}body:after{content:"";pointer-events:none;background:radial-gradient(#0000 60%,#00000073 100%);position:fixed;inset:0}.bleed-title{letter-spacing:.24em;text-indent:.24em;text-transform:uppercase;white-space:nowrap;color:#0000;background:linear-gradient(#ffffff38 0%,#ffffff0f 48%,#ffffff29 100%);text-shadow:0 0 90px #ffffff12;pointer-events:none;-webkit-user-select:none;user-select:none;opacity:0;-webkit-background-clip:text;background-clip:text;justify-content:center;align-items:flex-start;font-size:19vw;font-weight:500;transition:opacity 1.8s ease-out .35s;display:flex;position:fixed;inset:0;transform:translateY(-.1em)}body.ready .bleed-title{opacity:1}#loader{z-index:10;background:#050505;transition:transform .95s cubic-bezier(.77,0,.18,1);position:fixed;inset:0}#loader.done{transform:translateY(-101%)}.loader-tag{letter-spacing:.42em;text-transform:uppercase;color:#ffffff73;font-size:11px;position:absolute;top:30px;left:34px}#loader-num{color:#fff;font-variant-numeric:tabular-nums;font-size:clamp(96px,16vw,190px);font-weight:100;line-height:1;position:absolute;bottom:14px;left:30px}#loader-num:after{content:"%";color:#ffffff59;margin-left:.15em;font-size:.26em}.loader-bar{background:#ffffff12;height:2px;position:absolute;bottom:0;left:0;right:0}#loader-fill{transform-origin:0;background:#ffffffd9;height:100%;display:block;transform:scaleX(0)}#labels{pointer-events:none;z-index:1;position:fixed;inset:0}.city-label{white-space:nowrap;letter-spacing:.16em;text-transform:uppercase;color:#ffffffd1;text-shadow:0 1px 6px #000000f2,0 0 2px #000000e6;opacity:0;will-change:transform, opacity;font-size:10px;position:absolute;top:0;left:0}.cl-year{color:#fff6;margin-left:.8em}@media (width<=560px){.city-label{letter-spacing:.12em;font-size:8.5px}.bleed-title{letter-spacing:.12em;text-indent:.12em;font-size:22vw;transform:translateY(-.08em)}.loader-tag{top:20px;left:20px}#loader-num{font-size:30vw;bottom:12px;left:20px}}