:root{--white:#fff;--light:#f4f4f4;--black:#111;--green:#49b170;--dgreen:#38945b;--spacer:100px;--content:calc(100vw - 80px);--boxed:1000px}*{margin:0;padding:0;box-sizing:border-box}body{background-color:var(--white);&.blocked{overflow:hidden}}main{background-color:var(--white)}.content{width:var(--content);margin:0 auto}.boxed{width:var(--content);max-width:var(--boxed);margin:0 auto}.flex{display:flex;flex-wrap:wrap}.grid{display:grid}.divider{padding:var(--spacer) 0 0}.spacer{padding:var(--spacer) 0}.center{text-align:center}img,svg{display:block;max-width:100%;height:auto}.noise{background-image:url(//esseform.com/wp-content/themes/esseform/img/noise.jpg);background-repeat:repeat;background-position:top left}span.deco{display:block;width:16%;height:5px;background-color:var(--green);margin-bottom:30px}span.text-nowrap{text-wrap:nowrap}.onetap-container-toggle button.onetap-toggle img{box-shadow:0 0 8px rgba(0,0,0,.16) !important}@font-face{font-display:swap;font-family:'Roboto';font-style:normal;font-weight:400;src:url(//esseform.com/wp-content/themes/esseform/fonts/roboto-v48-latin-regular.woff2) format('woff2')}@font-face{font-display:swap;font-family:'Roboto';font-style:normal;font-weight:500;src:url(//esseform.com/wp-content/themes/esseform/fonts/roboto-v48-latin-500.woff2) format('woff2')}@font-face{font-display:swap;font-family:'Roboto';font-style:normal;font-weight:700;src:url(//esseform.com/wp-content/themes/esseform/fonts/roboto-v48-latin-700.woff2) format('woff2')}@font-face{font-display:swap;font-family:'Roboto';font-style:normal;font-weight:800;src:url(//esseform.com/wp-content/themes/esseform/fonts/roboto-v48-latin-800.woff2) format('woff2')}button,input,label,select,textarea,body{font-family:'Roboto',serif;color:var(--black)}h1{font-weight:500;font-size:40px;margin-bottom:30px}h2,.fake-h2,h3,h4,h5,h6{font-weight:500;line-height:100%;margin-bottom:30px}h2,.fake-h2{font-size:34px}h2.small{text-transform:uppercase;font-weight:800;font-size:11px;color:var(--green);margin-bottom:20px}h3{font-size:30px}h4{font-size:28px}h5{font-size:24px}h6{font-size:20px}p{font-weight:400;line-height:160%;font-size:16px;margin-bottom:20px;& a{color:var(--green)}& strong{font-weight:500}}a{text-decoration:none}ul,ol{list-style-position:inside;margin-bottom:20px}ul li,ol li{font-weight:400;line-height:160%;font-size:15px;margin-bottom:8px;&:last-child{margin-bottom:0}}.lu-button{position:relative;z-index:1;display:inline-flex;align-items:center;gap:6px;width:fit-content;padding:13px 20px;box-shadow:0 3px 8px rgba(0,0,0,.15);background-color:var(--green);outline:none;border:none;font-weight:500;font-size:11px;text-transform:uppercase;color:var(--white);cursor:pointer;transition:.3s;transition-delay:0s;&:not([disabled]):active{border:none !important}&:not([disabled]):focus{border:none !important}}.lu-button svg{translate:0 -1px}.lu-button:hover,.lu-button:focus-visible{background-color:var(--dgreen)}form>.flex{justify-content:space-between}.input-wrap{width:48%;margin-bottom:24px;&.big{width:100%}}label{max-width:100%;display:block}.input-wrap .error{display:flex;gap:6px;font-weight:400;font-size:11px;color:red;margin:8px 0 0}input[type=text],input[type=email],input[type=tel],textarea{display:block;width:100%;padding:12px 12px 8px;background-color:#ebebeb;border:none;border-bottom:solid 1px var(--black);outline:none;outline-offset:-1px;line-height:160%;font-weight:500;font-size:14px;color:var(--black);resize:none;&::placeholder{opacity:.9;font-weight:400;font-size:14px;color:var(--black)}&:focus-visible{border-bottom:solid 2px var(--green)}&.red{border-color:red}}.input-wrap:has(input[type=checkbox]){margin-bottom:40px}.input-wrap:has(input[type=checkbox]) label{cursor:pointer;max-width:600px}.input-wrap:has(input[type=checkbox]) label span{line-height:160%;font-weight:400;font-size:12px;& a{outline:none;font-weight:500;color:var(--black);transition:.3s;&:hover{color:var(--green)}}}.input-wrap:has(input[type=checkbox]) label span a:focus-visible{color:var(--green)}input[type=checkbox]{position:relative;appearance:none;margin-right:6px;width:18px;height:18px;translate:0 2px;outline:none;cursor:pointer}input[type=checkbox]:before{content:'';display:block;position:absolute;top:0;left:0;width:100%;height:100%;outline:solid 1px var(--black);transition:.1s}input[type=checkbox].red:before{outline-color:red}input[type=checkbox]:focus:before{outline:solid 2px var(--green)}input[type=checkbox]:after{content:'';display:block;position:absolute;top:50%;left:50%;translate:-50% -50%;width:16px;height:16px;background-image:url(//esseform.com/wp-content/themes/esseform/img/check.png);background-size:contain;pointer-events:none;scale:0;transition:.1s}input[type=checkbox]:checked:after{scale:1}#wpadminbar{opacity:.16;transition:.1s;&:hover{opacity:1}}#main-logo{position:fixed;top:30px;left:40px;z-index:10;opacity:0;translate:0 -10px;transition:.4s;&.active{opacity:1;translate:0 0}& path{transition:.3s}&.light path[fill="#111111"]{fill:var(--white)}}#menu-header-menu{position:fixed;top:40px;left:210px;z-index:10;list-style-type:none;display:flex;gap:4px;margin:0}#menu-header-menu li{margin:0;opacity:0;translate:0 -10px;transition:.4s;transition-delay:var(--stagger)}#menu-header-menu.active li{opacity:1;translate:0 0}#menu-header-menu a{position:relative;padding:16px;font-weight:500;font-size:11px;text-transform:uppercase;color:var(--black);transition:.3s ease}#menu-header-menu a:after{content:'';position:absolute;bottom:13px;right:16px;width:0;height:1px;background-color:var(--black);transition:.3s ease}#menu-header-menu a:hover:after,#menu-header-menu a:focus-visible:after{width:30%}#navbar{display:none}#mobile-nav{display:none}#mobile-nav-bg{display:none}#trail{position:fixed;top:14px;left:10px;pointer-events:none;z-index:99999999}#trail-content{display:flex;align-items:center;gap:6px;scale:0;opacity:0;transition:.3s;padding:8px 10px;background-color:var(--green);color:var(--white);border-radius:100px}#trail.hovering #trail-content{scale:1;opacity:1}#lightbox{position:fixed;top:50%;left:50%;translate:-50% -50%;z-index:998;transition:.3s;opacity:0;visibility:hidden;pointer-events:none}#lightbox figure{box-shadow:0 0 50px #49b1712c}#lightbox figure img{width:auto;height:auto;max-width:85vw;max-height:85vh;object-fit:cover;object-position:center}#lightbox-exit{position:fixed;top:3vw;right:3vw;z-index:999;width:50px;height:50px;background-color:transparent;border:none;cursor:pointer;display:flex;justify-content:center;align-items:center;transition:.3s;opacity:0;visibility:hidden;pointer-events:none}#lightbox-exit .icon-wrap{position:relative;width:24px;height:24px;overflow:hidden}#lightbox-exit .icon{position:absolute;top:50%;left:50%;translate:-50% -50%;display:block;width:28px;height:3px;background-color:var(--white);&:nth-child(1){rotate:45deg}&:nth-child(2){rotate:-45deg}}#lightbox-exit:hover .icon{animation:animExit .5s;&:nth-child(2){animation-delay:.05s}}@keyframes animExit{0%{transform:translateX(0)}49.9999%{transform:translateX(105%)}50%{transform:translateX(-105%)}100%{transform:translateX(0)}}#lightbox-bg{position:fixed;top:0;left:0;z-index:997;width:100%;height:100%;background-color:#111111e6;backdrop-filter:blur(2px);transition:.3s;opacity:0;visibility:hidden;pointer-events:none}#lightbox.active,#lightbox-exit.active,#lightbox-bg.active{opacity:1;visibility:visible;pointer-events:initial}#footer-form{background-color:var(--light)}#footer-form .col-sx{width:50%;padding:100px 4%}#form-contact{margin-top:30px}#footer-form .col-dx{position:relative;width:50%;background-color:#e5e3df;& iframe{position:relative;z-index:2}}.map-loader-wrapper{position:absolute;top:50%;left:50%;translate:-50% -50%;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:20px}.map-loader-wrapper span{font-weight:400;font-size:11px;color:var(--green)}.map-loader{--uib-size:40px;--uib-color:var(--green);--uib-speed:1.75s;position:relative;height:var(--uib-size);width:var(--uib-size)}.map-loader:before,.map-loader:after{content:'';position:absolute;top:0;left:0;height:100%;width:100%;border-radius:50%;background-color:var(--uib-color);animation:pulse var(--uib-speed) ease-in-out infinite;transform:scale(0);transition:background-color .3s ease}.map-loader:after{animation-delay:calc(var(--uib-speed) / -2)}@keyframes pulse{0%,100%{transform:scale(0);opacity:1}50%{transform:scale(1);opacity:.25}}#footer-info{width:100%;position:fixed;left:0;bottom:0;z-index:-1;padding:100px 0 30px;background-color:var(--black);color:#d7d7d7}#footer-info>.flex{gap:2%;margin-bottom:50px}#footer-info .col-sx{width:30%}#footer-info .col-cn{width:40%}#footer-info .col-dx{width:26%}#footer-info .col-sx a.logo{display:inline-block;margin-bottom:50px}#footer-info .col-sx p{max-width:500px}#footer-info h2{text-transform:uppercase;font-weight:700;font-size:15px;color:var(--white)}#footer-info .col-cn table{width:100%;max-width:480px}#footer-info .col-cn table tr.space{height:30px}#footer-info .col-cn table td{padding-bottom:12px;vertical-align:top}#footer-info .col-cn table td.green{padding-right:30px;text-transform:uppercase;font-weight:500;font-size:14px}#footer-info .col-cn table td a{display:inline-block;padding:0 2px 2px;color:#d7d7d7;transition:.3s;&:hover{color:var(--green)}}#footer-info .menu{list-style-type:none;margin:0;& li{margin-bottom:16px}}#footer-info .menu a{position:relative;padding:2px 0;display:inline-block;text-transform:uppercase;font-size:13px;color:#d7d7d7;transition:.3s;&:hover{color:var(--green)}}#footer-info .menu a:after{content:'';position:absolute;bottom:3px;left:0;width:0;height:1px;background-color:var(--green);transition:.3s ease}#footer-info .menu a:hover:after,#footer-info .menu a:focus-visible:after{width:50%}#footer-credits{font-weight:400;font-size:13px;color:#a3a3a3}#footer-credits a,#footer-credits button{background-color:transparent;border:none;color:#a3a3a3;font-size:inherit;transition:.3s;cursor:pointer;&:hover{color:var(--green)}}#hero{width:100%;min-height:100vh}#hero .col-sx{width:60%;display:flex;align-items:center}#hero-text{padding:0 40px;max-width:540px}#hero-text span.deco{width:0;will-change:width;transition:.4s;transition-delay:.5s}#hero.active #hero-text span.deco{width:16%}#hero-text h1{visibility:hidden}#hero-text .fade-in{opacity:0;translate:0 20px;transition:.5s;transition-delay:1s}#hero.active #hero-text .fade-in{opacity:1;translate:0 0}#hero .col-dx{position:relative;width:40%}#front-slider{position:absolute;top:50%;left:0;z-index:3;translate:-50% -50%;width:22vw;max-width:420px;aspect-ratio:4/5}#front-slider--wrapper{position:relative;width:100%;height:100%;overflow:hidden;cursor:grab;touch-action:none;&.grabbing{cursor:grabbing}}.front-slider--item{position:absolute;top:0;left:100%;z-index:1;width:100%;height:100%;pointer-events:none;translate:0 0;transition:translate 1s ease;will-change:translate;&.active{translate:-100% 0;z-index:2}& img{width:100%;height:100%;object-position:center;object-fit:cover}}#front-slider--navigation{position:absolute;top:106%;left:0;display:flex;flex-direction:column;gap:10px;opacity:0;translate:0 20px;transition:.5s;transition-delay:.6s}#hero.active #front-slider--navigation{opacity:1;translate:0 0}#front-slider--navigation button{padding:6px 0;background-color:transparent;border:none;cursor:pointer;overflow:hidden}#front-slider--navigation button:hover svg{animation:navButton .5s}#front-slider--navigation button:active svg path{stroke:var(--dgreen)}#front-slider--navigation button:active svg rect{fill:var(--dgreen)}@keyframes navButton{0%{translate:0 0}49.99999%{translate:100% 0}50%{translate:-100% 0}100%{translate:0 0}}#front-slider--navigation .prev-button{rotate:180deg}#bg-slider{position:relative;width:100%;height:100%;overflow:hidden}#bg-slider:after{content:'';position:absolute;top:0;left:0;z-index:2;width:100%;height:100%;background-image:url(//esseform.com/wp-content/themes/esseform/img/noise.jpg);background-repeat:repeat;background-position:top left;translate:0 0;transition:1s ease;transition-delay:.1s;will-change:translate}#hero.active #bg-slider:after{translate:-100% 0}#bg-slider--wrapper{position:relative;width:100%;height:100%}.bg-slider--item{position:absolute;top:0;left:0;z-index:1;width:100%;height:100%;pointer-events:none;overflow:hidden;opacity:0;transition:opacity 1s ease;will-change:opacity;&.active{opacity:1}& img{width:100%;height:100%;object-position:center;object-fit:cover;scale:1.1;transition:5s ease-out}&.active img{scale:1}}.bg-slider--item:after{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(#0006,#0006),linear-gradient(#49b17100,#49b171a0)}#bg-slider--pagination{position:absolute;bottom:30px;left:50%;z-index:4;translate:-50% 0;display:flex;align-items:center;gap:8px}#bg-slider--pagination .bullet{width:6px;height:6px;border-radius:50px;background-color:var(--white);opacity:.4;transition:.3s;&.active{width:24px;opacity:.9}}#about h3{margin-bottom:60px}#about .flex{flex-wrap:nowrap;justify-content:space-between;gap:2%;max-width:800px}.about-card{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:40px;flex-grow:1;padding:30px;aspect-ratio:1/1;background-color:var(--green);background-image:linear-gradient(var(--green),var(--dgreen))}.about-card p{max-width:260px;letter-spacing:.3px;font-size:17px;margin:0;color:var(--white)}#story,#what{padding:120px 0 100px;flex-wrap:nowrap;align-items:center;gap:2%}#what{padding-top:60px;justify-content:flex-end}.text-img .col-img{width:49%;padding:2% 2% 0;display:flex;justify-content:center;align-items:flex-end;gap:6%}.text-img .col-img figure{max-width:260px}.text-img .col-img figure.small{aspect-ratio:1/1;margin-bottom:10px}.text-img .col-img figure.big{aspect-ratio:2/3}.text-img .col-img figure img{width:100%;height:100%;object-fit:cover;object-position:center}.text-img .col-text{width:49%;max-width:700px}#work-intro{background-color:var(--green);background-image:linear-gradient(var(--green),var(--dgreen));color:var(--white)}#work-intro .small{color:var(--white)}#work-intro p{max-width:700px;margin:0 auto 60px}#work-intro .flex{position:relative;flex-wrap:nowrap;justify-content:center;align-items:center;gap:6%}#work-intro .flex:after{content:'';position:absolute;top:50%;left:35%;translate:0 -50%;width:30%;height:8px;background-color:var(--white);transition:2s}#work-intro:not(.active) .flex:after{width:0}.work-intro__card{position:relative;z-index:1;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:8px;width:28%;max-width:300px;aspect-ratio:1/1;background-color:gray;border:solid 8px var(--white);border-radius:50%;overflow:hidden;transition:1s;transition-delay:calc(0.25s * var(--del))}#work-intro:not(.active) .work-intro__card{scale:.5;transition:0;transition-delay:0}.work-intro__card span.title{display:block;position:relative;z-index:3;color:var(--white);text-align:center;font-weight:600;font-size:17px;transition:.4s}.work-intro__card span.cta{display:flex;gap:6px;position:relative;z-index:3;color:var(--green);text-align:center;font-weight:900;font-size:11px;text-transform:uppercase;transition:.4s}.work-intro__card:hover span{translate:0 -5px;opacity:0}.work-intro__card figure{position:absolute;top:0;left:0;z-index:1;border-radius:50%;width:100%;height:100%;overflow:hidden;& img{width:100%;height:100%;object-fit:cover;object-position:center;border-radius:50%;scale:1.06;transition:.4s}}.work-intro__card:hover figure img{scale:1}.work-intro__card figure:after{content:'';position:absolute;top:0;left:0;z-index:2;width:100%;height:100%;background-color:#0008;border-radius:50%;transition:.4s}.work-intro__card:hover figure:after{opacity:.3}#gallery{padding-bottom:100px}#gallery-swiper .swiper-slide{margin-top:10px;position:relative;width:auto;max-width:90%;height:55vh;& img{width:100%;height:100%;object-fit:cover;object-position:center}}#gallery-swiper .swiper-slide:after{content:url(//esseform.com/wp-content/themes/esseform/img/search-ico.svg);position:absolute;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;background-color:#0008;transition:.3s;opacity:0}#gallery-swiper .swiper-slide:hover:after,#gallery-swiper .swiper-slide:focus-visible:after{opacity:1}#hero-title{padding:80px 0;background-image:linear-gradient(#0009,#0009),linear-gradient(#49b17100,#49b171ae),var(--bg);background-size:cover;background-position:center;color:var(--white);& p{max-width:1000px;margin:0}}#works-list{padding:130px 0 80px;background-color:var(--light)}.work-card{max-width:1500px;padding:40px 40px 0;background-color:var(--white);margin:0 auto 40px;&:last-child{margin-bottom:0}}.work-card .flex{align-items:flex-start;margin-bottom:40px}.work-card .flex figure{width:33.333%;max-width:400px;aspect-ratio:1/1;& img{width:100%;height:100%;object-fit:cover;object-position:center}}.work-card .description{padding-left:40px;width:66.666%}.work-card .description .subtitle{text-transform:uppercase;font-weight:800;font-size:14px;color:var(--green)}.work-card .description .lu-button .cross{display:none}.work-card .description .lu-button.active{background-color:transparent;border:solid 1px var(--green) !important;color:var(--green);& .arrow{display:none}& .cross{display:initial}}.work-card .grid{grid-template-rows:0fr;transition:.5s;&.active{grid-template-rows:1fr;padding-bottom:40px}}.work-card-slider{width:100%;overflow:hidden}.work-card-slider .swiper-slide{width:auto;max-width:90%;height:50vh;overflow:hidden;& img{width:100%;height:100%;object-fit:cover;object-position:center}}.work-card-slider .swiper-slide:after{content:url(//esseform.com/wp-content/themes/esseform/img/search-ico.svg);position:absolute;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;background-color:#0006;transition:.3s;opacity:0}.work-card-slider .swiper-slide:hover:after,.work-card-slider .swiper-slide:focus-visible:after{opacity:1}@media only screen and (max-width:1200px){:root{--content:92%}#main-logo{left:4%}#hero .col-sx{width:70%}#hero .col-dx{width:30%}#front-slider{width:26vw}#hero-text{padding:0 4%}.about-card svg{width:70px}.work-card{padding:4% 4% 0}.work-card .description{padding-left:4%}.work-card .grid.active{padding-bottom:4%}}@media only screen and (max-width:1024px){#footer-form .col-sx{width:100%}#footer-form .col-dx{width:100%;min-height:50vh}#hero .col-sx{width:100%;min-height:90vh}#hero .col-dx{width:100%;height:55vh;min-height:475px}#front-slider{position:absolute;top:0;left:50%;translate:-50% -16%;width:84%;max-width:380px;aspect-ratio:4/5}#front-slider--navigation{display:none}.bg-slider--item:after{background-image:linear-gradient(#000a,#000a),linear-gradient(#49b17100,#49b171a0)}#story,#what{flex-wrap:wrap;row-gap:60px}.text-img .col-img,.text-img .col-text{width:100%}.text-img .col-text{order:2}}@media only screen and (max-width:768px){h1{font-size:30px}h2,.fake-h2{font-size:30px}h3{font-size:28px}h4{font-size:24px}h5{font-size:20px}h6{font-size:16px}p{font-size:14px}.input-wrap{width:100%}#main-logo{width:90px}#menu-header-menu{display:none}#navbar{position:fixed;top:24px;right:4%;z-index:10;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:3px;width:50px;height:50px;background-color:transparent;border:none;cursor:pointer;mix-blend-mode:difference}#navbar .icon{display:block;width:26px;height:2px;background-color:var(--white);transition:.3s}#navbar.active .icon:nth-child(1){translate:0 5px;rotate:135deg}#navbar.active .icon:nth-child(2){opacity:0}#navbar.active .icon:nth-child(3){translate:0 -5px;rotate:-135deg}#mobile-nav{position:fixed;top:0;left:100%;z-index:9;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:0 4%;width:92%;min-height:100vh;background-color:var(--white);transition:.7s ease;&.active{left:8%}}#mobile-nav ul{width:100%;list-style-type:none;margin:0;& li{margin-bottom:0;border-bottom:solid 1px var(--light)}& li:last-child{border:none}}#mobile-nav ul a{display:block;padding:20px;text-transform:uppercase;font-weight:500;font-size:14px;color:var(--black);transition:.3s;&:hover{background-color:var(--light)}}#mobile-nav ul li:last-child a{background-color:var(--green);color:var(--white);&:hover{opacity:.9}}#mobile-nav-bg{position:fixed;top:0;left:0;z-index:8;width:100%;height:100%;display:block;background-color:#11111194;backdrop-filter:blur(2px);transition:.3s;opacity:0;pointer-events:none;&.active{opacity:1;pointer-events:all}}#footer-info{position:static}#trail{display:none}#footer-info>.flex{row-gap:80px}#footer-info .col-sx,#footer-info .col-cn,#footer-info .col-dx{width:100%}#footer-info .col-sx a.logo{display:block;width:fit-content;margin:0 auto}#footer-info .col-dx{text-align:center}#footer-info .col-cn table{max-width:100%}#footer-credits{line-height:190%}#work-intro .flex{flex-direction:column;gap:0;row-gap:40px}#work-intro .flex:after{top:35%;left:50%;translate:-50% 0;width:8px;height:30%}#work-intro:not(.active) .flex:after{width:8px;height:0}.work-intro__card{width:90%;max-width:260px}#about .flex{display:block}.about-card{width:100%;max-width:400px;margin:0 auto;margin-bottom:20px}#works-list{padding:120px 0 0}.work-card{padding:20px 20px 0}.work-card .flex{flex-direction:column;row-gap:30px;margin-bottom:20px}.work-card .flex figure{width:100%;max-width:100%;aspect-ratio:4/3}.work-card .flex .description{width:100%;padding-left:0}.work-card .grid.active{padding-bottom:20px}.work-card-slider .swiper-slide{margin-top:20px}}@media only screen and (max-width:450px){#hero .col-dx{min-height:106vw}}