*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{overflow-x:hidden;overscroll-behavior-y:none}#scroll-canvas{position:fixed;top:0;left:0;z-index:-1;width:100vw;height:100vh;display:block;object-fit:cover;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.intro{width:100%;height:100vh}.lettering{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%) translateZ(0);transform-origin:center center;will-change:transform,opacity;backface-visibility:hidden}.lettering img{width:80vw;max-width:700px}.scroll-arrow{position:absolute;bottom:2rem;left:50%;transform:translate(-50%);pointer-events:none;animation:bounce 2s infinite;z-index:10}.scroll-arrow img{width:40px;height:auto;opacity:.8}@keyframes bounce{0%,to{transform:translate(-50%)}50%{transform:translate(-50%,10px)}}.content{display:flex;flex-direction:column;align-items:center;gap:60px;padding:40px;width:100%}.city-row{display:flex;width:80%;max-width:800px}.city-row.left{justify-content:flex-start}.city-row.right{justify-content:flex-end}.city img{height:150px;width:350px;aspect-ratio:1/1;display:block;transition:transform .3s ease-out,filter .3s ease-out;will-change:transform,filter;cursor:pointer}.city img:hover{transform:scale(.9);filter:brightness(1.1)}.footer{text-align:center;width:100%;flex-shrink:0;position:sticky;bottom:0;background-size:cover}.footer img{display:block;width:100%;max-height:95vh}@media (max-width: 600px){.city img{height:75px;width:175px}}@media (max-width: 480px){.city img{height:50px;width:150px}.scroll-arrow{display:none}.footer{position:relative;bottom:0;left:0}}