@font-face{font-family:'Union';src:url(https://hakoindustries.com/wp-content/themes/hako-industries_2026/assets/fonts/Union-Regular.eot);src:url(https://hakoindustries.com/wp-content/themes/hako-industries_2026/assets/fonts/Union-Regular.eot#1788299685) format('embedded-opentype'),url(https://hakoindustries.com/wp-content/themes/hako-industries_2026/assets/fonts/Union-Regular.woff) format('woff'),url(https://hakoindustries.com/wp-content/themes/hako-industries_2026/assets/fonts/Union-Regular.ttf) format('truetype'),url(https://hakoindustries.com/wp-content/themes/hako-industries_2026/assets/fonts/Union-Regular.svg#Union-Regular) format('svg');font-style:normal;font-weight:400;text-rendering:optimizeLegibility}*{outline:none!important;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.home footer,.blog footer{display:none}body{font-family:'Union','sans-serif'}a{text-decoration:none}.landing-logo{width:100%;position:fixed;z-index:9;bottom:0;left:0;max-width:100%}.landing-logo img{width:100%;opacity:0}.landing-logo.loaded img{opacity:1}#landing .description,#loader .description{position:fixed;top:110px;left:30px;color:#fff;z-index:9;text-transform:uppercase;font-size:12px;line-height:16px;letter-spacing:.04em}#landing .swiper-container{height:100vh}body,#landing{background-image:url(https://hakoindustries.com/wp-content/themes/hako-industries_2026/assets/img/fondo.jpg);background-color:#1a1a1a}#landing{overflow-x:hidden}body.single{background-image:url(https://hakoindustries.com/wp-content/themes/hako-industries_2026/assets/img/fondo_blanco.jpg);background-color:#fff}#landing .lg-row{height:100vh}#landing .lg-row *{height:100%;max-height:100vh}#landing .lg-row-inner img{max-height:100vh;width:auto;max-width:100vw}.landing-logo .logo-mobile{display:none}.page-template-featured,body.category{overflow-y:hidden}#featured,#featured a{color:#fff}#featured .swiper-container{margin:unset}#featured{display:-webkit-box;display:-ms-flexbox;display:flex;max-height:74%}#featured .project img{max-height:calc(70vh - 54px);width:auto;max-width:-webkit-max-content;max-width:-moz-max-content;max-width:max-content}#featured .project video{width:100%;height:auto;object-fit:cover;display:block;max-height:calc(70vh - 54px);pointer-events:none}#featured .swiper-container .swiper-wrapper .swiper-slide{width:auto;height:auto;max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}#featured .swiper-slide{background-color:#000}#featured .swiper-slide img:not(.swiper-lazy-loaded){display:block;background-color:#000;filter:brightness(0);min-height:calc(69vh - 44px);min-width:20vw}#featured .swiper-container .project>a{max-height:calc(100% - 54px);width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column;flex-flow:column;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;margin-bottom:3px}.project{margin-right:10px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.project-title{font-size:12px;line-height:16px;font-weight:400}.project-title:before{content:url(https://hakoindustries.com/wp-content/themes/hako-industries_2026/assets/img/dot.svg);display:inline-block;margin-right:30px}.project-info{padding-left:30px;float:left;margin-top:7px;letter-spacing:.018em}.project .client{margin-left:20px;font-size:12px;line-height:16px;text-transform:uppercase}.project .category{margin-left:42%;font-size:12px;line-height:16px}.allmyprojects+a{position:relative;height:100vh;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.allmyprojects{display:-webkit-box;display:-ms-flexbox;display:flex;padding:8px 22px}.allmyprojects+a img{max-width:100%;width:100%;position:absolute;z-index:9;bottom:0;left:0;max-width:100%}.allmyprojects .left-column{padding-right:10%;width:50%}.allmyprojects .right-column{padding-left:10%;width:50%}.allmyprojects .project .project-info{display:block;margin-bottom:17px}.allmyprojects img{height:112px;width:auto;margin-bottom:3px;margin-right:3px}.allmyprojects a,.allmyprojects .project-info{color:#fff}.allmyprojects,.allmyprojects h2{font-size:12px;line-height:16px;letter-spacing:.018em;font-weight:400}.allmyprojects .project-info{width:100%;padding:0;margin-bottom:4px}.allmyprojects .project .client,.allmyprojects .project .category{margin:0}#loader{width:100%;background:#000;height:100vh;top:0;position:fixed;z-index:999;transition:all .25s ease-in-out;-webkit-transition:all .25s ease-in-out;-moz-transition:all .25s ease-in-out;-o-transition:all .25s ease-in-out}.project-details{left:35%;position:relative;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;text-transform:uppercase;visibility:collapse}.project-details.clicked{visibility:visible}.project-details .clientes{margin-right:93px;visibility:visible}.project-details .clientes li{cursor:pointer}.project-details ul li.active{visibility:visible}.project-details ul li:not(.active),.project-details.clicked ul li.active{visibility:hidden}.project-details ul.clientes:hover li,.project-details ul.clientes:hover li:not(.active),.project-details ul li.show-this-one,.project-details ul li.selected{visibility:visible}.swiper-button-next.slick-next{height:60vh!important}.slick-prev.swiper-button-prev{height:60vh!important}.slick-prev,.slick-next{position:fixed;width:40vw!important}.slick-prev{left:0}.slick-next.swiper-button-next{right:0}.single-post .swiper-container{height:74vh;max-width:74%;margin:0 auto}.single-post .project-info{display:none}.single-post .swiper-container .swiper-wrapper,.single-post .slick-slider .slick-track,.single-post .slick-slider .slick-list{height:100%}.single-post .swiper-slide,.single-post .slick-initialized .slick-slide{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:end;-ms-flex-align:end;align-items:end;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:100%}.single-post .swiper-slide img{height:100%;width:auto;margin:0 4px;max-width:100%;max-height:100%}.single-post .swiper-slide.credits{font-size:12px;line-height:16px;letter-spacing:.035em;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.single-post .swiper-slide.credits .credit-title{display:inline-block}.single-post .swiper-slide.credits .credit{display:-webkit-box;display:-ms-flexbox;display:flex;margin-bottom:2px}.credit a{color:#000}.single-post .swiper-slide.credits .credit.leave-space{padding:15px 0}.single-post .swiper-slide.credits .credit-name{max-width:50%;display:inline-block;text-transform:uppercase}.single-post .swiper-slide.credits .credits-wrapper{max-width:50%}.page-template-featured #featured .swiper-container::after,body.category #featured .swiper-container::after{content:'';position:absolute;right:0;top:0;height:74vh;width:22vw;background:linear-gradient(to right,transparent,#000);z-index:3;pointer-events:none}.swiper-button-next{cursor:url(https://hakoindustries.com/wp-content/themes/hako-industries_2026/assets/img/next.svg),auto!important;background-image:none!important;height:74vh!important;top:0!important;bottom:0!important;width:20vw!important;z-index:4}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:0!important;pointer-events:none}.single-post .swiper-button-next{width:40vw!important}.swiper-button-prev{cursor:url(https://hakoindustries.com/wp-content/themes/hako-industries_2026/assets/img/prev.svg),auto!important;background-image:none!important;height:74vh!important;top:0!important;bottom:0!important;width:20vw!important;z-index:4}.single-post .swiper-button-prev{width:33vw!important}@media (max-width:1240px){.single-post .swiper-button-next{width:10vw!important}.single-post .swiper-button-prev{width:10vw!important}}.swiper-button-next,.swiper-button-prev{width:13px;height:16px;background-size:contain;bottom:45px;top:inherit;right:142px}.swiper-counter,.pagingInfo{font-size:11px;line-height:15px;position:fixed;text-align:center;left:25px;top:130px}.single-post .sub-menu li a{color:#fff}.single-post .sub-menu .current-post-ancestor a{color:#000}.single-post .sub-menu:hover li a,.single-post .sub-menu:hover .current-post-ancestor a{color:#000}#about-contact{height:74vh;width:65vw;padding-left:18%;color:#fff;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;font-size:12px;line-height:16px;letter-spacing:.04em}#about-contact a{text-decoration:none;color:#fff}#about-contact p{margin-bottom:25px}#about-contact .contact-info{margin-left:40px}article.bottom{margin-top:85px;display:-webkit-box;display:-ms-flexbox;display:flex}.clients-info{padding-right:50px}.video-info{position:absolute;z-index:99;top:20px;left:20px;color:#fff;text-transform:uppercase;font-family:monospace}.space-wrapper{position:fixed}.page-template-space header{background-image:url(https://hakoindustries.com/wp-content/themes/hako-industries_2026/assets/img/fondo_blanco.jpg);background-color:#fff;height:100vh;width:100vw;position:fixed;z-index:-1;background-size:contain}.page-template-space footer{z-index:10}.page-template-space h1{transition:all 0.5s;filter:brightness(0) invert(1);position:fixed;z-index:2;left:0;right:0;text-align:center;font-weight:400;font-size:26px;line-height:37px;letter-spacing:.04em;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column;flex-flow:column;height:100%;align-items:center;justify-content:center;color:#fff}.page-template-space.scrolled h1{filter:unset;position:fixed;z-index:10;left:0;height:auto;right:0;top:17vh;text-align:center;font-weight:400;font-size:26px;line-height:37px;letter-spacing:.04em;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column;flex-flow:column;color:#000}.page-template-space h1:after{margin-top:12px;content:"";background-image:url(https://hakoindustries.com/wp-content/themes/hako-industries_2026/assets/img/down_arrow.svg);width:22px;height:16px;background-repeat:no-repeat;background-size:contain;position:relative;transition:all 1s ease-in-out;-webkit-transition:all 1s ease-in-out;-moz-transition:all 1s ease-in-out;-o-transition:all 1s ease-in-out}.page-template-space h1.loaded:after{top:10px}#space{height:100vh;width:51vw;padding-left:18vw;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;font-size:12px;line-height:16px;letter-spacing:.04em}#space p{margin-bottom:25px}#space article p:last-of-type{margin-top:40px}#space article a{color:#000}.page-template-space .lg-row{margin-bottom:100vh!important}.page-template-space footer{position:fixed;bottom:0;left:0}.page-template-space footer a,.page-template-space.scrolled .toggle,.page-template-space.scrolled .close-menu{color:#000}body.scrolled.page-template-space h1:after{opacity:0}body.page-template-space.scrolled footer a{color:#000}.page-template-space .toggle,.page-template-space .close-menu,body.page-template-space footer a{color:#fff}footer{display:-webkit-box;display:-ms-flexbox;display:flex;height:10vh;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;padding-bottom:36px;padding-left:25px;font-size:12px;line-height:16px;letter-spacing:.018em;position:fixed;bottom:0}footer a{color:#fff}footer .menu li.current-menu-item a,footer .menu>li a:hover,footer .sub-menu>li>a:hover,a:hover,#featured a:hover,.single footer a:hover,.single-post .sub-menu li a:hover,.single-post .sub-menu .current-post-ancestor a:hover,.project-details .clientes li:hover{color:#4d4d4d}.single footer a{color:#000}.logo-footer{text-transform:uppercase;margin-right:115px}.menu{position:relative}.menu .sub-menu{display:none;position:absolute;right:-170px;bottom:0}.page-template-featured .menu .sub-menu,.category .menu .sub-menu,.single-post .menu .sub-menu,.page-template-space .menu .sub-menu{display:block}.menu .sub-menu.clicked a.active{opacity:1}.menu .sub-menu.clicked a{opacity:0}.sub-menu.clicked:hover a{opacity:1}.toggle{display:none}#landing .swiper-container{display:block}#landing .swiper-container+.swiper-container{display:none}.close-menu{display:none}@media (min-width:769px){.lg-phone-grid{display:none}.fluid-embed{position:relative;width:100%;padding-bottom:56.25%;overflow:hidden;max-width:100%;height:0;z-index:2}.swiper-slide .fluid-embed{position:relative;width:100%;margin-bottom:10px;overflow:hidden;max-width:100%;height:100%;z-index:2;max-height:100%;padding-bottom:0}.fluid-embed video,.fluid-embed iframe,.fluid-embed object,.fluid-embed embed{position:absolute;top:0;left:0;width:100%;height:100%}}@media (max-width:768px){.allmyprojects,body.blog section{padding:8px 11px}#landing .swiper-container{display:none}#landing .swiper-container+.swiper-container{display:block}.allmyprojects .right-column{padding-left:6px;width:50%}.allmyprojects .left-column{padding-right:6px;width:50%}.allmyprojects img{height:55px}.allmyprojects .project .category{max-width:unset;float:left;text-align:left}.landing-logo img{display:none}.landing-logo .logo-mobile{display:block;height:auto;width:100%;margin:0 auto}.landing-logo{width:100%;position:fixed;z-index:0;bottom:0;left:0;top:0;text-align:center}#landing .lg-row-inner .logo img{height:100%;max-width:unset}#landing .lg-row-inner img{height:auto}.single .toggle,.single .close-menu{color:#000}.toggle{display:block;color:#fff}.close-menu{color:#fff;position:absolute;left:168px}.menu-hako-menu-container.opened+.close-menu{display:block}.logo-footer{margin-right:100px}.menu-hako-menu-container{display:none}.menu .sub-menu{left:210px;right:unset}.single-post .menu-hako-menu-container.opened,.page-template-space .menu-hako-menu-container.opened{background:#fff}.single-post .sub-menu li a,.page-template-space .sub-menu li a{color:#000}.single-post .credits-wrapper .project-info{float:none;margin-bottom:16px;padding-left:0}.single-post .project-title:before{content:"";margin-right:0}.single-post .project-info .project-title a{pointer-events:none}.single-post .project-info a{color:#000}.menu-hako-menu-container.opened{display:block;position:absolute;background:#000;width:100%}footer{width:100%;padding-right:25px}.single-post .swiper-container{max-width:calc(100% - 20px)}.single-post .swiper-slide img{height:auto}.single-post .swiper-slide.credits .credits-wrapper{max-width:unset}.project .category{margin-left:0;text-align:right;text-align:right;max-width:70%;float:right}.single-post .project-details{display:none}.swiper-button-next{width:20vw!important}.swiper-button-prev{width:20vw!important}#space{width:auto;padding-right:18vw;padding-left:18vw}#about-contact{width:auto;overflow-y:auto;padding-top:15%;display:block;padding-right:18%;padding-left:18%}.clients-info{width:100%;padding-right:0}.awards-info{width:100%;padding:0}.touch .single-post .swiper-button-next{display:none!important}.touch .single-post .swiper-button-prev{display:none!important}.single-post .swiper-slide.video,.single-post .slick-initialized .slick-slide.vide{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:start;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.single-post .swiper-slide.video .fluid-embed,.single-post .slick-initialized .slick-slide.video .fluid-embed{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:start;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;height:auto;height:50vh;width:100%}.single-post .swiper-slide.video .fluid-embed video,.single-post .swiper-slide.video .fluid-embed iframe,.single-post .swiper-slide.video .fluid-embed object,.single-post .swiper-slide.video .fluid-embed embed{position:initial;top:initial;left:initial;width:100%;height:100%}}