@font-face{font-family:De Fonte Plus;src:url(/demo/34-black-sky/fonts/de-fonte-plus.ttf) format("truetype");font-weight:800;font-style:normal}@font-face{font-family:DM Mono;src:url(/demo/34-black-sky/fonts/dm-mono.ttf) format("truetype");font-weight:500;font-style:normal}@font-face{font-family:Space Grotesk;src:url(/demo/34-black-sky/fonts/space-grotesk.ttf) format("truetype");font-weight:300 700;font-style:normal}:root{--bg: #07090c;--fg: #3d7dff;--type-1: "De Fonte Plus", sans-serif;--type-2: "Space Grotesk", sans-serif;--type-3: "DM Mono", monospace}*{margin:0;padding:0;box-sizing:border-box}body{background-color:var(--bg);color:var(--fg);-webkit-font-smoothing:antialiased}body:after{content:"";position:fixed;inset:-50%;width:200%;height:200%;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");opacity:.06;pointer-events:none;z-index:99999;animation:grain 1s steps(4) infinite}@keyframes grain{0%{transform:translate(0)}25%{transform:translate(-3%,2%)}50%{transform:translate(2%,-3%)}75%{transform:translate(-2%,-1%)}to{transform:translate(0)}}@media(prefers-reduced-motion:reduce){body:after{animation:none}}::selection{background-color:var(--fg);color:var(--bg)}::-webkit-scrollbar{display:none}html.lenis,html.lenis body{height:auto}.lenis:not(.lenis-autoToggle).lenis-stopped{overflow:clip}.lenis [data-lenis-prevent],.lenis [data-lenis-prevent-wheel],.lenis [data-lenis-prevent-touch]{overscroll-behavior:contain}.lenis.lenis-smooth iframe{pointer-events:none}.lenis.lenis-autoToggle{transition-property:overflow;transition-duration:1ms;transition-behavior:allow-discrete}h1,h1.type-var-1,h2,h2.type-var-1,h3,h3.type-var-1{text-transform:uppercase;font-family:var(--type-1);font-weight:500;line-height:.82;margin-top:.5rem}h1,h1.type-var-1{font-size:clamp(3rem,8vw,13rem);letter-spacing:-.045em}h2,h2.type-var-1{font-size:clamp(2.25rem,4.6vw,7.5rem);letter-spacing:-.04em}h3,h3.type-var-1{font-size:clamp(1.6rem,2.4vw,4rem);letter-spacing:-.02em}h1.type-var-2,h2.type-var-2,h3.type-var-2{text-transform:none;font-family:var(--type-2);font-weight:400;line-height:.95}h1.type-var-2{font-size:clamp(3.25rem,7vw,11rem);letter-spacing:-.06em}h2.type-var-2{font-size:clamp(2.5rem,4.4vw,7rem);letter-spacing:-.05em}h3.type-var-2{font-size:clamp(2rem,3vw,4.75rem);letter-spacing:-.04em}p{font-family:var(--type-2);font-size:clamp(1rem,.45vw + .8rem,1.45rem);font-weight:400;line-height:1.2;letter-spacing:-.015em}p.md{font-size:clamp(1.25rem,1.1vw + .6rem,2.1rem);line-height:1.15;letter-spacing:-.02em}p.lg{font-size:clamp(1.4rem,1.5vw + .6rem,2.75rem);line-height:1.1;letter-spacing:-.03em}a,button.type-mono,p.type-mono,span.type-mono{text-decoration:none;text-transform:uppercase;font-family:var(--type-3);font-size:clamp(.72rem,.2vw + .62rem,.95rem);letter-spacing:.02em;padding:0;color:var(--fg)}.container{width:100%;padding:2rem clamp(1.25rem,2vw,3rem);max-width:2560px;margin:0 auto}html.is-loading,html.is-loading body{overflow:hidden}.section-label{display:inline-flex;align-items:center;gap:.75rem;opacity:.7}.section-label:before{content:"";width:.5rem;height:.5rem;background-color:var(--fg);border-radius:50%}.btn{position:relative;display:inline-flex;align-items:center;gap:.75rem;padding:1.1rem 1.9rem;border-radius:999px;border:1px solid var(--fg);background-color:var(--fg);color:var(--bg);font-family:var(--type-3);font-size:clamp(.78rem,.2vw + .68rem,1rem);text-transform:uppercase;letter-spacing:.04em;cursor:pointer;overflow:hidden;isolation:isolate}.btn:before{content:"";position:absolute;inset:0;background-color:var(--bg);border-radius:inherit;transform:translateY(101%);transition:transform .5s cubic-bezier(.19,1,.22,1);z-index:-1}.btn.ghost{background-color:transparent;color:var(--fg)}.btn.ghost:before{background-color:var(--fg)}@media(hover:hover)and (pointer:fine){.btn:hover{color:var(--fg)}.btn.ghost:hover{color:var(--bg)}.btn:hover:before{transform:translateY(0)}}.btn:active{scale:.97}.btn:focus-visible,.sound-toggle:focus-visible{outline:1px solid var(--fg);outline-offset:4px}.sound-toggle{display:inline-flex;align-items:center;gap:.5rem;margin-right:1.5rem;background:none;border:none;cursor:pointer;line-height:1}.sound-bars{display:inline-flex;align-items:flex-end;gap:2px;height:.8rem}.sound-bars i{width:2px;height:100%;background-color:var(--fg);transform:scaleY(.2);transform-origin:bottom;transition:transform .3s ease}.sound-toggle .sound-label{opacity:.4;transition:opacity .2s ease-out}.sound-toggle.is-on .sound-label{opacity:1}.sound-toggle.is-on .sound-bars i{animation:sound-bar .9s ease-in-out infinite alternate}.sound-toggle.is-on .sound-bars i:nth-child(2){animation-duration:.6s;animation-delay:-.3s}.sound-toggle.is-on .sound-bars i:nth-child(3){animation-duration:.75s;animation-delay:-.5s}.sound-toggle.is-on .sound-bars i:nth-child(4){animation-duration:.5s;animation-delay:-.1s}@keyframes sound-bar{0%{transform:scaleY(.2)}to{transform:scaleY(1)}}@media(prefers-reduced-motion:reduce){.sound-toggle.is-on .sound-bars i{animation:none;transform:scaleY(.7)}}@media(max-width:1000px){.sound-toggle{margin-right:1rem}.sound-toggle .sound-label{display:none}}html.has-cursor,html.has-cursor *{cursor:none!important}html.has-cursor input,html.has-cursor textarea{cursor:text!important}.cursor-dot,.cursor-ring{position:fixed;top:0;left:0;pointer-events:none;z-index:100001;opacity:0;transition:opacity .3s ease}html.cursor-visible .cursor-dot,html.cursor-visible .cursor-ring{opacity:1}.cursor-dot{width:6px;height:6px;margin:-3px 0 0 -3px;border-radius:50%;background-color:var(--fg);mix-blend-mode:difference}.cursor-ring{width:2.5rem;height:2.5rem;margin:-1.25rem 0 0 -1.25rem;display:grid;place-items:center}.cursor-ring:before{content:"";position:absolute;inset:0;border:1px solid var(--fg);border-radius:50%;opacity:.5;transition:transform .45s cubic-bezier(.19,1,.22,1),background-color .3s ease,opacity .3s ease}.cursor-ring.is-hover:before{transform:scale(1.5);opacity:1}.cursor-ring.is-label:before{transform:scale(2.4);background-color:var(--fg);opacity:1}.cursor-ring.is-down:before{transform:scale(.85)}.cursor-ring.is-label.is-down:before{transform:scale(2.2)}.cursor-label{position:relative;white-space:nowrap;color:var(--bg);font-size:.7rem;opacity:0;transform:scale(.8);transition:opacity .2s ease,transform .45s cubic-bezier(.19,1,.22,1)}.cursor-ring.is-label .cursor-label{opacity:1;transform:scale(1)}[data-animate-variant=diffuse]{filter:url(#blur-matrix) blur(.25px);-webkit-filter:url(#blur-matrix) blur(.25px)}[data-animate-variant=diffuse] .word{filter:blur(75px);-webkit-filter:blur(75px);will-change:filter,opacity;opacity:0}.line,.word,.char{position:relative;will-change:transform;padding-top:.35em;margin-top:-.35em;padding-bottom:.2em;margin-bottom:-.2em}.transition-grid{position:fixed;top:0;left:0;width:100%;height:100vh;height:100lvh;pointer-events:none;display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(3,1fr);overflow:hidden;z-index:100000}.transition-block{background-color:var(--fg);will-change:opacity;opacity:0}nav{position:fixed;top:0;left:0;width:100%;display:flex;z-index:10;mix-blend-mode:difference}nav .container{display:flex;align-items:flex-start}nav .nav-clock,nav .nav-logo,nav .nav-location{flex:1}nav .nav-clock{text-align:left}nav .nav-location{text-align:right;display:flex;justify-content:flex-end;align-items:center}nav .nav-location ion-icon{font-size:.6rem}.nav-logo{display:flex;justify-content:center;align-items:center}.nav-logo a{position:relative;transform:translateY(-.4rem);width:1.5rem;height:1.5rem}.nav-logo .logo-mark{display:block;width:100%;height:100%;background-color:var(--fg);-webkit-mask:url(/demo/34-black-sky/brand/logo-mask.png) center / contain no-repeat;mask:url(/demo/34-black-sky/brand/logo-mask.png) center / contain no-repeat}nav .nav-clock p,nav .lang-switch{color:var(--fg)}nav .nav-location ion-icon{color:var(--fg)}.lang-switch{display:flex;align-items:center;gap:.35rem;background:none;border:none;cursor:pointer;line-height:1}.lang-switch span{opacity:.4;transition:opacity .2s ease-out}.lang-switch span.active,.lang-switch:hover span{opacity:1}nav .nav-clock p,nav .nav-location{white-space:nowrap}.menu-toggle-btn{position:fixed;bottom:-6rem;left:50%;transform:translate(-50%);width:20rem;height:10rem;padding-top:2rem;border-radius:50% 50% 0 0/80% 80% 0 0;background-color:var(--fg);color:var(--bg);display:flex;flex-direction:column;justify-content:flex-start;align-items:center;gap:.25rem;cursor:pointer;z-index:100}.menu-toggle-btn .hamburger-bar{width:1.25rem;height:.1rem;background-color:var(--bg)}.menu-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;height:100lvh;display:flex;justify-content:center;align-items:center;overflow:hidden;z-index:100}.menu-bg{position:absolute;width:100%;height:100%;background-color:var(--fg)}#menu-canvas{width:100%;height:100%;display:block}.menu-overlay-nav{position:absolute;top:0;left:0;width:100%;max-width:2000px;margin:0 auto;padding:2rem;display:flex;justify-content:space-between}.menu-overlay-footer{position:absolute;bottom:0;width:100%;max-width:2000px;margin:0 auto;padding:2rem;display:flex;justify-content:space-between}.menu-overlay-nav a,.menu-overlay-nav p,.menu-overlay-footer a,.menu-overlay-footer p{line-height:1;color:var(--bg)}.close-btn{position:relative;transform:translate(-.25rem,-.5rem);width:1.5rem;height:1.5rem;display:flex;justify-content:center;align-items:center;cursor:pointer;border-radius:.15rem}.close-btn .close-btn-bar{position:absolute;top:50%;transform:translateY(-50%);width:.9rem;height:.125rem;background-color:var(--bg)}.close-btn .close-btn-bar:nth-child(1){transform:rotate(45deg)}.close-btn .close-btn-bar:nth-child(2){transform:rotate(-45deg)}.menu-overlay-items{display:flex;gap:2rem}.circular-menu{position:relative;width:600px;height:600px;display:flex;justify-content:center;align-items:center;z-index:10}.joystick{position:relative;width:100px;height:100px;background:var(--fg);border-radius:50%;display:flex;align-items:center;justify-content:center;-webkit-user-select:none;user-select:none;cursor:grab;z-index:100}.center-icon{position:absolute;color:var(--bg);font-size:.75rem}.center-main{font-size:1.5rem}.center-up{top:.5rem;left:50%;transform:translate(-50%)}.center-down{bottom:.5rem;left:50%;transform:translate(-50%)}.center-left{left:.5rem;top:50%;transform:translateY(-50%)}.center-right{right:.5rem;top:50%;transform:translateY(-50%)}.menu-segment{position:absolute;width:100%;height:100%;color:var(--fg);background:var(--bg);cursor:pointer}.segment-content{position:absolute;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.segment-content ion-icon{font-size:2rem;margin-bottom:10px}.label{font-size:.75rem;padding:0}.menu-segment:hover{animation:flickerHover .3s ease-in-out forwards;z-index:10}.menu-segment:hover .segment-content{animation:contentFlickerHover .3s ease-in-out forwards}.menu-overlay{opacity:0;pointer-events:none}@media(max-width:1000px){.segment-content ion-icon{font-size:20px}}@keyframes flickerHover{0%{background-color:var(--fg)}10%{background-color:var(--bg)}20%{background-color:var(--fg)}30%{background-color:var(--bg)}40%{background-color:var(--fg)}50%{background-color:var(--bg)}60%{background-color:var(--fg)}70%{background-color:var(--bg)}80%{background-color:var(--fg)}90%{background-color:var(--bg)}to{background-color:var(--fg)}}@keyframes contentFlickerHover{0%{color:var(--bg)}10%{color:var(--fg)}20%{color:var(--bg)}30%{color:var(--fg)}40%{color:var(--bg)}50%{color:var(--fg)}60%{color:var(--bg)}70%{color:var(--fg)}80%{color:var(--bg)}90%{color:var(--fg)}to{color:var(--bg)}}