html,body{overscroll-behavior:none;max-width:100vw;overflow-x:hidden}.lighting-container{--perspective:750px;--color-stop-1:#3a3939;--color-stop-2:#2a2929;width:100vw;height:100dvh;perspective:var(--perspective);background:linear-gradient(to bottom,var(--color-stop-1),var(--color-stop-2));pointer-events:none;position:relative;overflow:hidden}.transformContainer{--x-offset:0px;--y-offset:-10px;--scale:1.15;transform-origin:50%;transform:rotate3d(0,1,.8,-20deg)skewX(-13.5deg)skewY(10deg)scale(var(--scale))translateX(var(--x-offset))translateY(var(--y-offset));transition:all .35s ease-in-out;position:relative}.bumpContainer{--bump-offset-x:0px;--bump-offset-y:0px;transform:translate(var(--bump-offset-x),var(--bump-offset-y));transition:all .8s ease-in-out}.touchContainer{--translate-x:0px;--translate-y:0px;transform:translate(var(--translate-x),var(--translate-y));transition:all .4s ease-in-out;position:relative}.lighting-container div{pointer-events:none}.scene,.contents{width:100%;height:100%;position:relative}.topBar{filter:blur(3px);background:linear-gradient(#393a3a 0%,#4b4844 50%,#474441 75%,#4d4e4f 100%);width:2000px;height:200px;position:absolute;top:-200px;left:-50%;box-shadow:inset 3px -5px 50px #232323}.ceiling{filter:blur(3px);background:linear-gradient(#3a3a3c 0%,#2f2d2c 13.28%,#141413 19.46%,#33322f 24.59%,#363635 100%);width:2000px;height:500px;position:absolute;top:-680px;left:-50%;box-shadow:inset 0 -15px 10px #43414180}.sideBar{--width:50%;top:0;left:calc(-20px - var(--width));width:var(--width);filter:blur(3px);opacity:.5;background:linear-gradient(#313131 30%,#1e1a1a);height:1500px;position:absolute}.sideBarHighlight{--width:20px;width:var(--width);filter:blur(10px);opacity:.2;background:linear-gradient(90deg,#2b2b2c0e 70%,#86868d11);height:200dvh;position:absolute;bottom:-150dvh;left:-20px;box-shadow:inset 2px 0 10px #1b1b1b33}.windowFrame{--shadow-offset:36px;--shadow-strength:30px;width:1800px;height:700px;box-shadow:-5px -3px 2px #3d3a3a,0 5px 2px #262525,var(--shadow-offset)var(--shadow-strength)30px #262525;filter:blur(2px);transform-origin:50%;background:radial-gradient(#3f3636,#525252);border-top-left-radius:120px;border-bottom-left-radius:120px;transition:height .5s ease-in-out,box-shadow .2s ease-in-out;position:absolute;top:10px;left:80px}.windowFrameInnerHighlight{--top:3.5%;--left:2.1%;--shadow-strength:5%;top:var(--top);left:var(--left);width:calc(100% - var(--top));height:calc(90% + var(--shadow-strength) - var(--left));filter:blur(3px);opacity:.3;background:linear-gradient(#393a3a 0%,#53504d 50%,#2e2d2d 75%,#313334 100%);border-top-left-radius:6.5em;border-bottom-left-radius:6.5em;position:absolute;box-shadow:-1px -1px #e4e3de}.windowFrameInner{--top:4.1%;--left:2.55%;top:var(--top);left:var(--left);width:calc(100% - var(--top));height:calc(93% - var(--left));filter:blur(1px);opacity:.2;background:linear-gradient(#25272a 0%,#25262d 50%,#26272c 75%,#53575d 100%);border-top-left-radius:6.2em;border-bottom-left-radius:6.2em;position:absolute}.windowInset{--top:4.05%;--left:2.65%;top:var(--top);left:var(--left);width:calc(100% - var(--top));height:calc(92% - var(--left));filter:blur(1px);background:linear-gradient(#545253 0%,#86898e 10%,#71767d 50%,#5f656e 100%);border-top-left-radius:6em;border-bottom-left-radius:6em;position:absolute;box-shadow:inset 8px -3px 10px #e4e3de33}.windowFrameOuter{--top:12.75%;--left:9.05%;top:var(--top);left:var(--left);width:calc(100% - var(--top));height:calc(87% - var(--left));filter:blur(4px);opacity:.5;background:linear-gradient(90deg,#464542 0%,#717070 50%,#919397 100%);border-top-left-radius:5em;border-bottom-left-radius:5em;position:absolute;box-shadow:-1px -1px 1px #d3d3d3}.windowFrameLedge{--top:13.5%;--left:9.5%;top:var(--top);left:var(--left);width:calc(100% - var(--top));height:calc(86% - var(--left));background:linear-gradient(#767274 0%,#86898e 10%,#71767d 50%,#5f656e 100%);border-top-left-radius:4.8em;border-bottom-left-radius:4.8em;position:absolute;box-shadow:inset 1px 3px 10px #bdbcbc80}.blackBorder{--top:14.8%;--left:10.4%;top:var(--top);left:var(--left);width:calc(100% - var(--top));height:calc(86% - var(--left));background:linear-gradient(#474545,#4e4d4b);border-top-left-radius:4.4em;border-bottom-left-radius:4.4em;position:absolute}.fritBands{--top:0.7%;--left:0.45%;top:var(--top);left:var(--left);width:calc(100% - var(--top));height:calc(100% - var(--left));border-top-left-radius:4em;border-bottom-left-radius:4em;position:absolute}.windowScene{--top:15%;--left:10.6%;top:var(--top);left:var(--left);width:calc(100% - var(--top));height:calc(85.5% - var(--left));box-shadow:inset -10px calc(.5*var(--shadow-strength))30px 0px #0000001f;background:#0c729e;border-top-left-radius:4.2em;border-bottom-left-radius:4.2em;position:absolute;overflow:hidden}.clouds{object-fit:cover;opacity:.4;width:100%;height:100%;position:absolute;top:0%;left:0%}.video{--opacity:.3;mix-blend-mode:plus-lighter;opacity:0;width:100%;height:100%;animation:2s ease-in .5s forwards load-in;position:absolute;top:-5%;left:-30%;transform:rotate3d(0,-1,-.7,-12deg)skew(-4deg)skewY(0);-webkit-mask-image:url(/window-mask.svg);mask-image:url(/window-mask.svg);-webkit-mask-position:3% 30%;mask-position:3% 30%;-webkit-mask-size:104% 52%;mask-size:104% 52%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.timeContainer{mix-blend-mode:plus-lighter;flex-direction:column;justify-content:flex-start;gap:2px;transition:opacity .8s ease-out;display:flex;position:fixed;bottom:30px;left:30px}.destinationContainer,.time{opacity:0;filter:blur(8px);font-family:Departure Mono,monospace;animation:.4s ease-in-out 1.6s forwards text-load-in}.destinationContainer{flex-direction:row;gap:6px;display:flex}.trainIcon{position:relative}.trainIcon:after{content:"";background:green;width:2px;height:2px;position:absolute;top:0;right:0}.time{animation-delay:1.7s}.infoContainer{pointer-events:none;mix-blend-mode:plus-lighter;flex-direction:column;gap:10px;width:200px;transition:all .4s ease-out;display:flex;position:fixed;bottom:100px;left:30px}.infoContainer div{background:#80808033;width:70%;height:1px;margin-top:20px;margin-bottom:15px}.infoTouchContainer{cursor:pointer;z-index:1000;width:250px;height:80px;position:fixed;bottom:10px;left:10px;pointer-events:all!important}.light{--opacity:.5;pointer-events:none;mix-blend-mode:plus-lighter;filter:blur(10px);transform-origin:0 0;opacity:0;background:conic-gradient(from 60deg,#d9d9d900 28.33%,#ca590266 41.31%,#00fa0300 90%);border-radius:50%;width:1000px;height:2000px;animation:.8s ease-in 2.2s load-in,8s ease-in-out 3s infinite alternate light;position:fixed;top:-300px;left:-600px;transform:rotate(-50deg)}.circularLight{--opacity:.3;pointer-events:none;mix-blend-mode:plus-lighter;filter:blur(4px);transform-origin:0 0;opacity:0;background:conic-gradient(#d9d9d900 8.33%,#ca7702c1 41.31%,#00fa0300 90%);border-radius:50%;width:150px;height:120px;animation:1.5s ease-in 1.5s load-in,8s ease-in-out 3s infinite alternate light-2;position:fixed;top:180px;left:260px;transform:rotate(20deg)skew(20deg)}.tinyCircularLight{--opacity:.3;pointer-events:none;mix-blend-mode:plus-lighter;filter:blur(4px);transform-origin:0 0;opacity:0;background:conic-gradient(#d9d9d900 8.33%,#ca770275 11.31%,#00fa0300 90%);border-radius:50%;width:80px;height:80px;animation:1s ease-in 2s load-in,8s ease-in-out 3s infinite alternate light-2;position:fixed;top:150px;left:400px;transform:rotate(20deg)skew(20deg)}.artifactTop{--opacity:.3;pointer-events:none;mix-blend-mode:plus-lighter;filter:blur(5px);transform-origin:0 0;opacity:0;background:conic-gradient(#d9d9d900 8.33%,#ca77028e 41.31%,#00fa0300 90%);border-radius:50%;width:50px;height:20px;animation:1.5s ease-in 2s load-in,8s ease-in-out 3s infinite alternate light-2;position:fixed;top:100px;left:600px;transform:rotate(20deg)skew(20deg)}.circularLightArtifact{--opacity:.3;pointer-events:none;mix-blend-mode:plus-lighter;filter:blur(5px);transform-origin:0 0;opacity:0;background:conic-gradient(from 280deg,#d9d9d900 8.33%,#ca77028e 41.31%,#00fa0300 90%);border-radius:50%;width:50px;height:60px;animation:1.6s ease-in 2s load-in,8s ease-in-out 3s infinite alternate light-2;position:fixed;top:230px;left:300px;transform:rotate(20deg)skew(20deg)}.verticalBeams{--opacity:.08;mix-blend-mode:plus-lighter;transform-origin:top;opacity:0;background-image:url(/light-beams.svg);background-repeat:no-repeat;background-size:contain;width:800px;height:300px;animation:1s .5s load-in,8s ease-in-out 1.5s infinite alternate vertical-beams;position:absolute;top:70px;left:700px;transform:rotate(-2deg)}.whiteOverlay{--opacity:1;mix-blend-mode:plus-lighter;z-index:100;opacity:1;pointer-events:none;background:#ffccac;width:2000px;height:100vh;animation:2s ease-in-out forwards fade-out;position:fixed;top:0;left:0}.gradientAdjustment{opacity:.5;mix-blend-mode:soft-light;pointer-events:none;background:linear-gradient(#2f2e2e,#fff);width:2000px;height:100dvh;position:fixed;top:0;left:0}.yummyColorGrading{--opacity:1;mix-blend-mode:color-dodge;pointer-events:none;opacity:0;background:linear-gradient(#976846,#4b2501);width:2000px;height:100dvh;animation:1s ease-in-out forwards load-in;position:fixed;top:0;left:0}.warmth{--opacity:.3;mix-blend-mode:plus-lighter;pointer-events:none;opacity:0;background:linear-gradient(#5d1e05,#2c1801);width:2000px;height:100dvh;animation:1s ease-in-out forwards load-in;position:fixed;top:0;left:0}.sunrise{opacity:.4;mix-blend-mode:color-dodge;pointer-events:none;background:linear-gradient(#674938 60%,#5a4848);width:2000px;height:100dvh;position:fixed;top:0;left:0}.colorGrade{opacity:1;mix-blend-mode:overlay;pointer-events:none;background:#878681;width:2000px;height:100dvh;position:fixed;top:0;left:0}.contrast{opacity:1;mix-blend-mode:soft-light;pointer-events:none;background:#60564b;width:2000px;height:100dvh;position:fixed;top:0;left:0}.contrast2{opacity:1;mix-blend-mode:soft-light;pointer-events:none;background:#4a4644;width:2000px;height:100dvh;position:fixed;top:0;left:0}.grain,.grain2{pointer-events:none;mix-blend-mode:overlay;width:2000px;height:2000px;animation:1s forwards load-in;position:fixed;top:0;left:0}.grain:before,.grain2:before{content:"";opacity:.16;pointer-events:none;background-image:url(https://upload.wikimedia.org/wikipedia/commons/5/5c/Image_gaussian_noise_example.png);width:calc(200% + 20rem);height:calc(200% + 20rem);transition:opacity .5s;animation:1s steps(2,end) infinite noise;position:fixed;top:-10rem;left:-10rem}.grain1{--opacity:1}.grain2{--opacity:.3;mix-blend-mode:normal;opacity:var(--opacity)}@keyframes text-load-in{0%{opacity:0;filter:blur(8px)}to{opacity:1;filter:blur()}}@keyframes load-in{0%{opacity:0}to{opacity:var(--opacity)}}@keyframes fade-out{0%{opacity:var(--opacity)}to{opacity:0;display:none}}@keyframes noise{0%{transform:translateY(2rem)}10%{transform:translate(-1rem,-2rem)}20%{transform:translate(-4rem,1rem)}30%{transform:translate(4.5rem,-4.5rem)}40%{transform:translate(-1rem,3.5rem)}50%{transform:translate(-4.5rem,-2rem)}60%{transform:translate(1rem,3rem)}70%{transform:translate(3.5rem,-4rem)}80%{transform:translate(-4.5rem,.5rem)}90%{transform:translate(3rem,-2.5rem)}to{transform:translate(-3.5rem)}}@keyframes light{0%{opacity:.5;transform:rotate(-50deg)}50%{opacity:.4}60%{opacity:.7}63%{opacity:.7}70%{opacity:.5}to{opacity:.5;transform:rotate(-50deg)skew(5deg)scaleX(1.4)scaleY(1.2)}}@keyframes light-2{0%,to{opacity:.2;filter:blur(4px);transform:rotate(20deg)skew(20deg)}30%{opacity:.2;filter:blur(6px);transform:rotate(20deg)skew(28deg)translateY(-30px)scale(1.1)}60%{opacity:.5}63%{opacity:.5}70%{opacity:.2;filter:blur(7px)}}@keyframes vertical-beams{0%{opacity:.08;transform:rotate(-2deg)scale(1)}30%{opacity:.05;transform:rotate(-2deg)scaleY(1.1)}70%{opacity:.14}73%{opacity:.14}to{opacity:.08;transform:rotate(-2deg)scaleY(1.1)}}@media (max-height:800px){.transformContainer{--y-offset:-30px}.windowFrame{height:670px;top:36px}}@media (max-width:1200px){.transformContainer{--y-offset:10px;--scale:1.05}}@media (max-width:800px){.transformContainer{--y-offset:75px;--scale:.9}}@media (max-height:700px){.transformContainer{--y-offset:30px;--scale:.8}}@media (max-width:450px) and (max-height:1000px){.transformContainer{--y-offset:280px;--x-offset:-90px;--scale:.78}.video{left:-36%}}@media (max-width:500px) and (max-height:700px){.transformContainer{--y-offset:180px;--x-offset:-100px;--scale:.68}.video{left:-36%}}