@keyframes spin{to{transform:rotate(360deg)}}.contact-page,main[data-barba-namespace=contact]{position:relative;overflow:hidden}.contact-page section,main[data-barba-namespace=contact] section{color:#fff;cursor:url(/assets/cursor/default-light.png),default;background-color:#0a0a0a;font-family:Neue Montreal,sans-serif}.contact-page #content a,.contact-page #content button,main[data-barba-namespace=contact] #content a,main[data-barba-namespace=contact] #content button,.contact-page #next1 button,.contact-page #back1 button,.contact-page #next2 button,.contact-page #back2 button,.contact-page #next3 button,.contact-page #back3 button,.contact-page #next4,.contact-page .service-btn,.contact-page .budget-btn,main[data-barba-namespace=contact] #next1 button,main[data-barba-namespace=contact] #back1 button,main[data-barba-namespace=contact] #next2 button,main[data-barba-namespace=contact] #back2 button,main[data-barba-namespace=contact] #next3 button,main[data-barba-namespace=contact] #back3 button,main[data-barba-namespace=contact] #next4,main[data-barba-namespace=contact] .service-btn,main[data-barba-namespace=contact] .budget-btn{cursor:url(/assets/cursor/pointer-light.png),default}.contact-page input,main[data-barba-namespace=contact] input{color:#fff}.contact-page input::-moz-placeholder{color:#ffffff80}main[data-barba-namespace=contact] input::-moz-placeholder{color:#ffffff80}.contact-page input::placeholder,main[data-barba-namespace=contact] input::placeholder{color:#ffffff80}.contact-page input.border-gray-500,main[data-barba-namespace=contact] input.border-gray-500{border-color:#ffffff4d}.contact-page #section1,main[data-barba-namespace=contact] #section1{background-color:#111;border-radius:20px;flex-direction:column;justify-content:center;align-items:center;width:calc(100vw - 4rem);height:calc(100svh + -6rem - 30px);margin:calc(4rem + 30px) auto 2rem;padding:2rem;display:flex;position:relative;overflow:hidden}.contact-page #section1 #video,main[data-barba-namespace=contact] #section1 #video{-o-object-fit:contain;object-fit:contain;z-index:0;width:100%;height:100%;position:absolute;inset:0}.contact-page #section1 #content,main[data-barba-namespace=contact] #section1 #content{z-index:1;position:relative}.contact-page #section1 .contact-hero-bottom,main[data-barba-namespace=contact] #section1 .contact-hero-bottom{z-index:1;position:absolute;bottom:0;left:0;right:0}.contact-page #section1 .contact-hero-bottom,.contact-page #section1 .contact-hero-bottom p,.contact-page #section1 .contact-hero-bottom a,main[data-barba-namespace=contact] #section1 .contact-hero-bottom,main[data-barba-namespace=contact] #section1 .contact-hero-bottom p,main[data-barba-namespace=contact] #section1 .contact-hero-bottom a{color:#fff!important}.contact-page #section2,.contact-page #section3,.contact-page #section4,.contact-page #section5,.contact-page #section6,main[data-barba-namespace=contact] #section2,main[data-barba-namespace=contact] #section3,main[data-barba-namespace=contact] #section4,main[data-barba-namespace=contact] #section5,main[data-barba-namespace=contact] #section6{position:absolute;bottom:-100%}.contact-page .hero-marquee,main[data-barba-namespace=contact] .hero-marquee{color:#fff;text-align:center;place-items:center;width:100%;height:100%;font-family:Sora;font-size:5rem;display:grid;position:absolute}.contact-page .animate-spin,main[data-barba-namespace=contact] .animate-spin{animation:.6s linear infinite spin}@media screen and (max-width:900px){.contact-page #section1,main[data-barba-namespace=contact] #section1{width:calc(100vw - 2rem);min-height:calc(100svh + -3rem - 30px);margin-top:calc(2rem + 30px);margin-bottom:1rem;padding:1rem}.contact-page .hero-marquee,main[data-barba-namespace=contact] .hero-marquee{font-size:4rem}}@media screen and (max-width:480px){.contact-page .hero-marquee,main[data-barba-namespace=contact] .hero-marquee{font-size:32px}}