@import"https://fonts.googleapis.com/css2?family=Anton&family=Bebas+Neue&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Lexend:wght@100..900&display=swap";/*! tailwindcss v4.1.7 | MIT License | https://tailwindcss.com */.relative{position:relative}.container{width:100%}.flex{display:flex}.hidden{display:none}.resize{resize:both}.bg-blend-color{background-blend-mode:color}:root{color-scheme:light dark;color:#ffffffde;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,sans-serif;font-weight:400}*{box-sizing:border-box;color:inherit;margin:0;padding:0;text-decoration:none}button{border:none;outline:none;font-family:Lexend,sans-serif}body{background-color:#181818;width:100vw;height:100vh;margin:0;font-family:Inter,sans-serif;font-size:14px;display:flex;overflow:hidden}body::-webkit-scrollbar{background:0 0;width:10px}body::-webkit-scrollbar-thumb{background-color:#f0f8ff;border-radius:10px;width:10px}body::-webkit-scrollbar-track{background:0 0;width:10px}::-webkit-scrollbar-track{background:0 0}#root{margin:0;padding:0}.main{position:relative;min-width:100vw;min-height:100vh;overflow-x:hidden}.hero{display:flex;position:fixed;z-index:1000;width:100%;height:100%;align-items:center;justify-content:center;background-color:#181818;color:#fff;mask:url(#capsuleMask);-webkit-mask:url(#capsuleMask);top:0;right:0;bottom:0;left:0;pointer-events:none}.hero .hero-content{display:flex;position:relative;width:380px;height:150px;background:#ffffff1a;border-radius:5rem;justify-content:center;align-items:center;overflow:hidden}.hero .hero-content div{left:0;top:0;position:absolute;display:flex;width:0%;height:100%;background-color:#f9f9f9}.hero .hero-content h1{display:flex;position:relative;font-size:3.2em;line-height:1.1;color:#fff;font-family:Lexend,sans-serif;font-weight:600}.hero .hero-content h1 p{mix-blend-mode:difference}.hero .hero-content h1 span{color:red}#maskSvg{position:absolute;width:0;height:0}.main-page{display:flex;flex-direction:column}.main-page nav{display:flex;position:fixed;top:15px;left:0;width:100%;height:50px;padding:0 2rem;z-index:500;justify-content:space-between;align-items:center;transition:none;pointer-events:none}.main-page nav .logo{display:flex;align-items:center;height:100%;font-family:Lexend,sans-serif;pointer-events:all}.main-page nav .logo p{font-size:1.5rem;font-weight:700;color:#fff}.main-page nav .logo span{font-size:1.5rem;font-weight:700;color:red}.main-page nav .talling{display:flex;height:50px;gap:15px}.main-page nav button{display:flex;align-items:center;justify-content:center;height:50px;min-width:50px;padding:5px;border-radius:25px;background-color:#ebf5ff;color:#000;border:none;cursor:pointer;pointer-events:all}.main-page nav button .icon-box{display:flex;position:relative;width:40px;height:40px;border-radius:40px;background-color:#2d2d2e;margin-left:10px;overflow:hidden}.main-page nav button div .icon{display:flex;position:absolute;color:#eee;transition:.3s}.main-page nav button div .icon-1{top:50%;left:50%;transform:translate(-50%,-50%)}.main-page nav button div .icon-2{top:100%;left:-50%;filter:blur(20px)}.main-page nav button:hover div .icon-1{top:-50%;left:100%;transform:translate(0);filter:blur(20px)}.main-page nav button:hover div .icon-2{top:50%;left:50%;transform:translate(-50%,-50%);filter:blur(0px)}.main-page nav .talling .contact-button{padding-left:15px}.main-page .section{display:flex;position:relative;width:100vw;height:100dvh}.main-page .project-section-gap{display:flex;position:relative;width:100vw;height:300dvh}.main-page .section.cover{width:100%;overflow:hidden}.main-page .section.cover video{display:flex;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-webkit-mask:url(#cover-mask);mask:url(#cover-mask)}.main-page .section.cover .svg{position:absolute;width:0;height:0}.main-page .section.cover .shape{display:flex;position:absolute;width:300px;height:300px;mix-blend-mode:screen;filter:blur(10px);opacity:.5}.main-page .section.cover .content{display:flex;position:absolute;width:100%;height:100%;color:#fff}.main-page .section.cover .content .title{position:absolute;left:2rem;top:2rem;display:block;margin-top:75px}.main-page .section.cover .content .title h1{margin-left:-5px}.main-page .section.cover .content .title p{font-size:20px;margin-top:15px;width:280px;color:#f0f8ff}.main-page .section.cover .content .title .button{margin-top:15px}.main-page .section.cover .content h1{font-size:12rem;font-weight:900;font-family:Anton,sans-serif;line-height:.9;letter-spacing:-5px;color:#eff4ff;mix-blend-mode:screen}.main-page .section.cover .content .bottom{position:absolute;bottom:2rem;right:2rem}.tag-section{display:flex;width:100%;height:100%;flex-direction:column;justify-content:center;align-items:center;gap:10px}.tag-section .shape{position:absolute;width:400px;height:400px;opacity:.1}.tag-section .row{display:flex;gap:20px;z-index:5}.tag-section h1{font-size:80px;text-transform:uppercase;white-space:nowrap;opacity:.5;transition:all .3s ease-in-out}.tag-section .row h1:hover{opacity:1;cursor:grab;font-weight:900}.tag-section .row.last-row{margin-left:calc(-223rem + 100vw)}.blur-button{display:flex;padding:15px 20px;border-radius:50px;position:relative;overflow:hidden;cursor:pointer;color:#000;justify-content:center;align-items:center;width:90px;height:45px}.blur-button span{position:absolute;transition:all .3s}.blur-button .blur-button-text{top:50%;transform:translateY(-50%)}.blur-button .blur-button-next-text{top:100%;scale:1.2}.blur-button:hover .blur-button-text{top:-100%;transform:translateY(50%);filter:blur(5px);scale:.75}.blur-button:hover .blur-button-next-text{top:50%;transform:translateY(-50%);scale:1}.project-section{display:flex;position:relative;flex-direction:column;width:100%;gap:10px;overflow:hidden;z-index:1}.project-section .header,.project-section .footer{display:flex;width:100%;height:30%;flex-direction:column;justify-content:center;align-items:center;gap:5px;opacity:0;margin-top:-100%}.project-section .header h5{font-size:30px;font-weight:400;font-family:Lexend,sans-serif}.project-section .header h1{font-size:50px;font-family:Inter,sans-serif;letter-spacing:1px}.project-section .projects{display:flex;position:absolute;height:100%;width:100%;align-items:center;padding-top:270px;will-change:transform;transition:none}.project-section .projects .box{display:flex;position:absolute;flex-direction:column;width:175px;height:260px;left:50%;transform:translate(-50%,-50%)}.project-section .projects .box div{display:flex;position:absolute;right:7.5px;top:7.5px;background:#e8efffbf;border-radius:25px;padding:5px 10px 5px 5px;font-size:12px;color:#000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);cursor:pointer;pointer-events:none}.project-section .projects img{width:175px;height:calc(100% - 50px);-o-object-fit:cover;object-fit:cover;border-radius:15px;box-shadow:0 0 20px 5px #0000001a;transition:none;cursor:pointer}.project-section .projects .box p{width:175px;margin-top:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;opacity:0}.project-section .footer{margin-top:auto;margin-bottom:-100%;bottom:0%;opacity:1;z-index:10;gap:15px}.project-section .footer h5{font-size:16px;font-family:Lexend;font-weight:400;text-align:center}.team-section{display:flex;width:100%;height:100%;justify-content:center;align-items:center}.team-section .images{position:absolute;display:flex;width:400px;height:400px;rotate:-20deg}.team-section .images .img{position:absolute;width:25%;height:25%;cursor:pointer;z-index:5}.team-section .images .img:nth-child(1){left:11%;top:11%}.team-section .images .img:nth-child(2){left:37.5%;top:0%}.team-section .images .img:nth-child(3){left:64%;top:11%}.team-section .images .img:nth-child(4){left:75%;top:37.5%}.team-section .images .img:nth-child(5){left:64%;top:64%}.team-section .images .img:nth-child(6){left:37.5%;top:75%}.team-section .images .img:nth-child(7){left:11%;top:64%}.team-section .images .img:nth-child(8){left:0%;top:37.5%}.team-section .images .img img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:100%}.team-section .center{position:absolute;display:flex;width:180px;height:180px;border-radius:150px;justify-content:center;align-items:center;background:#000}.team-section .center .texts{width:100%;height:30px;clip-path:polygon(0 0,100% 0,100% 100%,0 100%);overflow:hidden}.team-section .center .texts h1{position:absolute;width:100%;font-family:Anton,sans-serif;font-size:30px;text-align:center;line-height:1;transform:translateY(100%);color:red}.team-section .center .texts .text.default h1{transform:translateY(-100%);color:#f0f8ff}.team-section .center .texts .text .letter{transform:translateY(0)}