.webgl-container{height:100svh;width:100%}.webgl-container:before{background-color:rgba(255,224,0,.012);content:"";height:100%;inset:0;pointer-events:none;position:absolute;width:100%;z-index:2}.webgl-container canvas{cursor:grab}.webgl-container canvas:active{cursor:grabbing}.webgl-pins{z-index:10}.webgl-pins,.webgl-pins__item{left:0;position:absolute;top:0}.webgl-pins__item{border:1px solid transparent;border-radius:100%;height:30px;margin-top:15px;opacity:0;pointer-events:none;transform-origin:50% 50%;transition-duration:.4s;transition-property:opacity,margin-top,width,height,border-radius,background-color,border-color;transition-timing-function:cubic-bezier(.25,.74,.22,.99);width:30px}.webgl-pins__item .btn__text{letter-spacing:0;transition-duration:.4s;transition-property:opacity;transition-timing-function:cubic-bezier(.25,.74,.22,.99)}.webgl-pins__item:after,.webgl-pins__item:before{border-radius:100%}.is-entered .webgl-pins__item{margin-top:0;opacity:1;pointer-events:auto}.has-hover .webgl-pins__item:active,.has-hover .webgl-pins__item:hover{background-color:transparent;border-color:rgba(var(--c-light-rgb),.5);box-shadow:none;height:60px;width:60px}.has-hover .webgl-pins__item:active:after,.has-hover .webgl-pins__item:active:before,.has-hover .webgl-pins__item:hover:after,.has-hover .webgl-pins__item:hover:before{transform:none!important}.has-hover .webgl-pins__item:active .btn__text,.has-hover .webgl-pins__item:hover .btn__text{opacity:0}.has-hover .webgl-pins__item:active .webgl-pins__item-image-container,.has-hover .webgl-pins__item:hover .webgl-pins__item-image-container{opacity:1}.has-hover .webgl-pins__item:active:not(.is-active) .webgl-pins__item-title,.has-hover .webgl-pins__item:hover:not(.is-active) .webgl-pins__item-title{opacity:1;transform:translate(-50%,-100%) translateY(-20px)}.has-hover .webgl-pins__item:active:not(.is-active).is-on-top .webgl-pins__item-title,.has-hover .webgl-pins__item:hover:not(.is-active).is-on-top .webgl-pins__item-title{transform:translate(-50%) translateY(20px)}.webgl-pins__item.is-active{background-color:transparent;border-color:rgba(var(--c-light-rgb),.5);box-shadow:none;height:60px;width:60px}.webgl-pins__item.is-active:after,.webgl-pins__item.is-active:before{transform:none!important}.webgl-pins__item.is-active .btn__text{opacity:0}.webgl-pins__item.is-active .webgl-pins__item-image-container{opacity:1}.webgl-pins__item.is-on-top .webgl-pins__item-title{top:100%;transform:translate(-50%) translateY(0)}.webgl-pins__item-image-container{border-radius:100%;height:100%;inset:0;opacity:0;overflow:hidden;pointer-events:none;position:absolute;transition-duration:.8s;transition-property:opacity,border-radius;transition-timing-function:cubic-bezier(.25,.74,.22,.99);width:100%;z-index:2}.webgl-pins__item-image{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.webgl-pins__item-title{color:var(--t-text);left:50%;opacity:0;pointer-events:none;position:absolute;top:0;transform:translate(-50%,-100%) translateY(0);transition-duration:.8s;transition-property:opacity,transform;transition-timing-function:cubic-bezier(.25,.74,.22,.99);white-space:normal;width:200px;z-index:3}.webgl-pins__item-title:after{background:#e1dfdb;border-radius:50%;content:"";filter:blur(15px);height:60px;left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);width:230px;z-index:-1}.webgl-pins__street{left:0;margin-top:15px;opacity:0;pointer-events:none;position:absolute;top:0;transform-origin:50% 50%;transition-duration:.4s;transition-property:opacity;transition-timing-function:cubic-bezier(.25,.74,.22,.99)}.webgl-pins__street-line{background-color:var(--c-beige);height:40px;width:1px}.webgl-pins__street-name{align-items:center;background-color:var(--c-beige);display:flex;padding:7.5px 5px;white-space:nowrap;width:-moz-fit-content;width:fit-content}.is-entered .webgl-pins__street{margin-top:0;opacity:1}.webgl-loader{align-items:center;background:linear-gradient(180deg,#12100e,#5f5a52);cursor:progress!important;display:flex;flex-direction:column;height:100%;justify-content:center;left:0;opacity:1;position:absolute;top:0;transition:opacity .3s .5s;width:100%;z-index:30}@media (max-width:567px) and (max-aspect-ratio:13/9),(max-width:667px) and (min-aspect-ratio:13/9),(max-width:979px) and (max-height:415px) and (min-aspect-ratio:13/9){.webgl-loader__logo{width:100%}}.webgl-loader svg{opacity:1;transition:opacity .3s}.is-loaded .webgl-loader{opacity:0;pointer-events:none}.is-loaded .webgl-loader svg{opacity:0}.webgl-intro{align-items:center;background:var(--md,rgba(var(--c-white-rgb),.4)) var(--n-md,rgba(var(--c-white-rgb),.7));display:flex;flex-direction:column;height:100%;justify-content:center;opacity:1;position:absolute;top:0;transition-duration:.8s;transition-property:opacity;transition-timing-function:cubic-bezier(.25,.74,.22,.99);width:100%;z-index:2}.is-entered .webgl-intro{opacity:0;pointer-events:none}.webgl-intro__select{clip-path:polygon(0 100%,100% 100%,100% 100%,0 100%);gap:10px;transition-delay:2.5s;transition-duration:.8s;transition-property:clip-path;transition-timing-function:cubic-bezier(.25,.74,.22,.99);width:100%}.is-loaded .webgl-intro__select{clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}.is-entered .webgl-intro__select{clip-path:polygon(0 0,100% 0,100% 0,0 0);transition-delay:0s}.webgl-intro__select-item{background-color:var(--c-dark-beige);display:flex;flex-direction:column;justify-content:space-between}.webgl-intro__title{bottom:var(--spacing);filter:blur(30px);opacity:0;padding:0 var(--spacing);position:absolute;transform:translateY(20%);transition-delay:2s;transition-duration:.8s;transition-property:opacity,filter,transform;transition-timing-function:cubic-bezier(.25,.74,.22,.99);width:100%}.is-loaded .webgl-intro__title{filter:blur(0);opacity:1;transform:translateY(0)}.is-entered .webgl-intro__title{filter:blur(30px);opacity:0;transform:translateY(-20%);transition-delay:0s}.webgl-intro__title svg{height:100%;width:100%}@media (max-width:567px) and (max-aspect-ratio:13/9),(max-width:667px) and (min-aspect-ratio:13/9),(max-width:979px) and (max-height:415px) and (min-aspect-ratio:13/9){.webgl-intro__title{bottom:auto;top:140px}}.webgl-intro .webgl__mute-button{bottom:auto;position:relative;right:auto;text-align:right}.webgl__mute-button{bottom:var(--spacing);position:absolute;right:var(--spacing);z-index:2}.webgl__mute-button .btn .btn__outline{display:none}.webgl-hud{align-items:flex-end;display:flex;height:100%;justify-content:space-between;left:0;opacity:0;padding:var(--md,var(--spacing) calc(var(--spacing) * 3) var(--spacing) var(--spacing)) var(--n-md,var(--spacing-layout) calc(var(--spacing-layout) * 3 + 5px) calc(var(--spacing-layout) + var(--cookie-height)) var(--spacing-layout));position:absolute;top:0;transition-duration:.4s;transition-property:opacity;transition-timing-function:cubic-bezier(.25,.74,.22,.99);width:100%;z-index:10}.webgl-hud__group{gap:var(--md,calc(var(--scale-px) * 20)) var(--n-md,calc(var(--scale-px) * 10))}.is-entered .webgl-hud{opacity:1}.webgl-hud__mute-button{pointer-events:all;z-index:2}.webgl-hud__mute-button .btn .btn__outline{display:none}.webgl-hud__mute-button .webgl__mute-line{animation-iteration-count:infinite;animation-timing-function:linear;transform-origin:center}.webgl-hud__mute-button .webgl__mute-line--1{animation-duration:1s;animation-name:line-1}.webgl-hud__mute-button .webgl__mute-line--2{animation-duration:2s;animation-name:line-1}.webgl-hud__mute-button .webgl__mute-line--3{animation-duration:3s;animation-name:line-1}.webgl-hud__mute-button .webgl__mute-line--4{animation-duration:1.5s;animation-name:line-1}.webgl-hud__mute-button .webgl__mute-line--5{animation-duration:1.3s;animation-name:line-1}.webgl-hud__mute-button .webgl__default-line{animation-iteration-count:infinite;animation-timing-function:linear;opacity:0;transform-origin:center}.webgl-hud__mute-button .webgl__default-line--1{animation-duration:1s;animation-name:line-2}.webgl-hud__mute-button .webgl__default-line--2{animation-duration:2s;animation-name:line-2}.webgl-hud__mute-button .webgl__default-line--3{animation-duration:3s;animation-name:line-2}.webgl-hud__mute-button .webgl__default-line--4{animation-duration:1.5s;animation-name:line-2}.webgl-hud__mute-button.is-muted .webgl__mute-line{animation:none!important;opacity:0}.webgl-hud__mute-button.is-muted .webgl__default-line{opacity:1}.webgl-hud__compass{position:relative}.webgl-hud__compass-rotate{transform-origin:50.2% 59.5%}.webgl-hud__sun{position:relative;transform:translateY(2px)}.webgl-hud__sun-rotate{transform-origin:54.1% 47%}body:has(.js-webgl-section:not(.is-entered)) .fixed-buttons{opacity:0;pointer-events:none}.fixed-buttons__inner{padding-left:0}@keyframes line-1{0%{transform:scaleY(1)}33%{transform:scaleY(.5)}66%{transform:scaleY(1.5)}to{transform:scaleY(1)}}@keyframes line-2{0%{transform:scaleY(1)}33%{transform:scaleY(1.5)}66%{transform:scaleY(2)}to{transform:scaleY(1)}}