@import"https://fonts.googleapis.com/css2?family=Be+Vietnam+Pro:wght@300;400;500;600&family=Nunito+Sans&display=swap";html.has-scroll-smooth{overflow:hidden}html.has-scroll-dragging{-webkit-user-select:none;-moz-user-select:none;user-select:none}.has-scroll-smooth body{overflow:hidden}.has-scroll-smooth [data-scroll-container]{min-height:100vh}[data-scroll-direction=horizontal] [data-scroll-container]{height:100vh;display:inline-block;white-space:nowrap}[data-scroll-direction=horizontal] [data-scroll-section]{display:inline-block;vertical-align:top;white-space:nowrap;height:100%}.c-scrollbar{position:absolute;right:0;top:0;width:11px;height:100%;transform-origin:center right;transition:transform .3s,opacity .3s;opacity:0}.c-scrollbar:hover{transform:scaleX(1.45)}.c-scrollbar:hover,.has-scroll-scrolling .c-scrollbar,.has-scroll-dragging .c-scrollbar{opacity:1}[data-scroll-direction=horizontal] .c-scrollbar{width:100%;height:10px;top:auto;bottom:0;transform:scaleY(1)}[data-scroll-direction=horizontal] .c-scrollbar:hover{transform:scaleY(1.3)}.c-scrollbar_thumb{position:absolute;top:0;right:0;background-color:#000;opacity:.5;width:7px;border-radius:10px;margin:2px;cursor:grab}.has-scroll-dragging .c-scrollbar_thumb{cursor:grabbing}[data-scroll-direction=horizontal] .c-scrollbar_thumb{right:auto;bottom:0}*{box-sizing:border-box;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;background-color:#eaeef4;font-family:"Be Vietnam Pro",sans-serif;line-height:1.5}a{text-decoration:none}button,input,textarea{font-family:"Be Vietnam Pro",sans-serif}.font-mono{font-family:"Nunito Sans",sans-serif}.header{position:relative}.header .logo{height:50px}.header-homepage{height:100vh;min-height:700px}.header-homepage .header-background,.header-homepage::before{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.header-homepage::before{content:"";z-index:2;background:linear-gradient(0deg, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 100%)}.header-homepage .logo{height:100px}.header-bottom{position:absolute;z-index:5;bottom:1rem;max-width:640px;width:100%;padding-left:1rem;padding-right:1rem;left:50%;transform:translateX(-50%)}.blog-detail{margin:150px 0}.header-title{color:#000;font-size:256px;line-height:232px;font-family:"Be Vietnam Pro",sans-serif;font-weight:400;text-transform:uppercase;margin:15rem 0 1rem}.client-title{color:#000;text-align:right;font-size:156px;line-height:132px;font-family:"Be Vietnam Pro",sans-serif;font-weight:600;text-transform:uppercase;margin:0}.intro-text{color:#fff;text-align:center;font-size:26px;font-weight:400;line-height:29px;text-transform:uppercase;margin:0 auto;max-width:510px}.list-services{display:flex;gap:.5rem;list-style:none;margin:1rem 0 0;padding:0;flex-wrap:wrap;justify-content:center}.list-services span{display:block;border-radius:90px;border:1px solid rgba(234,238,244,.15);padding:.375rem 1rem;background:rgba(255,255,255,0);color:#fff;font-size:10px;font-weight:300;text-transform:uppercase;letter-spacing:1px}.container{width:100%;padding-left:1rem;padding-right:1rem}.logo{display:block}.navigation{display:flex;justify-content:space-between;padding-top:1rem;position:relative;z-index:99}.navigation-menu{display:flex;gap:1.5rem;list-style:none;margin:0;padding:0}.navigation-menu .menu-item{color:#fff;border-radius:50px;background:rgba(0,0,0,.4);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:block;padding:.5rem 1rem;color:#fff;font-size:12px;font-family:"Nunito Sans",sans-serif;font-weight:300;text-transform:uppercase}.about-section{padding:350px 0 250px;display:flex;justify-content:end}.about-box{width:80%;max-width:892px;padding-right:1rem;position:relative}.about-box .about-image{position:absolute;width:250px;top:-185px;left:-180px;display:block}.about-box h3{color:#000;font-size:22px;line-height:1.6;margin:0;font-weight:400}.section-title{color:#000;font-size:14px;font-weight:400;text-transform:uppercase;margin:0}.row{display:flex;flex-wrap:wrap}.row.bordered .col6+.col6{border-left:1px solid rgba(0,0,0,.15)}.col6{flex:50%;max-width:50%}.col4{flex:33.33333333%;max-width:33.33333333%}.col8{flex:66.66666%;max-width:66.66666%}.project-info{min-height:200px;padding:1rem;display:flex;justify-content:space-between}.project-des{max-width:200px}.project-des h6{margin:0 0 .25rem;color:#000;font-size:14px;font-weight:500;text-transform:uppercase}.project-des p{margin:0;color:rgba(0,0,0,.4);font-size:12px;font-family:"Nunito Sans",sans-serif}.project .client-name{text-align:right;margin:0;color:#000;font-size:26px;font-weight:500;text-transform:uppercase}.project-image{padding-top:53%;position:relative}.project-image img{display:block;position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.link{display:inline-block;position:relative;padding-bottom:.25rem}.link::after{content:"";position:absolute;width:100%;transform:scaleX(1);height:1px;bottom:0;left:0;background-color:#000;transform-origin:bottom left;transition:transform .25s ease-out}.link:hover::after{transform:scaleX(0);transform-origin:bottom right}.mt-4{margin-top:4rem}.mt-2{margin-top:2rem}.content-info{color:#000;font-size:13px;font-family:"Nunito Sans",sans-serif}.mw-400{max-width:400px}.footer{padding:100px 0 230px}.footer .logo{height:100px;display:block}.footer .content-info h6{color:#000;font-size:14px;font-family:"Be Vietnam Pro",sans-serif;font-weight:400;margin:1rem 0 .5rem}.footer a{color:#000}@media screen and (max-width: 680px){.footer .logo,.header .logo{height:50px}.about-box h3{font-size:24px;line-height:30px}.project .client-name{font-size:20px}.col6{flex:100%;max-width:100%}.col4{flex:100%;max-width:100%}.col8{flex:100%;max-width:100%}.about-section{padding:250px 0 200px}.project-info{min-height:150px;gap:.5rem}.footer .row{gap:1.5rem}.header-title{font-size:96px;line-height:96px;margin-top:10rem}.blog-detail{margin-bottom:100px}.client-title{font-size:62px;line-height:62px}.navigation-menu{gap:.75rem}}