:root{--yolk: #e2c03a;--coral: #e2894e;--rose: #e5506a;--plum: #8a3d8e;--ground: #24122b;--raised: #3a1d45;--ink: #fbeff3;--ink-soft: #c8afc6;--rule: #3a1d45;--font-display: "Young Serif", Georgia, serif;--font-body: "Nunito Sans", system-ui, sans-serif;--step--1: .8125rem;--step-0: 1.0625rem;--step-1: 1.4rem;--step-2: 1.875rem;--step-3: 2.5rem;color-scheme:dark}:root[data-theme=light]{--ground: #f6eef3;--raised: #eadcea;--ink: #2a1530;--ink-soft: #6b5470;--rule: #e0d0e2;color-scheme:light}.site--scene{--ground: #24122b;--raised: #3a1d45;--ink: #fbeff3;--ink-soft: #c8afc6;--rule: #3a1d45;background:var(--ground);color:var(--ink);color-scheme:dark}body{margin:0;background:var(--ground);color:var(--ink);font-family:var(--font-body);font-size:var(--step-0);line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:focus-visible{outline:2px solid var(--rose);outline-offset:3px}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.home{--sky-top: #3a1d4a;--roof-0: #a2447f;--roof-1: #6e2f73;--roof-2: #45204f;--night: #24122b;--facade: #3a1d45;--roof: #4f2a5c;--eave: #5d3369;--frame: #4d2a5a;--lamp: #ffe9b3;--glow: #f2d257;--on-night: #fbeff3;--on-night-soft: #c8afc6;background:var(--night);color:var(--on-night);overflow-x:clip}.home a{color:var(--lamp);text-decoration-thickness:2px;text-underline-offset:.25em}.sky{position:relative;height:max(36rem,min(100svh,62rem));overflow:hidden;background:linear-gradient(180deg,var(--sky-top) 0%,var(--plum) 30%,var(--rose) 58%,var(--coral) 76%,var(--yolk) 92%)}.sky [data-depth]{will-change:transform}.sky__stars{position:absolute;top:0;right:0;bottom:50%;left:0}.sky__stars i{position:absolute;width:2px;height:2px;border-radius:50%;background:#fff6e0}.sky__sun{position:absolute;left:58%;bottom:22%;width:clamp(10rem,22vw,18rem);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,#fff1b8 0%,var(--glow) 45%,rgb(242 210 87 / 0) 70%)}.sky__layer{position:absolute;top:0;right:-3rem;bottom:0;left:-3rem}.sky__layer svg{display:block;width:100%;height:100%}.sky__layer--0 path{fill:var(--roof-0)}.sky__layer--1 path{fill:var(--roof-1)}.sky__layer--2 path{fill:var(--roof-2)}.sky__layer--3 path,.sky__cat{fill:var(--night);stroke:var(--night)}.sky__lamp{fill:var(--glow)}.sky__title{position:absolute;left:0;right:0;top:18%;padding:0 1rem;text-align:center}.sky__title h1{margin:0;font-family:var(--font-display);font-weight:400;font-size:clamp(3.4rem,12vw,9.5rem);line-height:.95;letter-spacing:-.02em;color:#fff3e6;text-shadow:0 2px 40px rgb(80 20 60 / .35)}.sky__title p{max-width:28rem;margin:1rem auto 0;font-size:var(--step-1);font-weight:600;line-height:1.35;color:#fff0e8}.sky__down{position:absolute;bottom:1.5rem;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:.5rem;border:0;background:none;color:var(--on-night-soft);font:700 var(--step--1) var(--font-body);cursor:pointer;padding:.5rem .75rem;border-radius:.5rem}.sky__down:hover{color:var(--on-night)}.sky__down i{width:2px;height:2rem;background:linear-gradient(currentColor,transparent)}.street{max-width:76rem;margin:0 auto;padding:clamp(1rem,4vw,3rem) clamp(1rem,4vw,3rem) 5rem;scroll-margin-top:1rem}.street__lead{max-width:34rem;margin:0 auto;text-align:center;color:var(--on-night-soft)}.street__row{display:grid;grid-template-columns:var(--left, 1fr) auto var(--right, 1fr);column-gap:clamp(2.5rem,5vw,4.5rem);align-items:end;padding-top:7rem;border-bottom:1rem solid #1a0d20}.street__row+.street__row{margin-top:3.5rem}.post{align-self:stretch;position:relative;width:.45rem;margin-top:-5.5rem;background:var(--frame);border-radius:.2rem .2rem 0 0}.post__plaque{position:absolute;top:0;left:50%;transform:translate(-50%);padding:.3rem .8rem .35rem;border-radius:.35rem;background:var(--lamp);box-shadow:inset 0 0 0 2px var(--night),0 0 0 2px var(--frame);color:var(--night);font-family:var(--font-display);font-size:var(--step-0);line-height:1.2;white-space:nowrap}.bldg{position:relative;container-type:inline-size;background:var(--facade);padding:0 1.25rem 1.25rem}.bldg:before,.bldg:after{content:"";position:absolute;left:-.9rem;right:-.9rem}.bldg:before{bottom:calc(100% + .45rem);height:min(6rem,23cqw);background:var(--roof);clip-path:polygon(0 100%,50% 0,100% 100%)}.bldg:after{bottom:100%;height:.5rem;background:var(--eave);border-radius:.2rem}.bldg--office:before{left:auto;right:18%;bottom:calc(100% + .7rem);width:2.6rem;height:2.8rem;border-radius:.35rem .35rem 0 0;clip-path:none;background:var(--roof);box-shadow:inset 0 .7rem 0 -.35rem var(--eave)}.bldg--office:after{left:-.5rem;right:-.5rem;height:.7rem;border-radius:.15rem}.bldg--office .win__glass{height:3.4rem;border-radius:.2rem}.bldg__sign{text-align:center;padding:1rem 0 1.25rem}.bldg__sign h2{margin:0;font-family:var(--font-display);font-weight:400;font-size:var(--step-2);line-height:1.1;color:var(--lamp)}.bldg__sign p{margin:.25rem 0 0;font-size:var(--step--1);color:var(--on-night-soft)}.bldg__windows{list-style:none;margin:0;padding:0;display:grid;--gap: .75rem;grid-template-columns:repeat(auto-fill,minmax(max(var(--min, 5.5rem),calc((100% - (var(--cols, 3) - 1) * var(--gap) - 1px) / var(--cols, 3))),1fr));gap:.9rem var(--gap)}.bldg--wide .bldg__windows{--gap: .6rem;--min: 4.5rem;row-gap:.75rem}.win{display:flex;flex-direction:column;align-items:stretch;gap:.35rem;width:100%;padding:0;border:0;background:none;color:inherit;font:inherit;text-align:center;cursor:pointer;border-radius:.5rem}.win__glass{position:relative;display:block;height:4rem;overflow:hidden;border-radius:1.75rem 1.75rem .25rem .25rem;background:var(--night);box-shadow:inset 0 0 0 3px var(--frame);transition:box-shadow .2s}.bldg--wide .win__glass{height:2.6rem;border-radius:1.1rem 1.1rem .2rem .2rem}.win--lit .win__glass{background:linear-gradient(180deg,var(--glow),var(--coral));box-shadow:inset 0 0 0 3px var(--frame),0 0 1.25rem #f2be504d}.win__glass:after{content:"";position:absolute;left:50%;bottom:-2px;width:1.9rem;height:1.5rem;transform:translate(-50%,100%);transition:transform .25s ease;background:var(--night);clip-path:polygon(0 100%,0 20%,18% 0,32% 32%,68% 32%,82% 0,100% 20%,100% 100%)}.win:not(.win--lit) .win__glass:after{background:var(--frame)}.win:hover .win__glass:after,.win--on .win__glass:after{transform:translate(-50%)}.win:hover .win__glass,.win--on .win__glass{box-shadow:inset 0 0 0 3px var(--lamp),0 0 1.5rem #f2be5073}.win:focus-visible{outline:2px solid var(--lamp);outline-offset:3px}.win__name{font-size:var(--step--1);font-weight:700;line-height:1.2;color:#e8d3e4;overflow-wrap:anywhere}.bldg--wide .win__name{font-size:.75rem}.bldg__caption{display:grid;margin-top:1.25rem;padding:.9rem 1rem 1rem;border-radius:.5rem;background:var(--night);font-size:.95rem;line-height:1.5}.bldg__entry{grid-area:1 / 1;visibility:hidden}.bldg__entry--on{visibility:visible}.bldg__caption h3{margin:0 0 .25rem;font-family:var(--font-display);font-weight:400;font-size:var(--step-1);color:var(--lamp)}.bldg__caption p{margin:0}.bldg__caption .bldg__detail{margin:.35rem 0 .5rem;font-size:var(--step--1);color:var(--on-night-soft)}.bldg__caption a{font-weight:700;font-size:.95rem}.street__legend{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem 2rem;margin:1.5rem 0 0;font-size:var(--step--1);color:var(--on-night-soft)}.street__legend span{display:inline-flex;align-items:center;gap:.5rem}.street__legend i{width:.8rem;height:1rem;border-radius:.4rem .4rem .1rem .1rem;background:var(--night);box-shadow:inset 0 0 0 2px var(--frame)}.street__legend i.lit{background:linear-gradient(var(--glow),var(--coral))}.street__more{max-width:34rem;margin:2.5rem auto 0;text-align:center;color:var(--on-night-soft)}@media(max-width:56rem){.street__row{grid-template-columns:minmax(0,1fr);gap:7.5rem;padding-top:7rem;border-bottom:0}.bldg{border-bottom:1rem solid #1a0d20}.post{order:-1;justify-self:center;width:auto;margin:0 0 -3rem;background:none}.post__plaque{position:static;display:inline-block;transform:none}.street__row+.street__row{margin-top:2rem}}@media(prefers-reduced-motion:reduce){.win__glass,.win__glass:after{transition:none}}.site{position:relative;display:flex;flex-direction:column;min-height:100vh}.site__main{flex-grow:1}.topbar{display:flex;align-items:center;justify-content:space-between;gap:1rem;max-width:88rem;width:100%;box-sizing:border-box;margin:0 auto;padding:1.25rem clamp(1rem,4vw,3.5rem)}.topbar--over{position:absolute;top:0;left:0;right:0;z-index:10;max-width:none}.topbar--over .topbar__brand img{filter:drop-shadow(0 1px 2px rgb(0 0 0 / .3))}.topbar__brand{display:inline-flex;align-items:center;gap:.6rem;color:var(--ink);text-decoration:none;font-family:var(--font-display);font-size:var(--step-1);border-radius:.25rem}.topbar__actions{display:flex;align-items:center;gap:.25rem;color:var(--ink-soft)}.topbar__icon{display:inline-grid;place-items:center;width:2.5rem;height:2.5rem;border:0;border-radius:50%;background:none;color:inherit;cursor:pointer}.topbar__icon:hover{background:var(--raised);color:var(--ink)}.topbar__user{margin:0 .5rem;font-size:var(--step--1)}@media(max-width:30rem){.topbar__user{display:none}}.footer{max-width:88rem;width:100%;box-sizing:border-box;margin:0 auto;padding:2rem clamp(1rem,4vw,3.5rem) 2.5rem;display:flex;flex-wrap:wrap;justify-content:space-between;gap:.75rem 2rem;font-size:var(--step--1);color:var(--ink-soft);border-top:1px solid var(--rule)}.footer p{margin:0}.footer nav{display:flex;gap:1.5rem}.footer a{color:inherit;text-underline-offset:.25em}.footer a:hover{color:var(--ink)}