@import"https://fonts.googleapis.com/css2?family=Inter:ital,wght@0,100..900;1,100..900&display=swap";:root{--base-100: #07080b;--base-200: #0d0f14;--base-300: #ff0000;--base-secondary-dark: #ffffff;--base-secondary-fade: rgba(226, 226, 226, .06);--accent-1: #ffffff;--accent-2: #ffffff;--accent-3: #ffffff}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,sans-serif;background-color:var(--base-100);color:var(--base-300)}body:before{content:"";position:fixed;inset:0;background:radial-gradient(circle at 50% 25%,rgba(255,0,0,.35),rgba(156,2,2,.15) 35%,transparent 60%);pointer-events:none;z-index:-1}img{width:100%;height:100%;object-fit:cover;-webkit-user-select:none;user-select:none}h1,h2,h3,h4{text-transform:uppercase;font-family:Inter,sans-serif;font-weight:900;line-height:.9;letter-spacing:-.03em}h1{font-size:6rem}h2{font-size:8rem}h3{font-size:6rem}h4{font-size:2.5rem}a{text-decoration:none}p{font-size:1.1rem;font-weight:400}p.md{font-size:1.3rem}p.lg{font-size:1.5rem}p.mono{text-transform:uppercase;font-family:Inter,monospace;font-size:.85rem;font-weight:500;letter-spacing:.04em}p.mono span,a span{position:relative;top:-.1rem}.container{width:100%;height:100%;padding:2.75rem;max-width:2000px;margin:0 auto}.symbols-container{display:flex;gap:.5rem;height:1.125rem;z-index:1}.symbols-container .symbol{width:1.125rem}@media (max-width: 1000px){h1{font-size:6rem}h2,h3{font-size:3rem}p{font-size:1rem}p.md{font-size:1.125rem}p.lg{font-size:1.25rem}p.mono{font-size:.8rem}.container{padding:2rem}}.spotlight-intro-header h3,.spotlight-mask-header h3{color:#fff}.contact{position:relative;width:100vw;height:100svh;overflow:hidden;background-color:var(--base-100);color:var(--base-300)}.contact .container{display:flex;align-items:center}.contact .container .contact-header{width:70%;display:flex;flex-direction:column;gap:2rem}.contact .contact-gif{position:absolute;top:50%;right:2rem;transform:translateY(-50%);z-index:0;width:31%;aspect-ratio:5/3.5}.home-spotlight-top-bar{position:absolute;top:0;left:0;width:100%}.home-spotlight-bottom-bar{position:absolute;bottom:0;left:0;width:100%}.home-spotlight-top-bar .container,.home-spotlight-bottom-bar .container{display:flex;justify-content:space-between}@media (max-width: 1000px){.contact .contact-gif{right:unset;top:35svh;width:calc(100% - 4rem);left:50%;transform:translate(-50%,-50%);max-width:500px}.contact .container .contact-header{position:absolute;bottom:6rem;z-index:1;width:95%}.contact .home-spotlight-bottom-bar p:nth-child(2),.contact .home-spotlight-bottom-bar p:nth-child(3){display:none}}a{color:inherit;text-decoration:none}.menu{position:fixed;top:1.5rem;left:50%;transform:translate(-50%);width:50%;max-width:600px;z-index:100003;pointer-events:auto;transition:transform .4s ease,opacity .4s ease;opacity:0;visibility:hidden}.menu.visible{opacity:1;visibility:visible}.menu.visible .menu-hamburger-icon,.menu.visible .menu-item{opacity:1!important;visibility:visible!important;display:block!important}.menu.visible .menu-toggle{opacity:1!important;visibility:visible!important}.menu.hidden{transform:translate(-50%) translateY(-200%)}.menu-header{position:relative;padding:1rem 1.5rem 1rem 1.75rem;display:flex;justify-content:space-between;align-items:center;background-color:var(--base-300);border-radius:8px;z-index:2;pointer-events:auto;cursor:pointer}.menu-logo{font-size:1.25rem;cursor:pointer}.menu-logo img{width:1.25rem;transition:transform .5s ease}.menu-logo img.rotated{transform:rotate(180deg)}.menu-toggle{position:relative;background:none;border:none;cursor:pointer;padding:.5rem;display:flex;justify-content:center;align-items:center;width:28px;height:28px}.menu-hamburger-icon{width:20px;height:25px;position:absolute;top:10px;right:0;cursor:pointer;opacity:1;visibility:visible;display:block}.menu-item{transition:all .2s ease;display:block;width:20px;height:2px;margin:0 0 4px;background:var(--base-100);border-radius:1px;opacity:1;visibility:visible}.menu-hamburger-icon.open .menu-item{background:var(--base-100)}.menu-hamburger-icon.open .menu-item:first-child{transform:rotate(45deg);transform-origin:5px}.menu-hamburger-icon.open .menu-item:nth-child(2){transform:rotate(-45deg);transform-origin:6px}.menu-overlay{position:absolute;top:100%;left:0;right:0;background-color:var(--base-300);border-radius:0 0 8px 8px;margin-top:-8px;padding-top:8px;transform-origin:top;transform:scaleY(0);overflow:hidden;will-change:transform;pointer-events:auto}.menu-nav{padding:2rem 0 3rem}.menu-nav ul{list-style:none;margin:0;padding:0}.menu-nav li{margin:-4px 0;opacity:0}.menu-nav a{display:block;padding:.5rem 1.75rem;position:relative;text-transform:uppercase;text-decoration:none;color:var(--base-100);font-family:Inter;font-size:5rem;letter-spacing:-.02rem;font-weight:900;line-height:.85;overflow:hidden}.menu-nav a div div{position:relative;will-change:transform}.menu-footer{padding:1rem 1.75rem 1.5rem;opacity:0;display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;flex-wrap:wrap}.menu-social{display:flex;flex-direction:column;gap:1rem;justify-content:center}.menu-controls{display:flex;flex-direction:column;gap:.5rem;align-items:flex-start}.menu-social a,.menu-time,.menu-language-toggle,.menu-music-toggle{color:var(--base-100);font-size:.9rem;text-decoration:none;transition:all .3s ease;text-transform:uppercase;font-family:Inter;font-size:.85rem;font-weight:500}.menu-language-toggle,.menu-music-toggle{background:none;border:none;padding:0;cursor:pointer;text-align:left}.menu-language-toggle:hover,.menu-music-toggle:hover{opacity:.8}.menu-time{width:max-content;color:var(--base-secondary-dark)}@media (max-width: 1000px){.menu{width:90%;max-width:none}.menu-header{padding:1rem 1.5rem}.menu-nav a{font-size:2.5rem;letter-spacing:0;padding:.75rem 1.5rem}.menu-footer{padding:2rem 1.75rem;flex-direction:column;align-items:flex-start}.menu-social{flex-wrap:wrap;gap:.5rem}.menu-time{right:1.5rem}}footer{position:relative;width:100vw;height:max-content;overflow:hidden;background-color:var(--base-300);color:var(--base-100);padding:8rem 0 4rem}footer .container{display:flex;flex-direction:column;justify-content:flex-end;gap:1.5rem}footer .container>div{display:flex;gap:2rem}footer .container .footer-col,footer .container .footer-sub-col{flex:1}footer .footer-top{display:flex;gap:2rem}footer .footer-top .footer-col:nth-child(1){display:flex;flex-direction:column;gap:1rem}footer .footer-top .footer-col:nth-child(1) p.mono{color:var(--base-secondary-dark)}footer .footer-email-row{width:75%;display:flex;gap:1rem;padding:1rem 0}footer .footer-email-row input{flex:1;width:100%;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,sans-serif;font-weight:900;font-size:3rem;color:var(--base-100)}footer .footer-email-row input::placeholder{color:var(--base-secondary-dark);opacity:.75}footer .footer-email-row button{outline:none;border:none;color:var(--base-100);background-color:#ffffff1a;width:4rem;height:4rem;border-radius:100%;display:flex;justify-content:center;align-items:center}footer .footer-email-row button img{width:.75rem;object-fit:contain}footer .footer-email-row input{border:none;outline:none;background:none}footer .footer-bottom{padding:4rem 0 10rem;border-top:1px dashed var(--base-secondary-fade)}footer .footer-bottom .footer-col:nth-child(2){display:flex}footer .footer-logo{width:60px}footer .footer-bottom .footer-col:nth-child(2) p.mono{margin-bottom:2rem;opacity:.25}footer .footer-copyright{display:flex;gap:2rem}footer .footer-copyright .footer-col{display:flex;gap:2rem}footer .footer-links,footer .footer-copy{display:flex;flex-direction:column;gap:.25rem}footer a{color:var(--base-100)}@media (max-width: 1000px){footer{height:max-content;padding-top:8rem}footer .container .footer-top .footer-col:nth-child(2){display:none}footer .footer-email-row{width:100%}footer .footer-email-row input{font-size:2rem}footer .footer-email-row button{width:3rem;height:3rem}footer .footer-email-row button img{width:.5rem}footer .container>div{flex-direction:column;gap:4rem}footer .footer-bottom .footer-col:nth-child(2){flex-direction:column;gap:4rem}footer .footer-copyright .footer-col:nth-child(1){display:none}footer .footer-copyright .footer-col:nth-child(2){width:100%;flex-direction:column-reverse;gap:.25rem}}
