@import url(https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@1,400&display=swap);.animated-text,.scene,body,html{overflow:hidden}.building::after,.building::before{content:'';height:4.5cqh;bottom:100%}.bokeh-container,.building::after,.lamp-light,.pavement-line,.rain-splash-zone,.thunder-overlay{pointer-events:none}:root{--bg-color:#010103;--building-dark:#06070a;--building-light:#11141c;--rain-color:#6c788b;--window-warm:#f2b572;--street-light:#ff9632;--street-glow:#67350e}body,html{margin:0;padding:0;width:100%;height:100%;background-color:#000;display:flex;justify-content:center;align-items:center}.scene{aspect-ratio:16/9;width:min(100vw,177.77vh);height:auto;container-type:size;position:relative;background:radial-gradient(circle at 70% 90%,#1a2035 0,#0a0c14 40%,#000 100%);perspective:1200px;box-shadow:0 0 0 100vmax #000}.animated-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:200;font-family:'Playfair Display',serif;font-style:italic;font-size:6cqw;color:#fff;text-shadow:0 0 2cqw rgba(0,0,0,.8),0 0 5cqw rgba(255,255,255,.1);white-space:nowrap;border-right:solid rgba(255,255,255,.8);width:0;animation:5s steps(22,end) infinite typing-loop,.75s step-end infinite blink-caret}@keyframes typing-loop{0%,100%{width:0}60%,90%{width:7.2em}}@keyframes blink-caret{from,to{border-color:transparent}50%{border-color:rgba(255,255,255,.8)}}.thunder-overlay{position:absolute;inset:0;background:#fff;opacity:0;z-index:100;mix-blend-mode:overlay;animation:18s infinite thunder-flash}.bokeh-container,.glow-window,.lamp-light{mix-blend-mode:screen}.skyline-back{position:absolute;bottom:0;left:-10%;width:120%;height:100%;z-index:0;filter:blur(.5cqh);box-shadow:15cqw 10cqh 0 10cqh #020305,35cqw 5cqh 0 12cqh #020305,60cqw 15cqh 0 8cqh #020305,85cqw 0 0 15cqh #020305;opacity:.9}.city-background{position:absolute;bottom:30%;left:0;width:100%;height:70%;z-index:1;filter:blur(.3cqh) contrast(1.1);opacity:.7;background:linear-gradient(to bottom,transparent 40%,#000 100%),repeating-linear-gradient(90deg,#06070a 0,#06070a 1.5cqh,#000 1.6cqh,#000 3cqh)}.building,.city-midground{z-index:2;position:absolute}.city-midground{bottom:25%;left:0;width:100%;height:75%;filter:drop-shadow(0 0 1.5cqw rgba(0,0,0,.8))}.building{bottom:0;background-color:#1a1816;background-image:repeating-linear-gradient(to bottom,rgba(0,0,0,.8) 0,rgba(0,0,0,.8) .2cqh,transparent .2cqh,transparent 4cqh),linear-gradient(90deg,rgba(0,0,0,.4) 0,rgba(30,30,35,.1) 10%,rgba(0,0,0,.4) 20%,rgba(30,30,35,.1) 30%,rgba(0,0,0,.4) 40%,rgba(30,30,35,.1) 50%,rgba(0,0,0,.4) 60%,rgba(30,30,35,.1) 70%,rgba(0,0,0,.4) 80%,rgba(30,30,35,.1) 90%,rgba(0,0,0,.4) 100%);box-shadow:inset 0 0 5cqh rgba(0,0,0,.9);overflow:visible}.building::before{position:absolute;left:-.2cqw;right:-.2cqw;background:linear-gradient(170deg,#0a0b10 20%,#151820 60%,#08090b 100%);clip-path:polygon(10% 0,90% 0,100% 100%,0% 100%);box-shadow:inset 0 .5cqh 1cqh rgba(0,0,0,.8);z-index:3}.building::after{position:absolute;left:10%;width:80%;background-image:linear-gradient(90deg,transparent 45%,#050505 45%,#050505 55%,transparent 55%),linear-gradient(to bottom,rgba(255,255,255,.02) .1cqh,transparent .1cqh);background-size:2cqw 100%,100% .8cqh;opacity:.5;z-index:4}.b-2::after,.b-5::after{z-index:10;content:'';position:absolute}.windows{position:absolute;top:1cqh;left:.5cqw;right:.5cqw;bottom:.5cqh;background-image:linear-gradient(to bottom,#2a2a2a .2cqh,transparent .2cqh),linear-gradient(90deg,#151515 .2cqh,transparent .2cqh),linear-gradient(rgba(255,200,150,.05) .1cqh,transparent .1cqh);background-size:100% 4cqh,20% 100%,100% .2cqh;z-index:5;box-shadow:inset 0 0 2cqh #000}.b-1{left:2%;width:14cqw;height:50cqh;z-index:3;border-right:solid rgba(0,0,0,.5);background-image:linear-gradient(to bottom,rgba(0,0,0,.8) 0,rgba(0,0,0,.8) 15%,transparent 15%),repeating-linear-gradient(90deg,#0c0c0c 0,#0c0c0c .4cqh,transparent .4cqh,transparent 2cqh),repeating-linear-gradient(to bottom,#111 0,#111 .2cqh,transparent .2cqh,transparent 5cqh)}.b-1::before{height:6cqh;clip-path:polygon(15% 0,85% 0,100% 100%,0% 100%);background:linear-gradient(180deg,#0e1015 0,#1a1e28 100%)}.b-1 .windows{background-image:repeating-linear-gradient(90deg,transparent 0,transparent 15%,#050505 15%,#050505 25%),repeating-linear-gradient(to bottom,transparent 0,transparent 1cqh,rgba(255,180,100,.1) 1cqh,rgba(255,180,100,.05) 3.5cqh,#000 3.5cqh,#000 5cqh);background-size:100% 100%}.b-2{left:15%;width:12cqw;height:45cqh;z-index:2;background-color:#12100e}.b-2::before{height:4cqh;background:#0d0f14;clip-path:polygon(0 0,100% 0,100% 100%,0% 100%);border-bottom:solid #000}.b-2 .windows{background-size:100% 6cqh,25% 100%;opacity:.6}.b-2::after{top:20%;left:-5%;width:110%;height:.5cqh;background:#000;box-shadow:0 .2cqh .2cqh rgba(0,0,0,.8)}.b-3{left:26%;width:18cqw;height:65cqh;z-index:4;background-color:#181614;box-shadow:0 0 5cqh #000;border-left:solid #0f0e0d;border-right:solid #0f0e0d}.b-3::before{height:7cqh;bottom:100%;clip-path:polygon(20% 0,80% 0,100% 100%,0% 100%)}.b-3 .antenna{position:absolute;bottom:100%;left:10%;width:1cqw;height:2.5cqh;background:#0a0a0a;box-shadow:2cqw 0 0 #0a0a0a,4cqw 0 0 #0a0a0a,6cqw 0 0 #0a0a0a,8cqw 0 0 #0a0a0a,10cqw 0 0 #0a0a0a}.b-4{left:43%;width:20cqw;height:55cqh;z-index:1;background-color:#141210}.b-4::before{height:5.5cqh;clip-path:polygon(10% 0,90% 0,100% 100%,0% 100%);background:linear-gradient(180deg,#151820 0,#050508 100%)}.b-4 .windows{background-image:repeating-linear-gradient(90deg,transparent 0,transparent 10%,#000 10%,#000 14%),repeating-linear-gradient(to bottom,transparent 0,transparent 3.5cqh,#000 3.5cqh,#000 4.5cqh)}.b-4 .antenna{position:absolute;width:100%;height:1cqh;bottom:25%;background:repeating-linear-gradient(90deg,#000 0,#000 2cqw,transparent 2cqw,transparent 4cqw);opacity:.8}.b-5{left:62%;width:15cqw;height:60cqh;z-index:3;background-color:#161412;border-left:1px solid rgba(255,255,255,.02)}.b-5::before{height:6.5cqh;clip-path:polygon(15% 0,85% 0,95% 100%,5% 100%);background:#0f1116}.b-5 .windows{background-size:25% 100%,100% 4cqh,25% 4cqh;background-position:0 0,0 0,12.5% 2cqh}.b-5::after{bottom:15%;left:-2px;width:102%;height:.8cqh;background:#050505;border-top:1px solid #222;border-bottom:1px solid #222}.b-6{left:76%;width:24cqw;height:52cqh;z-index:2;background-color:#110f0d}.b-6::before{height:5cqh;clip-path:polygon(0 0,100% 0,100% 100%,0% 100%);background:#0b0d10}.b-6::after{content:'';position:absolute;top:30%;left:0;width:100%;height:.4cqh;background:#000;box-shadow:0 .5cqh 1cqh rgba(0,0,0,.5)}.glow-window{position:absolute;background:radial-gradient(circle,#ffa03c,transparent 70%);box-shadow:0 0 1.5cqh #ff8c28;opacity:.6}.gw-1{top:25%;left:14%;width:2cqw;height:2cqw;animation:4s infinite win-flicker}.gw-2{top:55%;left:88%;width:3cqw;height:3cqw;animation:6s infinite reverse win-flicker}.gw-3{top:35%;left:43%;width:1.5cqw;height:1.5cqw;animation:5s infinite win-flicker}.bokeh-container{position:absolute;bottom:20%;left:0;width:100%;height:20cqh;z-index:3;filter:blur(.3cqh)}.bokeh{position:absolute;border-radius:50%;opacity:.25;animation:40s linear infinite bokeh-move;box-shadow:0 0 2cqw currentColor}.bk-1{background:#f44;top:5cqh;width:4cqw;height:4cqw;animation-duration:30s}.bk-2{background:#fa0;top:10cqh;width:1.5cqw;height:1.5cqw;animation-duration:25s;animation-delay:-5s}.bk-3{background:#f44;top:3cqh;width:5cqw;height:5cqw;opacity:.1;animation-duration:45s;animation-delay:-10s}.street-lamp{position:absolute;bottom:25%;left:72%;width:1.4cqh;height:52cqh;background:linear-gradient(90deg,#020202,#252525 30%,#020202);z-index:5;box-shadow:inset .1cqw 0 .3cqw rgba(255,255,255,.05)}.lamp-head{position:absolute;top:0;left:-5cqh;width:11cqh;height:4cqh;background:#080808;border-radius:6cqh 6cqh 1.5cqh 1.5cqh;box-shadow:inset 0 -.5cqh 1cqh #000,0 .5cqh 1.5cqh rgba(0,0,0,.6);z-index:6}.lamp-bulb{position:absolute;top:3.2cqh;left:50%;transform:translateX(-50%);width:8cqh;height:2.5cqh;background:#fff;border-radius:50%;box-shadow:0 0 6cqh var(--street-light),0 0 12cqh var(--street-glow),inset 0 0 2cqh #fff;filter:blur(.3cqh);z-index:5;animation:12s infinite light-flicker-intense}.lamp-light{position:absolute;top:4cqh;left:-25cqh;width:50cqh;height:90cqh;background:radial-gradient(ellipse at top,#ffa028,transparent 65%);opacity:.75;filter:blur(4cqh);transform-origin:top center;animation:8s ease-in-out infinite alternate fog-light-sway}.ground,.ground-reflection{width:100%;position:absolute}.ground{bottom:0;height:28%;background:#040507;z-index:10;box-shadow:0 -3cqh 8cqh #000;overflow:hidden}.ground-reflection{top:0;left:0;height:200%;background:inherit;opacity:.4;filter:blur(.5cqh) contrast(1.3) brightness(.9);transform:scaleY(-1) translateY(-10%);mask-image:linear-gradient(to bottom,black 10%,transparent 70%);-webkit-mask-image:linear-gradient(to bottom,black 10%,transparent 70%)}.pavement-line,.puddle,.rain-3{filter:blur(.1cqh)}.pavement-line{position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0,transparent 10cqh,rgba(255,255,255,.04) 10cqh,rgba(255,255,255,.04) 10.3cqh);transform:perspective(40cqh) rotateX(65deg) scaleY(2);opacity:.4}.puddle{position:absolute;border-radius:50%;background:radial-gradient(ellipse at center,#28323c,#0a0f14);box-shadow:inset 0 0 3cqh #000,0 0 .8cqh rgba(200,220,255,.1);transform:scaleY(.25);opacity:.85}.rain-1,.rain-2,.rain-3{background-repeat:repeat-y}.p-1{top:35%;left:20%;width:28cqw;height:18cqh}.p-2{top:55%;left:45%;width:42cqw;height:25cqh}.p-3{top:25%;left:75%;width:22cqw;height:12cqh;opacity:.7}.rain-splash-zone{position:absolute;bottom:28%;width:100%;height:6cqh;z-index:22}.splash{position:absolute;bottom:0;width:3cqh;height:1cqh;border:solid rgba(255,255,255,.4);border-radius:50%;animation:.5s linear infinite splash-anim;opacity:0}.impact,.rain-layer{height:100%;position:absolute;pointer-events:none}.s-1{left:10%;animation-delay:.1s;transform:scale(.6)}.s-2{left:25%;animation-delay:.3s;transform:scale(.8)}.s-3{left:40%;animation-delay:.5s;transform:scale(.7)}.s-4{left:55%;animation-delay:.2s;transform:scale(.9)}.s-5{left:70%;animation-delay:.4s;transform:scale(.6)}.s-6{left:85%;animation-delay:0s;transform:scale(.8)}.impact{bottom:0;width:100%;z-index:25}.impact div{position:absolute;width:.2cqh;height:1.5cqh;background:rgba(255,255,255,.6);bottom:28%}.imp-1{left:12%;animation:.9s .1s infinite drop-impact}.imp-2{left:28%;animation:1.1s .5s infinite drop-impact}.imp-3{left:35%;animation:.8s .2s infinite drop-impact}.imp-4{left:52%;animation:1.3s .7s infinite drop-impact}.imp-5{left:68%;animation:1s .3s infinite drop-impact}.imp-6{left:82%;animation:1.2s .9s infinite drop-impact}.rain-layer{width:120%;top:0;left:-10%;transform:skewX(-10deg);z-index:20}.rain-1{background-image:linear-gradient(to bottom,transparent 95%,var(--rain-color) 100%),linear-gradient(to bottom,transparent 96%,var(--rain-color) 100%),linear-gradient(to bottom,transparent 94%,var(--rain-color) 100%);background-size:.1cqh 60cqh,.2cqh 50cqh,.1cqh 70cqh;background-position:15% 0,50% -20cqh,85% -40cqh;opacity:.7;z-index:32;animation:1s linear infinite rain-fall-organic}.rain-2{background-image:linear-gradient(to bottom,transparent 96%,var(--rain-color) 100%),linear-gradient(to bottom,transparent 96%,var(--rain-color) 100%),linear-gradient(to bottom,transparent 97%,var(--rain-color) 100%),linear-gradient(to bottom,transparent 95%,var(--rain-color) 100%);background-size:.1cqh 40cqh,.1cqh 55cqh,.1cqh 45cqh,.1cqh 60cqh;background-position:5% -10cqh,30% -30cqh,60% -10cqh,90% 0;opacity:.4;z-index:31;animation:1.5s linear infinite rain-fall-organic}.rain-3{background-image:linear-gradient(to bottom,transparent 98%,#c8dcff 100%),linear-gradient(to bottom,transparent 97%,#c8dcff 100%);background-size:.1cqh 50cqh,.1cqh 65cqh;background-position:20% 0,70% -20cqh;opacity:.2;z-index:30;animation:2.5s linear infinite rain-fall-organic}.rain-fog{position:absolute;inset:0;background:radial-gradient(circle at 50% 120%,rgba(20,30,45,.3),transparent 70%);z-index:25;mix-blend-mode:overlay;pointer-events:none;filter:blur(3cqh)}.fog{position:absolute;bottom:0;width:100%;height:35cqh;background:linear-gradient(to top,#05080f,transparent);z-index:15;filter:blur(2.5cqh);pointer-events:none}.ambient-glow{position:absolute;inset:0;background:radial-gradient(circle at 72% 35%,rgba(255,140,20,.15),transparent 60%);mix-blend-mode:screen;pointer-events:none;z-index:99}@keyframes rain-fall-organic{0%{background-position-y:0cqh,0cqh,0cqh,0cqh}100%{background-position-y:100cqh,100cqh,100cqh,100cqh}}@keyframes thunder-flash{0%,100%,96%{opacity:0}96.5%{opacity:.7}97%{opacity:.1}97.5%{opacity:.5}}@keyframes light-flicker-intense{0%,100%{opacity:1;transform:translateX(-50%) scale(1);filter:blur(.3cqh)}50%{opacity:.85;transform:translateX(-50%) scale(.98);filter:blur(.4cqh)}20%{opacity:.7}22%,85%{opacity:.9}86%{opacity:.6}87%{opacity:1}}@keyframes fog-light-sway{0%{transform:skewX(-2deg) scale(1);opacity:.7}100%{transform:skewX(2deg) scale(1.05);opacity:.8}}@keyframes splash-anim{0%{transform:scale(0);opacity:0}50%{opacity:1;border-width:.2cqh}100%{transform:scale(1.8);opacity:0;border-width:0}}@keyframes win-flicker{0%,100%{opacity:.9}50%{opacity:.5}}@keyframes blink{0%,100%,40%{opacity:.2}20%{opacity:1}}@keyframes bokeh-move{0%{transform:translateX(-20vw) scale(.8)}100%{transform:translateX(120vw) scale(1.2)}}@keyframes drop-impact{0%{transform:translateY(-6cqh) scaleY(1);opacity:0}40%{opacity:1}90%{transform:translateY(0) scaleY(.2);opacity:1}100%{transform:translateY(0) scale(2,0);opacity:0}}