@import "https://fonts.googleapis.com/css2?family=Geist:wght@100..900&display=swap";:root{--default-ease:all .3s ease;--default-ease-out:all .3s ease-out;--default-ease-in-out:all .3s ease-in-out}html,body{color:#fff;scroll-behavior:smooth;background:#000;overflow-x:hidden}*{box-sizing:border-box;-webkit-user-select:none;user-select:none;scroll-behavior:smooth;margin:0;padding:0;font-family:Geist,sans-serif}.filled-btn{color:#000;cursor:pointer;transition:var(--default-ease);background:#fff;border:1px solid #0000;border-radius:4px;padding:8px 12px;font-family:Geist,sans-serif;font-size:14px}.filled-btn:hover{background:#ffffffbf}.outline-btn{color:#fff;cursor:pointer;transition:var(--default-ease);background:#fff0;border:1px solid #fff3;border-radius:4px;padding:8px 12px;font-family:Geist,sans-serif;font-size:14px}.outline-btn:hover{background:#fff3}#mobile-menu{z-index:100000;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#000c;flex-direction:column;width:100vw;height:100vh;display:none;position:fixed}#mobile-menu nav{position:relative}#mobile-menu .content{padding:24px}#mobile-menu .content ul{flex-direction:column;list-style:none;display:flex}#mobile-menu .content ul h3{color:#ffffffbf;margin-bottom:32px;font-weight:200}#mobile-menu .content ul a{color:#fff;cursor:pointer;margin-bottom:32px;font-size:32px;font-weight:500;text-decoration:none;transition:all .3s}#mobile-menu .content ul a:hover{color:#ffffffbf}nav .container{justify-content:space-between;align-items:center;width:1024px;display:flex}nav .container img.logo{height:48px;transition:var(--default-ease)}nav .container img.logo:hover{filter:drop-shadow(0 0 8px #fff3);cursor:pointer}nav .container .links{align-items:center;display:flex}nav .container .links a{color:#ffffffab;transition:var(--default-ease);margin-right:32px;font-size:16px;font-weight:200;text-decoration:none}nav .container .links a:hover{color:#fff}nav .container .links hr{color:#fff3;height:16px;margin-right:32px}nav .container .links #mobile-menu-btn{display:none}main{width:100%;margin-top:84px}main section{place-items:center;display:grid}main section .container{width:1024px}main .hero .container{margin-top:128px}main .hero .container h1{letter-spacing:-.05em;margin-bottom:32px;font-size:56px;font-weight:500}main .hero .container p{color:#ffffffab;margin-bottom:32px;font-weight:200}main .hero .container .window{background:#151515;border:1px solid #fff3;border-radius:8px;margin-bottom:128px;padding:4px}main .hero .container .window img{border-radius:4px;width:100%}main .about .container{margin-top:128px;margin-bottom:128px;display:flex}main .about .container div{width:50%}main .about .container .left h2{letter-spacing:-.05em;font-size:36px;font-weight:500}main .about .container .right p{color:#ffffffab;margin-top:8px;font-weight:200}main .team .container{flex-direction:column;margin-top:128px;margin-bottom:128px;display:flex}main .team .container h2{letter-spacing:-.05em;margin-bottom:64px;font-size:36px;font-weight:500}main .team .container .members .member{margin-bottom:48px;display:flex}main .team .container .members .member img{object-fit:cover;border-radius:8px;height:192px;margin-right:24px}main .team .container .members .member .text a{color:#fff;text-decoration:none;transition:transform .2s;position:relative}main .team .container .members .member .text a h3{letter-spacing:-.05em;font-size:24px;font-weight:500;transition:transform .2s}main .team .container .members .member .text a h3 i{margin-left:8px;padding-bottom:2px;position:relative}main .team .container .members .member .text a h3 i:after{content:"";z-index:1;width:0;height:2px;transition:var(--default-ease);transform-origin:50%;background-color:#fff;position:absolute;bottom:0;left:0}main .team .container .members .member .text a:hover,main .team .container .members .member .text a:active{cursor:pointer;transform:translateY(-3px)}main .team .container .members .member .text a:hover h3 i:after,main .team .container .members .member .text a:active h3 i:after{width:100%}main .team .container .members .member .text span{color:#ffffffbf;font-weight:200}main .team .container .members .member .text p{max-width:50%;margin-top:16px;font-weight:200}main .cta .container{flex-direction:column;align-items:center;margin-top:32px;margin-bottom:192px;display:flex}main .cta .container h1{text-align:center;letter-spacing:-.05em;margin-bottom:64px;font-size:64px;font-weight:500}footer{background:#fff;justify-content:center;align-items:center;width:100%;margin:0;padding:0;display:flex}footer *{color:#000}footer .container{flex-direction:column;width:1024px;height:95%;margin:1.5rem;padding:0;display:flex}footer .footer-list{list-style-type:none}footer .footer-list li{transition:var(--default-ease-out)}footer .footer-list li a{font-size:24px;text-decoration:none;position:relative}footer .footer-list li a:before{content:"";background-color:#ccc;width:100%;height:2px;position:absolute;bottom:0;left:0}footer .footer-list li a:after{content:"";z-index:1;width:0;height:2px;transition:var(--default-ease);background-color:#000;position:absolute;bottom:0;left:0}footer .footer-list li a:hover:after{width:100%}footer .footer-list li:hover{transform:translate(6px)}footer .container .footer-top{grid-template-columns:repeat(2,1fr);column-gap:48px;width:100%;display:grid}footer .container .footer-top .footer-brand{height:100%}footer .container .footer-top .footer-brand .footer-logo{filter:invert();height:128px;padding:36px 0}footer .container .footer-top .footer-brand .footer-list{font-size:24px}footer .container .footer-top .footer-links{justify-content:flex-end;column-gap:48px;padding-top:36px;display:flex}footer .container .footer-top .footer-links .footer-column{width:fit-content;height:100%}footer .container .footer-top .footer-links .footer-column .footer-list li{padding-bottom:12px}footer .container .footer-top .footer-links .footer-column .footer-list li a{font-size:22px}footer .container .footer-bottom{flex-direction:row;justify-content:space-between;margin-top:200px;display:flex}footer .container .footer-bottom .footer-social{justify-content:space-around;align-items:center;display:flex}footer .container .footer-bottom .footer-social .social-link{width:24px;height:24px;transition:var(--default-ease);justify-content:center;align-items:center;margin:0 22px;display:flex;transform:scale(1.1)}footer .container .footer-bottom .footer-social .social-link:hover{transform:translateY(-2px)}footer .container .footer-bottom .footer-social .social-link svg{transition:var(--default-ease);transform:scale(1.1)}@media only screen and (width<=767px){main .team .container .members .member{flex-wrap:wrap;justify-content:center}main .team .container .members .member .text{flex-direction:column;justify-content:center;align-items:center;width:fit-content;padding:24px 0;display:flex}main .team .container .members .member .text *,main .team .container .members .member .text p{text-align:left;width:75%!important;max-width:75%!important}}@media only screen and (width<=600px){main section.about .container{flex-flow:column wrap;display:flex}main section.about .container .right,main section.about .container .left{width:100%}main section.about .container .right p{padding:24px 0}}@media only screen and (width>=361px) and (width<=430px){nav .container .links a,nav .container .links hr{display:none}nav .container .links #mobile-menu-btn,nav .container .links #mobile-menu-close-btn{color:#ffffffbf;cursor:pointer;margin-left:16px;margin-right:24px;font-size:32px;transition:all .3s;display:inline}nav .container .links #mobile-menu-btn:hover,nav .container .links #mobile-menu-close-btn:hover{color:#fff}main section .container{width:368px;margin-left:16px;margin-right:16px}main .hero .container{margin-top:48px}main .hero .container h1{font-size:32px}main .hero .container .window{margin-bottom:24px;padding:16px}main .about .container{flex-direction:column;margin-bottom:0}main .about .container div{width:100%}main .about .container .left h2{margin-bottom:16px;font-size:28px}main .team .container{margin-top:64px;margin-bottom:16px}main .team .container h2{margin-bottom:32px;font-size:28px}main .team .container .members .member{flex-direction:column}main .team .container .members .member img{width:100%;height:fit-content;margin-bottom:16px}main .team .container .members .member .text p{max-width:100%}main .cta .container{margin-bottom:96px}main .cta .container h1{margin-bottom:48px;font-size:32px}footer{justify-content:center;align-items:center;display:flex}footer .container{width:400px;height:95%;margin:1.5rem}footer .footer-list li a{font-size:18px}footer .container .footer-top{flex-direction:column;display:flex}footer .container .footer-top .footer-brand .footer-logo{height:56px;padding:18px 0}footer .container .footer-top .footer-links .footer-column{width:50%}footer .container .footer-top .footer-links .footer-column .footer-list li{padding-bottom:12px}footer .container .footer-top .footer-links .footer-column .footer-list li a{font-size:18px}footer .container .footer-bottom{margin-top:64px}footer .container .footer-bottom .footer-social{margin-left:8px}footer .container .footer-bottom .footer-social .social-link{margin:0 12px}}
