html:has(.residency-page),body.residency-page{height:100%;overflow:hidden}
.residency-page{--paper:#c4d0d5;--ink:#000;--muted:#414d53}
[data-time="night"] .residency-page{--paper:#101c2d;--ink:#f6f0df;--muted:#becbd0}
.street-hero.residency-hero{position:relative;display:block;width:100%;min-height:0;height:100dvh;padding:0;overflow:hidden}
.street-stage{position:absolute;inset:0;background:var(--paper);overflow:hidden}
#street-canvas,.street-poster{width:100%;height:100%;display:block;position:absolute;inset:0;object-fit:cover;object-position:center bottom}
#street-canvas{opacity:0}.street-ready #street-canvas,.scene-ready #street-canvas{opacity:1}.street-ready .street-poster,.scene-ready .street-poster{visibility:hidden}
.street-ready .street-cloud,.scene-ready .street-cloud{display:none}
.street-ready .street-sun .celestial,.scene-ready .street-sun .celestial{opacity:0}
.street-ready .street-sun,.scene-ready .street-sun{right:auto;transform:translate(-50%,-50%)}
.street-cloud{left:22%;top:19%;width:55px}.street-sun{position:absolute;right:17%;top:25%;width:50px;height:50px}
.street-sun .celestial{width:42px;height:42px}
.house-hit{position:absolute;z-index:3;left:44%;top:60%;width:12%;height:28%;text-decoration:none;outline-offset:10px;border-radius:4px}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.entry-skip,.entry-cancel{position:fixed;bottom:30px;z-index:90;width:44px;height:44px;display:grid;place-items:center;padding:0;border:1px solid currentColor;border-radius:999px;background:var(--paper);color:var(--ink);font-size:22px;text-decoration:none}
.entry-skip{font-family:'Lora',serif;right:var(--gutter);width:auto;padding-inline:20px;font-size:12px}.entry-cancel{left:var(--gutter)}
.entry-skip[hidden],.entry-cancel[hidden]{display:none}
.entering-house{overflow:hidden}
.entering-house .street-hero{position:fixed;inset:0;z-index:70;min-height:0;height:100dvh}
.entering-house .street-sun,.entering-house .street-cloud,.entering-house .house-hit{opacity:0;pointer-events:none}
.street-stage::after{content:'';position:absolute;inset:0;background:#fff;opacity:var(--entry-fade,0);pointer-events:none}
.street-stage::before{content:'';position:absolute;inset:0 0 48%;z-index:1;pointer-events:none;opacity:0;background:radial-gradient(circle at 12% 22%,#f6f0df99 0 1px,transparent 1.4px),radial-gradient(circle at 33% 30%,#f6f0df66 0 1px,transparent 1.4px),radial-gradient(circle at 56% 19%,#f6f0df77 0 1px,transparent 1.4px),radial-gradient(circle at 74% 34%,#f6f0df66 0 1px,transparent 1.4px),radial-gradient(circle at 92% 40%,#f6f0df99 0 1px,transparent 1.4px),radial-gradient(circle at 6% 76%,#f6f0df55 0 1px,transparent 1.4px),radial-gradient(circle at 87% 86%,#f6f0df88 0 1px,transparent 1.4px)}
[data-time="night"] .street-stage::before{opacity:1}.street-ready .street-stage::before,.scene-ready .street-stage::before,.entering-house .street-stage::before{opacity:0}.street-stage::after{z-index:4}
@media(max-width:760px){
 .street-sun{top:15%;right:13%;width:40px;height:40px}.street-sun .celestial{width:28px;height:28px}
 .street-cloud{left:10%;top:20%;width:36px}
 .house-hit{left:33%;top:59%;width:34%;height:30%}
}
@media(prefers-reduced-motion:reduce){#street-canvas{transition:none}}