:root{--font-display:"Bodoni Moda", "Didone Fallback", serif;--font-ui:"Inter", system-ui, sans-serif;--font-mono:"IBM Plex Mono", ui-monospace, monospace;--sky-horizon:#e8b77d;--sky-mid:#d9a28a;--sky-zenith:#8e9bb5;--sun-x:.62;--sun-y:.36;--sun-warmth:1;--night:0;--etch-x:.24;--etch-y:-.97;--stroke-ink:#2c2f3d;--scrim:0;--ink-high:#ffffffeb;--ink-mid:#ffffffb8;--ink-low:#ffffff8c;--shadow-ink:#0f111859;--grain-tile:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='128' height='128'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='128' height='128' filter='url(%23n)'/%3E%3C/svg%3E");--space-1:.375rem;--space-2:.75rem;--space-3:1.25rem;--space-4:2rem;--space-5:3.25rem}@font-face{font-family:Bodoni Moda;src:url(/fonts/bodoni-moda-var.woff2)format("woff2-variations");font-weight:400 900;font-stretch:100%;font-style:normal;font-display:swap;unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215}@font-face{font-family:Didone Fallback;src:local(Georgia),local(Times New Roman);size-adjust:94%;ascent-override:105%;descent-override:27%}@font-face{font-family:Inter;src:url(/fonts/inter-var.woff2)format("woff2-variations");font-weight:100 900;font-style:normal;font-display:swap}@font-face{font-family:IBM Plex Mono;src:url(/fonts/plex-mono-300.woff2)format("woff2");font-weight:300;font-style:normal;font-display:swap}*,:before,:after{box-sizing:border-box;margin:0}html{-webkit-text-size-adjust:100%;background-color:#d9a28a}body{font-family:var(--font-ui);color:var(--ink-high);overflow:hidden}.layer{pointer-events:none;position:fixed;top:0;bottom:0;left:0;right:0}canvas.layer{width:100%;height:100%}#sky{z-index:0;opacity:0;transition:opacity .7s ease-out}#sky.ready{opacity:1}.sky-fallback{z-index:0;background:radial-gradient(55% 42% at calc(var(--sun-x) * 100%) calc((1 - var(--sun-y)) * 100%), color-mix(in oklab, var(--sky-horizon) 55%, transparent), transparent 70%), linear-gradient(to top, color-mix(in oklab, var(--sky-horizon) 45%, #14161f) 0%, var(--sky-horizon) 33.3%, 41%, var(--sky-mid) 55%, 72%, var(--sky-zenith) 100%)}.sky-fallback:after{content:"";opacity:.05;background-image:var(--grain-tile);mix-blend-mode:overlay;background-size:128px;position:absolute;top:0;bottom:0;left:0;right:0}.skyline-slot{z-index:1;opacity:0}.skyline-slot.visible{opacity:1}.skyline-slot svg{width:100%;height:100%;display:block}#life{z-index:3}.skyline-slot :-webkit-any(path,line,polyline,ellipse,rect):not(.face):not(.fill){stroke:var(--stroke-ink);stroke-width:.66px;fill:none;vector-effect:non-scaling-stroke;opacity:.55}.skyline-slot :is(path,line,polyline,ellipse,rect):not(.face):not(.fill){stroke:var(--stroke-ink);stroke-width:.66px;fill:none;vector-effect:non-scaling-stroke;opacity:.55}.skyline-slot .face{stroke:none;fill:#e6b4821a;transition:fill 3s linear}.sun-east .face-e,.sun-west .face-w{fill:color-mix(in oklab, var(--sky-horizon) 14%, transparent)}.sun-east .face-w,.sun-west .face-e{fill:color-mix(in oklab, var(--sky-zenith) 10%, transparent)}.skyline .ridge-fill{fill:color-mix(in oklab, var(--sky-mid) 55%, transparent);stroke:none}.skyline .water{opacity:.28}.skyline .distant{opacity:.26}.skyline .reflection{opacity:.45}.etched{color:var(--ink-high);text-shadow:calc(var(--etch-x) * 1px) calc(var(--etch-y) * 1px) 0 #ffffff52, calc(var(--etch-x) * -1px) calc(var(--etch-y) * -1px) 0 var(--shadow-ink)}.caption{left:max(var(--space-3), env(safe-area-inset-left));bottom:max(var(--space-3), env(safe-area-inset-bottom));z-index:20;font-family:var(--font-mono);letter-spacing:.04em;color:var(--ink-low);font-size:.75rem;font-weight:300;position:fixed}a{color:var(--ink-mid);text-decoration:none}a:hover{color:var(--ink-high)}:focus-visible{outline:1.5px solid var(--ink-high);outline-offset:4px;border-radius:2px}@media (prefers-reduced-motion:reduce){#sky{transition:none}.skyline-slot,.skyline-slot .face{transition:none!important}}