.CircularProgressbar{width:100%;vertical-align:middle}.CircularProgressbar .CircularProgressbar-path{stroke:#3e98c7;stroke-linecap:round;transition:stroke-dashoffset .5s ease 0s}.CircularProgressbar .CircularProgressbar-trail{stroke:#d6d6d6;stroke-linecap:round}.CircularProgressbar .CircularProgressbar-text{fill:#3e98c7;font-size:20px;dominant-baseline:middle;text-anchor:middle}.CircularProgressbar .CircularProgressbar-background{fill:#d6d6d6}.CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-background{fill:#3e98c7}.CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-text{fill:#fff}.CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-path{stroke:#fff}.CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-trail{stroke:transparent}

/*! locomotive-scroll v4.1.3 | MIT License | https://github.com/locomotivemtl/locomotive-scroll */html.has-scroll-smooth{overflow:hidden}html.has-scroll-dragging{-webkit-user-select:none;-moz-user-select:none;-ms-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-dragging .c-scrollbar,.has-scroll-scrolling .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:-webkit-grab;cursor:grab}.has-scroll-dragging .c-scrollbar_thumb{cursor:-webkit-grabbing;cursor:grabbing}[data-scroll-direction=horizontal] .c-scrollbar_thumb{right:auto;bottom:0}

/*!
 * Toastify js 1.10.0
 * https://github.com/apvarun/toastify-js
 * @license MIT licensed
 *
 * Copyright (C) 2018 Varun A P
 */.toastify{padding:12px 20px;color:#fff;display:inline-block;box-shadow:0 3px 6px -1px rgba(0,0,0,.12),0 10px 36px -4px rgba(77,96,232,.3);background:linear-gradient(135deg,#73a5ff,#5477f5);position:fixed;opacity:0;transition:all .4s cubic-bezier(.215,.61,.355,1);border-radius:2px;cursor:pointer;text-decoration:none;max-width:calc(50% - 20px);z-index:2147483647}.toastify.on{opacity:1}.toast-close{opacity:.4;padding:0 5px}.toastify-right{right:15px}.toastify-left{left:15px}.toastify-top{top:-150px}.toastify-bottom{bottom:-150px}.toastify-rounded{border-radius:25px}.toastify-avatar{width:1.5em;height:1.5em;margin:-7px 5px;border-radius:2px}.toastify-center{margin-left:auto;margin-right:auto;left:0;right:0;max-width:-webkit-fit-content;max-width:fit-content;max-width:-moz-fit-content}@media only screen and (max-width:360px){.toastify-left,.toastify-right{margin-left:auto;margin-right:auto;left:0;right:0;max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}}.fade-in-bottom{-webkit-animation:fade-in-bottom .7s cubic-bezier(.39,.575,.565,1) both;animation:fade-in-bottom .7s cubic-bezier(.39,.575,.565,1) both}@-webkit-keyframes fade-in-bottom{0%{transform:translateY(15px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes fade-in-bottom{0%{transform:translateY(15px);opacity:0}to{transform:translateY(0);opacity:1}}@-webkit-keyframes fade-in-min{0%{transform:translateY(5px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes fade-in-min{0%{transform:translateY(5px);opacity:0}to{transform:translateY(0);opacity:1}}@-webkit-keyframes fade-out-min{0%{transform:translateY(0);opacity:1}to{transform:translateY(5px);opacity:0}}@keyframes fade-out-min{0%{transform:translateY(0);opacity:1}to{transform:translateY(5px);opacity:0}}.fade-in{-webkit-animation:fade-in 1.2s cubic-bezier(.39,.575,.565,1) both;animation:fade-in 1.2s cubic-bezier(.39,.575,.565,1) both}.fade-out{-webkit-animation:fade-out .6s cubic-bezier(.39,.575,.565,1) both;animation:fade-out .6s cubic-bezier(.39,.575,.565,1) both}.fade-in-min{-webkit-animation:fade-in-min .4s cubic-bezier(.39,.575,.565,1) both;animation:fade-in-min .4s cubic-bezier(.39,.575,.565,1) both;transition:.3s}.fade-out-min{-webkit-animation:fade-out-min .7s cubic-bezier(.39,.575,.565,1) both;animation:fade-out-min .7s cubic-bezier(.39,.575,.565,1) both;transition:.3s}@-webkit-keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.spin{-webkit-animation-name:spin;animation-name:spin;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-timing-function:linear;animation-timing-function:linear}@-webkit-keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@-webkit-keyframes fade-out{0%{opacity:1}to{opacity:0}}@keyframes fade-out{0%{opacity:1}to{opacity:0}}@-webkit-keyframes slide-in-right{0%{transform:translateX(900px);opacity:0}to{transform:translateX(0);opacity:1}}@keyframes slide-in-right{0%{transform:translateX(900px);opacity:0}to{transform:translateX(0);opacity:1}}@-webkit-keyframes slide-out-right{0%{transform:translateX(0);opacity:1}to{transform:translateX(900px);opacity:0}}@keyframes slide-out-right{0%{transform:translateX(0);opacity:1}to{transform:translateX(900px);opacity:0}}.slide-in-right{-webkit-animation:slide-in-right .4s cubic-bezier(.25,.46,.45,.94) both;animation:slide-in-right .4s cubic-bezier(.25,.46,.45,.94) both}.slide-out-right{-webkit-animation:slide-out-right .4s cubic-bezier(.25,.46,.45,.94) both;animation:slide-out-right .4s cubic-bezier(.25,.46,.45,.94) both}@-webkit-keyframes slide-in-left{0%{transform:translateX(-1000px);opacity:0}to{transform:translateX(0);opacity:1}}@keyframes slide-in-left{0%{transform:translateX(-1000px);opacity:0}to{transform:translateX(0);opacity:1}}.slide-in-left{-webkit-animation:slide-in-left .4s cubic-bezier(.25,.46,.45,.94) both;animation:slide-in-left .4s cubic-bezier(.25,.46,.45,.94) both}@-webkit-keyframes pulse-selected{0%{box-shadow:0 0 0 0 rgba(91,211,219,.897)}to{box-shadow:0 0 0 20px transparent}}@keyframes pulse-selected{0%{box-shadow:0 0 0 0 rgba(91,211,219,.897)}to{box-shadow:0 0 0 20px transparent}}@-webkit-keyframes text-reveal{0%{transform:translateY(50%)}to{transform:translate(0)}}@keyframes text-reveal{0%{transform:translateY(50%)}to{transform:translate(0)}}@-webkit-keyframes flip-in-hor-bottom{0%{transform:rotateX(80deg);opacity:0}to{transform:rotateX(0);opacity:1}}@keyframes flip-in-hor-bottom{0%{transform:rotateX(80deg);opacity:0}to{transform:rotateX(0);opacity:1}}.flip-in-hor-bottom{-webkit-animation:flip-in-hor-bottom .5s cubic-bezier(.25,.46,.45,.94) both;animation:flip-in-hor-bottom .5s cubic-bezier(.25,.46,.45,.94) both}.dl-1{-webkit-animation-delay:.1s;animation-delay:.1s}.dl-2{-webkit-animation-delay:.2s;animation-delay:.2s}.dl-3{-webkit-animation-delay:.3s;animation-delay:.3s}.dl-4{-webkit-animation-delay:.4s;animation-delay:.4s}.dl-5{-webkit-animation-delay:.5s;animation-delay:.5s}.dl-6{-webkit-animation-delay:.6s;animation-delay:.6s}.dl-7{-webkit-animation-delay:.7s;animation-delay:.7s}.dl-8{-webkit-animation-delay:.8s;animation-delay:.8s}.dl-9{-webkit-animation-delay:.9s;animation-delay:.9s}.dl-10{-webkit-animation-delay:1s;animation-delay:1s}@-webkit-keyframes soc{0%{transform:translateZ(0)}to{transform:translate3d(-50%,0,0)}}@keyframes soc{0%{transform:translateZ(0)}to{transform:translate3d(-50%,0,0)}}.type:after{content:"||"}@-webkit-keyframes rotate-center{0%{transform:rotate(0)}to{transform:rotate(1turn)}}@keyframes rotate-center{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.rotate-center{-webkit-animation:rotate-center 5.6s ease-in-out infinite both;animation:rotate-center 5.6s ease-in-out infinite both}.scene{position:absolute;height:100vh;width:100%;overflow:hidden;top:0;right:0;z-index:1}.scene div{position:relative;pointer-events:none}.layer{height:110vh;width:150%;position:absolute}.cliff-layer{height:100vh;width:100%;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer;position:relative}.cliff-layer img{position:absolute;z-index:99;right:40px;bottom:55px;transform:scale(1.5);filter:saturate(130%) grayscale(100%) brightness(60%) blur(.9px)}@media(max-width:800px){.cliff-layer img{right:-32vh;bottom:60px}}.background-scene{height:120%;margin-left:-100px;margin-top:-40px;background:url(/images/M1.jpeg);background-size:cover;background-position-x:-30vw;background-position-y:10px;filter:saturate(140%) brightness(100%) blur(2.4px) grayscale(100%) contrast(90%) opacity(100%);transition:.3s}@media(max-width:800px){.background-scene{filter:saturate(140%) brightness(100%) blur(2.4px) grayscale(100%) contrast(90%) opacity(80%);transition:.3s}}.sea-of-clouds{z-index:100;bottom:0;left:0;width:250.625em;height:100%;-webkit-animation:soc 90s linear infinite alternate;animation:soc 90s linear infinite alternate;background-image:url(/images/clouds2.webp);background-position-y:-90px;filter:brightness(100%) blur(2.2px) opacity(80%);-webkit-user-select:0;-moz-user-select:0;-ms-user-select:0;user-select:0;border:0;pointer-events:none}.test-scene{position:absolute;right:0;top:80px;z-index:-1}.test-scene img{opacity:.3;height:120vh}@media(max-width:800px){.test-scene{top:250px}.test-scene img{height:80vh}}.sun-scene{position:absolute;z-index:-1;opacity:.04;-webkit-animation-duration:70s;animation-duration:70s;left:120px}@media(max-width:800px){.sun-scene{width:100%;left:0;top:80px}}.masthead{position:relative;display:flex;flex-direction:column;margin:-100px auto 0 120px}.masthead h1{font-size:7.5vw;margin:0;font-family:Chakra Petch,sans-serif}.masthead p{font-size:20px}.masthead p.delta-text{color:#000;font-family:Arial,Helvetica,sans-serif;font-weight:600}.logo-image{-o-object-fit:cover;object-fit:cover;border-radius:100%;border:1.3px solid #757275}.logo,.logo-image{width:45px;height:45px}.logo{border:2px solid #333;position:relative;box-sizing:border-box;display:grid}.logo h1{margin:auto;font-family:Times New Roman,Times,serif;font-size:28px}.logo .crest{position:absolute;height:5px;width:5px;background:#000;left:0;bottom:0;transition:.3s ease-in-out}.logo:hover .crest{width:100%;transition:.3s ease-in-out}.scroll-down-tag{display:flex;flex-direction:column;justify-content:space-between;height:290px;align-items:center;position:absolute;bottom:-100px;left:-36px}.scroll-down-tag span{font-family:Arial,Helvetica,sans-serif;font-size:13px;letter-spacing:2px;font-weight:700;transform:rotate(90deg)}.scroll-down-tag .line{width:1px;height:200px;background:linear-gradient(180deg,#000,rgba(68,66,66,.041))}.cardo-text{font-family:Arial,Helvetica,sans-serif;font-weight:100}.banner-header{display:flex;justify-content:space-between;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;align-items:center;padding:20px 0;width:100%}.banner-header .nav-items{display:flex}.banner-header .nav-items .link-item{padding:10px;margin:0 15px;position:relative;cursor:pointer}.banner-header .nav-items .link-item span{text-transform:uppercase;font-family:Arial,Helvetica,sans-serif;letter-spacing:1.5px;font-size:14px;font-weight:700}.banner-header .nav-items .link-item .crest{position:absolute;height:3px;width:0;background:#000;left:0;bottom:0;transition:.3s ease-in-out}.banner-header .nav-items .link-item:hover .crest{width:100%;transition:.3s ease-in-out}.banner-header .nav-items .link-item.active .crest{width:100%;transition:.3s ease-in-out;background:#747474}@media(max-width:800px){.banner-header{padding:14px 14px 14px 10px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;opacity:0}.banner-header .location-tag{margin-left:-200px;display:none}.banner-header .nav-items{display:none}}.hero-banner{display:grid;position:relative;height:90vh;width:100%}.hero-banner .location-tag{position:absolute;bottom:10px;right:0;font-size:15px}.hero-banner .location-tag i,.hero-banner .location-tag span{color:rgba(255,255,255,.479)}.hero-banner .location-tag a{text-decoration:none;color:inherit}@media(max-width:800px){.hero-banner .banner-header{padding:14px 14px 14px 30px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.hero-banner .banner-header .location-tag{margin-left:-200px;display:none}.hero-banner .banner-header .nav-items{display:none}.hero-banner .masthead{margin:-200px auto auto}.hero-banner .masthead h1{font-size:15vw}.hero-banner .masthead .delta-text{position:absolute;top:100%;width:250px}.hero-banner .scroll-down-tag{left:35%;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}.hero-banner .scroll-down-tag .line{height:35vh}.hero-banner .scroll-down-tag span{transform:rotate(0deg);margin-bottom:10px}}.fixed-nav{opacity:0}@media(max-width:800px){.fixed-nav{display:none}}@media(max-width:1300px){.fixed-nav{display:none}}.page-logo{position:fixed;left:60px;top:40px;z-index:100}.page-banner-text{position:fixed;z-index:1;left:-80px;bottom:24%;transform:rotate(90deg)!important}.page-banner-text span{text-transform:uppercase;font-size:13px;font-weight:700;transform:rotate(90deg)!important;letter-spacing:2px}@media(max-width:800px){.page-banner-text{display:none}}.burger-nav-button{position:fixed;z-index:3;right:55px;top:45%;cursor:pointer}.burger-nav-button .burger-menu{margin:0 auto;width:40px;display:block;transition:all .3s;cursor:pointer;height:40px;padding:20px}.burger-nav-button .burger-menu .bar{transition:all .3s;height:4px;width:100%;display:block;background-color:#000}.burger-nav-button .burger-menu .bar:nth-of-type(2){margin:8px 0}.burger-nav-button .burger-menu--closed{transition-delay:.3s}.burger-nav-button .burger-menu--closed .bar{float:right}.burger-nav-button .burger-menu--closed .bar:nth-of-type(2){width:75%;transition-property:margin,height,width;transition-delay:.3s,.3s,0s}.burger-nav-button .burger-menu--closed .bar:nth-of-type(3){width:40%}.burger-nav-button .burger-menu--closed:hover .bar:nth-of-type(2),.burger-nav-button .burger-menu--closed:hover .bar:nth-of-type(3){width:100%}.burger-nav-button .burger-menu--opened{padding-top:30px}.burger-nav-button .burger-menu--opened .bar:first-of-type{transform:rotate(45deg);transition-delay:.3s;height:4px}.burger-nav-button .burger-menu--opened .bar:nth-of-type(2){opacity:0;height:0;margin:-3px}.burger-nav-button .burger-menu--opened .bar:nth-of-type(3){transform:rotate(-45deg);transition-delay:.3s;height:4px}@media(max-width:800px){.burger-nav-button{top:30px;right:30px;display:none}}.mask-wrapper{width:100%;z-index:2;left:0;background:linear-gradient(rgba(233,245,242,.733),rgba(68,99,114,.769))}.drawer-container,.mask-wrapper{position:fixed;height:100vh;top:0}.drawer-container{background:#fff;z-index:3;width:570px;right:0;box-shadow:0 19px 38px rgba(0,0,0,.3),0 15px 12px rgba(0,0,0,.22);display:grid;overflow-y:auto}.drawer-container::-webkit-scrollbar{width:0}.drawer-container .nav-links{margin:0 auto auto 100px;padding:100px 0 0;display:flex;flex-direction:column;grid-row-gap:30px;row-gap:30px}.drawer-container .nav-links .link h2{font-size:6vh;font-family:Chakra Petch,sans-serif;margin:0}.drawer-container .nav-links .link .crest{height:5px;width:0;background:#5c5c5c;transition:.3s}.drawer-container .nav-links .link:hover .crest{width:100%;transition:.3s}@media(max-width:800px){.drawer-container{width:100%}.drawer-container .nav-page-links{padding:50px 60px}.drawer-container .nav-links{margin-top:40px;margin-left:60px}.drawer-container .nav-links h2{font-size:11vw!important}}.nav-page-links{display:flex;width:100%;border-top:.3px solid #ddd;padding:40px 80px;grid-column-gap:80px;-moz-column-gap:80px;column-gap:80px}.nav-page-links .link-segment{display:flex;flex-direction:column;grid-row-gap:10px;row-gap:10px}.nav-page-links .link-segment strong{font-family:Arial,Helvetica,sans-serif;text-transform:uppercase;font-weight:600;font-size:14px;margin-bottom:10px}.nav-page-links .link-segment .footer-link{padding:4px 0;position:relative;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.nav-page-links .link-segment .footer-link .crest{position:absolute;height:3px;width:0;background:#000;left:0;bottom:0;transition:.3s ease-in-out}.nav-page-links .link-segment .footer-link:hover .crest{width:100%;transition:.3s ease-in-out}@media(max-width:800px){.section1-banner{width:100%;background:#fff;position:relative;left:0;padding:10px 20px;margin-bottom:140px}.section1-banner .home-text{width:100%;padding:10px}}.mobile-nav-header{position:fixed;display:none;width:100%;background:rgba(250,250,250,.726);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);top:0;left:0;padding:15px 25px;justify-content:space-between;z-index:9999}@media(max-width:800px){.mobile-nav-header{display:flex}.mobile-nav-header .burger-nav-button{display:block;display:flex;top:7px;right:60px}}.page-content{max-width:1100px;margin:50px auto 80px;padding:10px 30px;position:relative;z-index:2}@media(max-width:800px){.page-content{margin:20px auto 80px;padding:10px 40px}}.text-muted{color:#5c5a5a;font-size:20px;line-height:35px}.section{display:flex;justify-content:space-between;align-items:center}.panel-image{height:350px;width:350px;border-radius:100%}.header-text-1,.section-number{font-family:Chakra Petch,sans-serif}.section-number{font-size:70px;margin:0 0 -200px;color:#ddd;display:inline-block}.section-header{margin:50px 0 300px}.section-header .headline{font-size:80px;font-family:Chakra Petch,sans-serif;margin:0}.section-header p{font-size:20px}@media(max-width:800px){.section-header{margin-bottom:0}.section-header .headline{font-size:13vw}}.contact-section{margin-top:250px;margin-bottom:120px}.button-row{display:flex;grid-column-gap:40px;-moz-column-gap:40px;column-gap:40px;margin-top:40px}@media(max-width:800px){.button-row{display:flex;flex-direction:column;grid-row-gap:20px;row-gap:20px}.button-row .main-btn{width:70%;text-align:center}}.view-all-projects{position:relative;width:100%;display:flex;align-self:center;justify-content:center;margin-top:50px}.view-all-projects .main-btn{transform:scale(1.2)}.view-all-projects .main-btn .crest{height:100%}.view-all-projects .main-btn:hover span{color:#fff!important;z-index:1}.contact-banner-text{font-family:Chakra Petch,sans-serif;font-size:220px;position:absolute;color:rgba(236,234,234,.349);display:block;white-space:nowrap;left:-70%;top:-4%}@media(max-width:800px){.contact-banner-text{display:none}}.flex-items{display:flex;justify-content:space-between}.contact-page{width:80%;margin-top:10px}@media(max-width:800px){.contact-page .contact-section{margin-top:120px}}.footer{padding:10px 40px 0;border-top:.3px solid #ddd;border-bottom:20px solid rgba(199,209,211,.493);background:#f1f1f1}@media(max-width:800px){.footer{flex-direction:column;padding:10px 20px}.footer .page-content{padding:10px 0}}.footer-content{display:flex;justify-content:space-between}@media(max-width:800px){.footer-content{flex-direction:column;padding:10px 20px}}.footer-logo{display:flex;transform:scale(1.2);opacity:.8;position:relative;top:0;left:0;justify-content:center;align-items:center}.footer-logo .logo-text{display:flex;flex-direction:column;margin-left:20px;position:relative;top:-3px}.footer-logo .logo-text span{font-size:15px}.footer-logo .logo-text small{font-size:10px;text-transform:uppercase}.footer-links{display:flex;grid-row-gap:40px;row-gap:40px;grid-column-gap:95px;-moz-column-gap:95px;column-gap:95px}.footer-links .link-segment{display:flex;flex-direction:column;grid-row-gap:10px;row-gap:10px}.footer-links .link-segment strong{font-family:Arial,Helvetica,sans-serif;text-transform:uppercase;font-weight:600;font-size:14px;margin-bottom:10px}.footer-links .link-segment .footer-link{padding:4px 0;position:relative;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.footer-links .link-segment .footer-link .crest{position:absolute;height:3px;width:0;background:#000;left:0;bottom:0;transition:.3s ease-in-out}.footer-links .link-segment .footer-link:hover .crest{width:100%;transition:.3s ease-in-out}@media(max-width:800px){.footer-links{flex-wrap:wrap;justify-content:center;grid-column-gap:auto;-moz-column-gap:auto;column-gap:auto}}.footer-left{display:flex;justify-content:space-between;flex-direction:column}.footer-left .baybayin-text{letter-spacing:5px;font-size:17px}@media(max-width:800px){.footer-left{flex-direction:column;grid-row-gap:20px;row-gap:20px;padding-bottom:50px;justify-content:center;align-items:center}}.page-grid{display:flex;height:200%;width:100%;position:fixed;top:0;z-index:-1;background:transparent}.page-grid .grid-item{border:.1px solid rgba(221,221,221,.575);height:100%;width:40%}.page-grid .grid-item:first-child,.page-grid .grid-item:nth-child(2){border:0}@media(max-width:800px){.page-grid{display:none}}.hud-col{display:flex;flex-direction:column;padding:80px 10px;margin-left:30%;height:100%;align-items:center;justify-content:space-between}.hud-col i{color:rgba(128,128,128,.61)}.hud-col .icon-group{display:flex;flex-direction:inherit;align-items:center}.hud-col .icon-group i{margin:10px 0}.hud-col .img{display:flex;flex-direction:column;opacity:.1}.hud-col .img .bottom-bar{height:4px;width:60px;margin:10px 0;background:gray}.hud-col .logo{height:60px;width:60px;border:3px solid rgba(51,51,51,.534)}.main-btn{display:grid;padding:20px 50px;border:1px solid #333;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;cursor:pointer;position:relative;overflow:hidden}.main-btn span{text-transform:uppercase;font-size:14px;font-weight:700;transition:.4s ease-in-out}.main-btn .crest{position:absolute;height:100%;width:5px;background:#000;left:0;bottom:0;transition:.4s ease-in-out}.main-btn:hover span{-webkit-animation:fade-in-min .7s cubic-bezier(.39,.575,.565,1) both;animation:fade-in-min .7s cubic-bezier(.39,.575,.565,1) both;color:#fff;z-index:1}.main-btn:hover .crest{width:100%;transition:.3s ease-in-out}.main-btn:hover .pane{width:200%;transition:.6s ease-in-out}.project-cards{display:flex;width:100%;padding:20px 0;justify-content:space-between;flex-wrap:wrap;grid-row-gap:150px;row-gap:150px;margin-top:100px}.project-cards a:nth-child(2n){margin-top:-230px}@media(max-width:800px){.project-cards{flex-direction:column;grid-row-gap:10px;row-gap:10px}.project-cards a:nth-child(2n){margin-top:unset}}.project-card{cursor:pointer;display:flex;flex-direction:column;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;position:relative}.project-card .crest{position:absolute;height:7px;width:7px;background:#333;bottom:0;right:left;transition:.3s}.project-card .bottom-gradient{height:50%;width:100%;position:absolute;background:linear-gradient(transparent,hsla(0,0%,100%,.589),hsla(0,0%,100%,.678));bottom:0}.project-card .project-image{position:relative;height:450px;width:480px;box-shadow:0 25px 50px -12px rgba(0,0,0,.25);overflow:hidden}.project-card .project-image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:.3s;position:absolute;z-index:-1}.project-card h2{font-family:Chakra Petch,sans-serif;font-size:60px;position:relative;top:-40px;left:40px;margin:0}.project-card:hover .project-image img{transform:scale(1.04);transition:.3s}.project-card:hover .project-image .crest{height:100%;transition:.7s}.project-card:hover h2{-webkit-animation:fade-in-min .7s cubic-bezier(.39,.575,.565,1) both;animation:fade-in-min .7s cubic-bezier(.39,.575,.565,1) both;transition:.3s}@media(max-width:800px){.project-card{flex-direction:column;height:430px;width:100%;margin-bottom:50px}.project-card .project-image{width:auto}.project-card a:nth-child(2n){margin-top:unset}.project-card h2{font-size:12vw!important;width:-webkit-fit-content!important;width:-moz-fit-content!important;width:fit-content!important}.project-card .radial-bar{display:none}}.radial-bar{height:120px;width:120px;top:-45px;right:-45px;display:grid}.radial-bar,.radial-bar .spin{position:absolute}.radial-bar span{margin:auto;font-family:Arial,Helvetica,sans-serif;text-transform:uppercase;font-weight:700;line-height:25px;position:relative;text-align:center;font-size:14px;top:0;text-shadow:0 0 10px #fff}.projects-grid{margin:120px 0;width:100%;display:flex;flex-direction:column;grid-row-gap:30px;row-gap:30px;z-index:3}.projects-grid .grid-row{width:100%;display:flex;grid-column-gap:30px;-moz-column-gap:30px;column-gap:30px;margin-left:-500px;z-index:3}.projects-grid .grid-row .project-item{height:250px;width:350px;border:1px solid #7e7d7d;overflow:hidden;position:relative;flex-shrink:0;opacity:.75;transition:.3s}.projects-grid .grid-row .project-item img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;filter:grayscale(100%)}.projects-grid .grid-row .project-item .crest{position:absolute;height:8px;width:8px;background:#333;bottom:0;left:0;transition:.7s}.projects-grid .grid-row .project-item:hover{opacity:1;box-shadow:0 13px 27px -5px rgba(50,50,93,.25),0 8px 16px -8px rgba(0,0,0,.3);transition:.3s}.projects-grid .grid-row .project-item:hover .crest{width:100%;transition:.5s}.projects-grid .grid-row .project-item:hover img{transition:.3s;filter:grayscale(0)}@media(max-width:1200px){.projects-grid{display:none}}.tags-list{display:flex;grid-column-gap:20px;-moz-column-gap:20px;column-gap:20px;padding:20px;margin-left:-20%}.tags-list div{flex-shrink:0}.case-study{margin-top:-200px;width:100%;height:auto;display:flex;flex-direction:column;grid-row-gap:40px;row-gap:40px}.case-study p{margin-top:60px}.case-study li,.case-study p{font-size:18px;color:#000}.case-study .banner-image{height:500px;border:4px solid #fff;width:100%;-o-object-fit:cover;object-fit:cover;box-shadow:0 7px 29px 0 rgba(100,100,111,.2)}@media(max-width:800px){.case-study{margin-top:unset}.case-study .banner-image{height:270px}}.case-info-line{width:0;height:1.5px;background:#ddd;margin-top:40px;transition:.3s}.case-info-line.expanded{width:100%;transition:.8s cubic-bezier(.4,0,.2,1)}.case-info-list{display:flex;justify-content:space-between;padding:30px 0;align-items:center}.case-info-list .case-info-item{display:flex;flex-direction:column;grid-row-gap:10px;row-gap:10px}.case-info-list .case-info-item small{font-size:14px;font-weight:700;text-transform:uppercase}@media(max-width:800px){.case-info-list{flex-wrap:wrap;grid-column-gap:40px;-moz-column-gap:40px;column-gap:40px;grid-row-gap:40px;row-gap:40px}.case-info-list .case-info-item{text-align:left;align-items:left}}.desktop-view{width:100%;display:grid;position:relative;margin-top:90px;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.desktop-view .media-item-container{position:absolute;z-index:1;height:514px;top:84px;left:140px;width:818px;background:#000;overflow:hidden}.desktop-view .media-item{width:100%;height:100%;z-index:1;margin:auto;-o-object-fit:contain;object-fit:contain}.desktop-view .laptop-frame{position:relative;width:100%;height:auto;z-index:3}@media(max-width:1150px){.desktop-view .laptop-frame{display:none}.desktop-view .media-item-container{height:300px;margin-top:-100px;width:100%;left:0;top:unset;position:relative}}.mobile-component{position:relative;margin:110px 0;width:270px;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.mobile-component .mobile-frame{width:270px;position:relative;z-index:3}.mobile-component .mobile-media{position:absolute;z-index:1;width:93%;height:96%;left:10px;top:5px;border-radius:20px;background:#000;-o-object-fit:contain;object-fit:contain}.mobile-screens{width:100%;display:flex;justify-content:center;grid-column-gap:90px;-moz-column-gap:90px;column-gap:90px}@media(max-width:800px){.mobile-screens{flex-direction:column;grid-column-gap:0;-moz-column-gap:0;column-gap:0}.mobile-screens div{display:flex;justify-content:center}}.masonry-grid{display:flex;grid-gap:80px;gap:80px;margin:270px auto 0;flex-wrap:wrap}.masonry-grid img:nth-child(2n){margin-top:-150px}.masonry-grid .grid-item{height:400px;width:500px;-o-object-fit:cover;object-fit:cover;box-shadow:0 4px 12px rgba(0,0,0,.1)}@media(max-width:800px){.masonry-grid{margin-top:60px}.masonry-grid img:nth-child(2n){margin-top:unset}.masonry-grid .grid-item{height:300px;width:100%}}.next-project{margin-bottom:unset;display:flex;flex-direction:column;align-items:center}.next-project h1{text-align:center;font-size:70px!important}.next-project .main-btn{margin-top:20px}@media(max-width:800px){.next-project{flex-direction:column;text-align:center;justify-content:center;align-items:center}.next-project h1{font-size:13vw!important}}.case-study-headline br,.case-study-headline br:after{content:" "}.article-grid{width:100%;display:flex;grid-column-gap:60px;-moz-column-gap:60px;column-gap:60px}.article-grid p{font-size:18px!important}.article-grid div{width:100%}.article-grid div a{color:#1577a5;text-decoration:underline}@media(max-width:800px){.article-grid{flex-direction:column}}.home-text{width:590px;line-height:45px;margin-top:50px}.home-text strong{color:#000}.about-banner{display:flex;justify-content:space-between;width:100%;grid-column-gap:70px;-moz-column-gap:70px;column-gap:70px}.about-banner .headline{font-size:70px}.about-banner img{height:600px;width:450px;-o-object-fit:cover;object-fit:cover}@media(max-width:800px){.about-banner{flex-direction:column-reverse}.about-banner .about-banner-text{display:none}.about-banner div .home-text{width:100%}.about-banner .headline{font-size:12vw}}#profile{position:relative;top:80px;padding:90px 0 300px}#profile img{margin-bottom:200px}@media(max-width:800px){#profile{padding-top:0;padding-bottom:50px}#profile img{margin-bottom:0;width:100%;height:240px}}.about-banner-text{font-size:220px;position:absolute;color:rgba(236,234,234,.349);white-space:nowrap;left:-70%;top:20%}.about-banner-text,.info-header{font-family:Chakra Petch,sans-serif;display:block}.info-header{font-weight:700;font-size:27px;margin-top:50px}.info-header .exponent{font-size:16px;margin-left:5px;position:relative;top:-15px}.award-list{display:flex;flex-direction:column;margin-top:20px}.award-list .award-item{padding:15px 0;width:100%;font-size:19px;border-bottom:.3px solid #ddd;display:flex;flex-direction:column;grid-row-gap:10px;row-gap:10px}.award-list .award-item small{color:#616161}.award-list .award-item .skill-pin{position:relative;top:-2px;color:#9eacec}.award-list .award-item .skill-pin.gold{color:#f3c37c}.award-list .award-item .skill-pin.silver{color:#9b9999}.award-list .award-item .skill-pin.bronze{color:#af733b}.load-bar{width:100%;height:8px;background:#ddd;transition:.3s}.load-bar .progress{height:100%;width:50%;background:#333;transition:1.3s}.about-info-thread,.about-sections{display:flex;flex-direction:column}.about-sections{grid-row-gap:50px;row-gap:50px;margin-top:50px}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;padding:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}#nprogress{pointer-events:none}#nprogress .bar{background:#29d;position:fixed;z-index:1031;top:0;left:0;width:100%;height:2px}.shimmer-text{background:linear-gradient(180deg,rgba(88,194,159,.911) 0,rgba(10,6,66,.275)),url(https://images.unsplash.com/photo-1541701494587-cb58502866ab?auto=format&fit=crop&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib=rb-1.2.1&q=20&w=1770);-webkit-background-clip:text;background-size:cover}.shimmer-text,.shimmer-text-2{-webkit-text-fill-color:transparent}.shimmer-text-2{background:linear-gradient(180deg,rgba(88,194,159,.911) 0,rgba(10,6,66,.275)),url(https://images.unsplash.com/photo-1541661538396-53ba2d051eed?auto=format&fit=crop&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib=rb-1.2.1&q=10&w=654);-webkit-background-clip:text;background-size:cover}.mast{display:grid;height:100vh;width:100%}.mast .welcome{margin:auto;display:flex;flex-direction:column;justify-content:center;align-items:center}.mast .welcome i{font-weight:100!important}.mast .welcome h1{font-weight:200!important;font-size:40px;margin-top:-5px}.mast .welcome p{color:gray;margin-top:-10px}#nprogress .peg{display:block;position:absolute;right:0;width:100px;height:100%;box-shadow:0 0 10px #29d,0 0 5px #29d;opacity:1;transform:rotate(3deg) translateY(-4px)}#nprogress .spinner{display:block;position:fixed;z-index:1031;top:15px;right:15px}#nprogress .spinner-icon{width:18px;height:18px;box-sizing:border-box;border-color:#29d transparent transparent #29d;border-style:solid;border-width:2px;border-radius:50%;-webkit-animation:nprogress-spinner .4s linear infinite;animation:nprogress-spinner .4s linear infinite}.nprogress-custom-parent{overflow:hidden;position:relative}.nprogress-custom-parent #nprogress .bar,.nprogress-custom-parent #nprogress .spinner{position:absolute}@-webkit-keyframes nprogress-spinner{0%{-webkit-transform:rotate(0deg)}to{-webkit-transform:rotate(1turn)}}@keyframes nprogress-spinner{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}a{text-decoration:none;color:unset}.type:after{content:" ▊";-webkit-animation:cursor 1.1s step-start infinite;animation:cursor 1.1s step-start infinite}@-webkit-keyframes cursor{50%{opacity:0}}@keyframes cursor{50%{opacity:0}}@font-face{font-family:baybayin;src:url(/fonts/TagDoc93.ttf)}.baybayin-text{font-family:baybayin}