*,body,html{box-sizing:border-box;margin:0;padding:0;scroll-behavior:auto;scroll-padding-top:calc(var(--medium-gap) + var(--gap))}body.light-mode,body.light-mode .single-post .header{background-color:var(--bg-color)}body.light-mode .toggle-circle-wrapper{background-color:var(--light-gray)}body.light-mode .toggle-circle-wrapper .circle{background:var(--dark-color)}body.light-mode h1,body.light-mode h2,body.light-mode h3,body.light-mode h4,body.light-mode p{color:var(--dark-color)}body.dark-mode{--dark-color:#2a2b2d;background-color:var(--dark-color)}body.dark-mode .blog-post-card .thumbnail-container .thumbnail .two-col-flex p{--dark-color:#2a2b2d;background-color:var(--dark-color)!important}body.dark-mode .single-post .header{--dark-color:#2a2b2d;background-color:var(--dark-color)}body.dark-mode .site-logo img{filter:invert(1) brightness(.9)}body.dark-mode .mobile-lines-wrapper .line{background:var(--bg-color)}body.dark-mode .brand-logo .brand-logo-image{opacity:.02!important}body.dark-mode .toggle-circle-wrapper{background-color:var(--bg-dark)}body.dark-mode .toggle-circle-wrapper .circle{background:var(--light-gray);transform:translateX(226%)}body.dark-mode .title-icon .icon i,body.dark-mode .titles-line .two-col-flex p .category-link,body.dark-mode h1,body.dark-mode h2,body.dark-mode h3,body.dark-mode h4,body.dark-mode li,body.dark-mode p{color:var(--bg-color)}body.dark-mode #about-section .two-third__reverse .video-container-wrapper .video-placeholder{background-color:hsla(0,0%,85%,.051)}body.dark-mode .bg-muted-green{background:var(--bg-dark)}body.dark-mode #services-section .service-card{border:1px solid hsla(0,0%,100%,.102)}body.dark-mode #services-section .bi:before{color:var(--bg-color)}body.dark-mode .btn__primary{background:var(--primary-color);color:var(--bg-color)}body.dark-mode .btn__secondary{background:transparent;border:1px solid var(--bg-color);color:var(--bg-color)}body.dark-mode .btn__secondary a{color:var(--bg-color)}body.dark-mode .btn__tertiary{background:transparent;border:1px solid var(--bg-color);color:var(--bg-color)}body.dark-mode .btn__tertiary a{color:var(--bg-color)}body.dark-mode #about-section .card-btn,body.dark-mode .tag{border:1px solid hsla(75,5%,84%,.431)!important;color:hsla(75,5%,84%,.431)!important}body.dark-mode #about-section .card-btn:hover{color:var(--accent-text-color)!important}body.dark-mode .copyright,body.dark-mode footer a{color:var(--bg-color)}body{font-family:Diagramm-regular;overflow-x:hidden}body p{font-size:var(--body-font-size);text-wrap:balance}body h2,body h3,body h4,body h5,body h6{color:var(--primary-color);font-family:Diagramm-regular;font-weight:500}.sections-container{display:flex;flex-wrap:nowrap;height:100vh;position:relative;width:500vw}.home-sections-container{display:flex;flex-direction:column;height:auto;position:relative;transform:none;width:100vw}.home-sections-container .section{display:grid;height:100vh;width:100vw}.load-more-btn{background:transparent;border:1px solid var(--primary-color);border-radius:var(--gap);bottom:-50px;color:var(--primary-color);cursor:pointer;font-size:var(--menu-item-font-size);opacity:0;padding:var(--small-gap);position:fixed;right:47%;text-transform:uppercase;transition:all .4s ease;z-index:1000}@media screen and (min-width:1600px){.load-more-btn{bottom:calc(var(--gap)*7)!important}}@media screen and (max-width:786px){.load-more-btn{right:36%}}.header.light-text .site-logo img{filter:invert(1) brightness(.9)!important}.header.light-text a.btn__tertiary{border:1px solid rgba(239,239,245,.741)!important;color:rgba(239,239,245,.741)!important}.header.light-text a.btn__primary{background:var(--primary-color)!important;color:rgba(239,239,245,.741)!important}.header.dark-text .site-logo img{filter:invert(0) brightness(1)!important}.header.dark-text a.btn__tertiary{border:1px solid #020203!important;color:#020203!important}.header.dark-text a.btn__primary{background:#020203!important;color:rgba(239,239,245,.741)!important}.section{display:grid;height:100vh;width:100vw}a{text-decoration:none}a:not(a.btn,footer a){color:var(--primary-color)}li{list-style:none}img{font-style:italic;height:auto;max-width:100%;-o-object-fit:cover;object-fit:cover;vertical-align:middle}.image-box{overflow:hidden}.image-box img{width:100%}.error{background:#fa7272;color:#4b0202;height:-moz-max-content!important;height:max-content!important}.error,.success{border-radius:calc(var(--small-gap)/2);padding:var(--small-gap);width:-moz-max-content;width:max-content}.success{background:#3bbd3b;color:#035003;height:-moz-max-content;height:max-content}::selection{background-color:var(--primary-color);color:var(--bg-color)}::-moz-selection{background-color:var(--primary-color);color:var(--bg-color)}.titles-line .two-col-flex{overflow:hidden}.titles-line .two-col-flex .section-title{cursor:default;font-size:clamp(1rem,2vw,2rem);transform:translateY(100%)}.titles-line .two-col-flex p{overflow:hidden}.titles-line .two-col-flex p .archive-link{font-size:clamp(1rem,1vw,1.3rem);text-decoration:underline;transform:translateY(100%)}.titles-line .two-col-flex p .category-link{color:var(--dark-color);transform:translateY(100%)}.titles-line .two-col-flex p .category-link.active{color:var(--primary-color);font-weight:700}.titles-line .two-col-flex .archive-link{font-size:clamp(1rem,1vw,1.3rem);text-decoration:underline;transform:translateY(100%)}button{border:none;height:-moz-max-content;height:max-content}button:focus{outline:none}@media screen and (min-width:876px){.custom-cursor{background-color:var(--primary-color);height:20px;isolation:isolate;transition:width .4s ease-in-out,height .4s ease-in-out;width:20px}.custom-cursor,.custom-cursor.active{border-radius:50%;pointer-events:none;position:absolute;top:70px;z-index:9999999}.custom-cursor.active{background-color:#fff;height:70px;mix-blend-mode:difference;width:70px}.custom-cursor:before{content:"";left:20%;top:30%}.custom-cursor.active:before,.custom-cursor:before{color:var(--primary-color);mix-blend-mode:darken;position:absolute}.custom-cursor.active:before{content:"open";left:23%;top:35%;transition:opacity .4s ease-in-out}}.calendly-trigger{cursor:pointer}.calendly-embed{display:none;left:4rem;min-width:90vw;position:absolute;top:1rem;z-index:999}.calendly-embed,.calendly-embed iframe{min-height:100vh}@media screen and (max-width:768px){.calendly-embed{left:1rem;top:4rem}}@media screen and (min-width:990px){.shuffle-text{display:inline-block;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap}}#loading-screen{align-items:center;background:#f0f0f0;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;transition:opacity .5s ease-out;width:100%;z-index:9999999}.loading-content{align-items:center;display:flex;flex-direction:column;gap:var(--small-gap);position:relative}.loading-content,.loading-content .loading-percentage{text-align:center}.letters-container{position:relative;width:-moz-fit-content;width:fit-content}.letter{font-size:clamp(2rem,3vw,4rem);left:0;overflow:hidden;position:absolute;top:0;white-space:nowrap}.m-1{margin-left:-2.2rem;width:70px}.post-tag{border:1px solid var(--accent-text-color);border-radius:var(--gap);color:var(--accent-text-color)!important;font-size:clamp(1rem,1vw,1.2rem);padding:calc(var(--small-gap)/2.4);width:-moz-max-content;width:max-content}body.dark-mode .post-tag{border:1px solid hsla(75,5%,84%,.431)!important;color:hsla(75,5%,84%,.431)!important}@media screen and (min-width:876px){.section #blog-posts-container .blog-post-card:nth-of-type(2),.section #posts-container .blog-post-card:nth-of-type(2){margin-top:1.3rem}}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,.2);border:1px solid transparent;border-radius:10px}*{scrollbar-color:rgba(0,0,0,.2) transparent;scrollbar-width:thin}.container{margin-inline:auto;padding-inline:1%}.container__header-container{margin-inline:auto;padding-inline:var(--small-gap)}@media screen and (max-width:550px){.container{padding-inline:1%}}.wrapper{max-width:99%;padding-inline:1%}.site-logo{cursor:pointer;max-width:150px;visibility:hidden}.text-light{color:#efeff5}.text-dark{color:#020203}.text-center{text-align:center}hr{background:var(--primary-color)!important;height:1px}.border-bottom{border-bottom:1px solid rgba(0,0,0,.2)}.btn{align-items:center;border-radius:calc(var(--large-gap)*4);cursor:pointer;display:flex;font-size:var(--menu-item-font-size);font-weight:400;justify-content:center;padding-bottom:calc(var(--gap)/4);padding-top:calc(var(--gap)/4 + .2rem);padding-inline:calc(var(--gap)/2);text-align:center;text-transform:uppercase;transition:background .4s ease,border .5s linear;white-space:nowrap!important;width:-moz-max-content;width:max-content}.btn__primary{background:var(--dark-color);color:var(--bg-color)}.btn__secondary{background:transparent;border:1px solid var(--dark-color)}.btn__secondary,.btn__secondary a,.btn__tertiary{color:var(--dark-color)}.btn__tertiary{background:transparent;border:1px solid var(--dark-color)}.btn__tertiary a{color:var(--dark-color)}.current-page-menu-item{border:1px solid var(--primary-color)!important;color:var(--primary-color)!important}@media screen and (max-width:900px){.current-page-menu-item:not(.contact-page.current-page-menu-item){border:1px solid var(--bg-color)!important;color:var(--bg-color)!important}}.disabled{background-color:#ddd!important;border:#ddd!important;color:#acabab!important;cursor:not-allowed}.bg-muted-green,.card-bg-color{background-color:var(--muted-green)}.bg-color{background-color:var(--bg-color)}.bg-green{background-color:var(--accent-color)}.bg-dark{background:var(--dark-color);color:var(--bg-color)}.bg-light-gray{border:1px solid rgba(3,3,3,.212);border-radius:calc(var(--small-gap)/2.2)}.paragraph{font-size:var(--body-font-size);line-height:var(--line-height)}.small-text{font-size:var(--small-text-font-size)}.tiny-text{font-size:var(--tiny-text)}.tiny-text__text-tag{background:var(--primary-color);border-radius:var(--gap);color:var(--bg-color)}.m-auto{margin-inline:auto}.m-top{margin-top:var(--gap)}.m-top__medium{margin-top:calc(var(--gap)/2)}.m-top__large{margin-top:calc(var(--large-gap)/2)}.m-top__small{margin-top:var(--small-gap)}.m-top__extra{margin-top:var(--large-gap)}.m-bottom{margin-bottom:var(--gap)}.m-bottom__medium{margin-bottom:calc(var(--gap)/2)}.m-bottom__small{margin-bottom:var(--small-gap)}.m-bottom__large{margin-bottom:calc(var(--large-gap)/2)}.m-bottom__intermediate{margin-bottom:calc(var(--medium-gap)/2)}.section-m-top{margin-top:var(--large-gap)}.section-m-bottom{margin-bottom:var(--large-gap)}.section-m-bottom__medium{margin-bottom:calc(var(--large-gap)/2)}.small-inline-pad{padding-inline:3%}@media screen and (min-width:1780px){.small-inline-pad{padding-inline:5%}}.p-bottom{padding-bottom:var(--gap)}.p-bottom__medium{padding-bottom:calc(var(--gap)/2)}.p-bottom__small{padding-bottom:var(--small-gap)}.p-top{padding-top:var(--gap)}.p-top__medium{padding-top:calc(var(--gap)/2)}.p-top__small{padding-top:var(--small-gap)}.p4{padding:var(--gap)}.p4__medium{padding:calc(var(--gap)/2)}.p4__small{padding:var(--small-gap)}.p4__tiny{padding:calc(var(--small-gap)/1.5)}.p3{padding:var(--gap) var(--gap) 0 var(--gap)}.p3__medium{padding:calc(var(--gap)/2) calc(var(--gap)/2) 0 calc(var(--gap)/2)}.p3__small{padding:var(--small-gap) var(--small-gap) 0 var(--small-gap)}.py{padding-block:var(--gap)}.py__medium{padding-block:calc(var(--gap)/2)}.py__small{padding-block:var(--small-gap)}.py__large{padding-block:calc(var(--gap) + 1rem)}.py__extra{padding-block:calc(var(--large-gap)/2)}.px{padding-inline:var(--gap)}.px__medium{padding-inline:calc(var(--gap)/2)}.px__small{padding-inline:var(--small-gap)}.d-flex{align-items:center;display:flex;gap:var(--gap)}.d-flex,.d-flex__algin-top{justify-content:space-between}.d-flex__algin-top{align-items:top!important;display:flex!important}.d-flex__medium-gap{gap:calc(var(--gap)/2)}.d-flex__small-gap{gap:var(--small-gap)}.d-flex .flag-box{max-height:100px;max-width:150px;overflow:hidden}.flex-col{display:flex;flex-direction:column;gap:var(--gap)}.flex-col__small-gap{gap:var(--small-gap)}.flex-col__medium-gap{gap:calc(var(--gap)/2)}.flex-col__large{gap:var(--intermediate-gap)}.flex-col__center{align-items:center;justify-content:center}.flex-col__spaceBetween{justify-content:space-between}.flex-row{align-items:center;display:flex;gap:var(--gap)}.flex-row__top-align{align-items:flex-start}.flex-row__small-gap{gap:var(--small-gap)}.flex-row__small-gap:has(.time-since-published){gap:calc(var(--small-gap) - .5rem)}@media screen and (max-width:1100px){.flex-row__small-gap:has(.time-since-published){flex-direction:column}}.flex-row__medium-gap{gap:calc(var(--gap)/2)}.flex-row__spaceBetween{justify-content:space-between}@media screen and (max-width:768px){flex-row:not(.flex-row.footer-contact,.flex-row.button-box,.social-follow .flex-row,.form-bottom .flex-row,.flex-row.mob-lines-container,.pub-date.flex-row,.pub-date+.flex-row,.share-links a.flex-row,.social-share a.flex-row){flex-direction:column}}.f-center{align-items:center;display:flex;justify-content:center}.f-center__small-gap{gap:var(--small-gap)}.input-bg-color{background:var(--input-bg-color)}@media screen and (max-width:780px){.input-box.f-center{flex-direction:column}.input-box.f-center .btn{padding-bottom:calc(var(--gap)/2);padding-top:calc(var(--gap)/2 + .2rem);width:100%}.input-box.f-center .input-b-trans{width:100%!important}}.flex-center{align-items:center;display:flex;gap:var(--gap);justify-content:center}.flex-center__small-gap{gap:var(--small-gap)}.flex-center__col{align-items:center;display:flex;flex-direction:column;gap:var(--gap);justify-content:center}.flex-center__col__small-gap,.flex-wrap{gap:var(--small-gap)}.flex-wrap{display:flex;flex-wrap:wrap}.flex-wrap>*{max-width:400px}.d-grid{display:grid;gap:var(--gap);place-content:center}.grid-auto-fit{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}@media screen and (min-width:1700px){.grid-auto-fit{grid-template-columns:repeat(auto-fit,minmax(400px,1fr))}}.grid-auto-fit__small-gap{gap:var(--small-gap)}.grid-auto-fit__large-gap{gap:var(--gap)}.half{display:grid;gap:var(--small-gap);grid-template-columns:repeat(2,minmax(200px,1fr))}.half__medium{gap:var(--gap)}@media screen and (max-width:768px){.half{display:flex;flex-direction:column;gap:calc(var(--gap) + 1rem)}}.two-third{grid-template-columns:2fr 1fr}.two-third,.two-third__reverse{display:grid;gap:calc(var(--gap)/2)}.two-third__reverse{grid-template-columns:1fr 2fr}@media screen and (max-width:930px){.two-third,.two-third__reverse{display:flex;flex-direction:column}.reverse-mobile{flex-direction:column-reverse}}.two-col-flex{align-items:center;display:flex;gap:var(--gap);justify-content:space-between}.two-rows-grid{display:grid;gap:calc(var(--gap) + 2rem);grid-template-columns:repeat(2,1fr)}@media screen and (max-width:820px){.two-rows-grid{display:flex;flex-direction:column;gap:calc(var(--gap)/2)}}.two-rows-grid>div{place-self:start}.two-rows-grid .image-box{border-radius:calc(var(--small-gap));height:100%;width:100%}@media screen and (max-width:550px){.two-rows-grid .image-box{height:300px}}.two-rows-grid .image-box img{height:100%}.flex-1{flex:1}.text-multi-column{-moz-column-count:3;column-count:3;-moz-column-gap:var(--gap);column-gap:var(--gap);text-wrap:justify}@media screen and (max-width:1600px){.text-multi-column{-moz-column-count:2;column-count:2}}@media screen and (max-width:550px){.text-multi-column{-moz-column-count:1!important;column-count:1!important}}.t-center{text-align:center}.t-right{text-align:right}.medium-width{width:clamp(50%,80%,100vw)}@media screen and (min-width:900px)and (max-width:1033px){.medium-width{width:clamp(50%,95%,100vw)}}@media screen and (min-width:600px)and (max-width:899px){.medium-width{width:clamp(50%,100%,100vw)}}@media screen and (min-width:600px)and (max-width:899px){.medium-width:has(.two-rows-grid){padding-inline:3%}}@media screen and (min-width:1700px){.medium-width:has(.founder){width:60%}}@media screen and (max-width:500px){.medium-width{width:94%!important}}#newsletter .medium-width{max-width:70%}@media screen and (max-width:550px){#newsletter .medium-width{max-width:100%}}.large-width{max-width:94%}@media screen and (max-width:1204px){.large-width{max-width:80%}}@media screen and (min-width:1780px){.large-width{max-width:90%}}@media screen and (max-width:780px){.input-box.large-width{max-width:100%}}.small-width{max-width:55%}@media screen and (max-width:780px){.small-width{max-width:90%}}.home-hero{height:100vh;padding-top:calc(var(--large-gap)/1.9)}.home-hero .brand-logo{overflow:hidden;position:relative}@media screen and (max-width:550px){.home-hero .brand-logo{height:100px}}.home-hero .brand-logo .profile-image-container{height:85%;left:25%;position:absolute;rotate:10deg;top:2.2rem;transform:translateX(-50%);width:177px}@media screen and (max-width:550px){.home-hero .brand-logo .profile-image-container{height:100px!important;top:.5rem;width:unset!important}}.home-hero .brand-logo .profile-image-container .profile-image{aspect-ratio:16/9;border:1px solid var(--profile-border-color);height:100%;-o-object-fit:cover;object-fit:cover;transform:translateY(140%)}@media screen and (max-width:550px){.home-hero .brand-logo .profile-image-container .profile-image{aspect-ratio:unset!important}}.home-hero .brand-logo img.brand-logo-image{transform:translateY(140%)}.home-hero .half{margin-top:var(--gap);min-height:58vh}.home-hero .left{align-self:start}.home-hero .left .left-content .courier-prime-regular{color:var(--primary-color);font-family:Courier Prime,monospace;font-size:clamp(1rem,2vw,1.5rem);font-style:normal;font-weight:400;max-height:70px;overflow:hidden}.home-hero .left .left-content .courier-prime-regular span{display:inline-block;transform:translateY(100%)}.home-hero .left .left-content .title h1{font-size:var(--home-h1-title);font-weight:400;max-height:70px;overflow:hidden}.home-hero .left .left-content .title h1 span{display:inline-block;transform:translateY(100%)}.home-hero .left .left-content .button-box{overflow:hidden}.home-hero .left .left-content .button-box a{transform:translateY(140%)}@media screen and (max-width:550px){.home-hero .left .left-content.flex-col__medium-gap{gap:calc(var(--gap)/1)}}.home-hero .right{overflow:visible;position:relative}.home-hero .right:before{background:transparent;bottom:0;content:"";height:43vh;left:0;pointer-events:none;position:absolute;width:100%;z-index:10}.home-hero .right .project-card,.home-hero .right .project-card-no-post{background-color:hsla(0,0%,100%,.8);border-radius:calc(var(--small-gap)/1.2);height:100%;overflow:hidden;position:absolute;width:100%}@media screen and (max-width:550px){.home-hero .right .project-card,.home-hero .right .project-card-no-post{width:99%}}.home-hero .right .move-up{opacity:0;transform:translateY(-200%)}.home-hero .right .project-card-no-post:first-of-type,.home-hero .right .project-card:first-of-type{opacity:0;top:calc(var(--small-gap)*-5.2)}.home-hero .right .project-card-no-post:nth-of-type(2),.home-hero .right .project-card:nth-of-type(2){left:calc(var(--small-gap)*-1);opacity:0;top:-.7rem}.home-hero .right .project-card-no-post:last-of-type,.home-hero .right .project-card:last-of-type{left:calc(var(--small-gap)*-2.1);opacity:0;top:calc(var(--small-gap)*0)}.home-hero .right .project-details{color:var(--bg-color);display:flex;flex-direction:column;height:100%;justify-content:space-between;overflow:hidden;padding:var(--small-gap);position:relative}.home-hero .right .project-details:hover{scale:1.01}.home-hero .right .project-details:hover .bottom-line,.home-hero .right .project-details:hover .top-line{opacity:1}.home-hero .right .project-card#card-1{background-color:#fff;z-index:2}.home-hero .right .project-card#card-2{background-color:#000;z-index:1}.home-hero .right .project-card#card-3{background-color:#000;z-index:0}.home-hero .right #card-2{background-color:var(--light-gray)}.home-hero .right .top-line{align-items:center;-webkit-backdrop-filter:blur(var(--gap));backdrop-filter:blur(var(--gap));background:hsla(0,0%,98%,.01);display:flex;justify-content:space-between;left:0;margin-bottom:var(--small-gap);opacity:0;padding:calc(var(--small-gap)/1);position:absolute;top:0;transition:opacity .4s ease-in-out;width:100%}@media screen and (max-width:876px){.home-hero .right .top-line{opacity:1}}.home-hero .right .category-name{color:var(--primary-color);font-size:clamp(1rem,1vw,1.2rem);font-weight:400;text-transform:uppercase}.home-hero .right .card-btn{background-color:var(--primary-color);border-radius:calc(var(--gap));color:#efeff5;font-weight:400;padding-block:calc(var(--small-gap)/2);padding-inline:calc(var(--small-gap)/1);text-decoration:none}.home-hero .right .bottom-line{align-items:center;-webkit-backdrop-filter:blur(var(--gap));backdrop-filter:blur(var(--gap));background:hsla(0,0%,98%,.7);bottom:0;display:flex;justify-content:space-between;left:0;opacity:0;padding:calc(var(--small-gap)/1);position:absolute;transition:opacity .4s ease-in-out;width:100%}@media screen and (max-width:876px){.home-hero .right .bottom-line{opacity:1}}.home-hero .right .paragraph{color:var(--primary-color);font-size:clamp(1rem,2vw,1.2rem);font-weight:400}.home-hero .right .next-prev{background:none;border:1px solid var(--primary-color);border-radius:calc(var(--gap));color:var(--primary-color);cursor:pointer;padding-block:calc(var(--small-gap)/2);padding-inline:calc(var(--small-gap)/1)}@media screen and (max-width:786px){.home-hero .right .next-prev{font-size:1rem}}.home-hero .right.animation-complete .project-card,.home-hero .right.animation-complete .project-card-no-post{transition:all .5s ease}@keyframes pulseAndHide{0%{opacity:0;transform:scale(1) rotate(90deg)}10%{opacity:.8;transform:scale(1.05) rotate(90deg)}20%{transform:scale(1) rotate(90deg)}80%{opacity:.8}to{opacity:0}}.home-hero .mobile-scroll-indicator{color:var(--dark-color);opacity:0;position:absolute;right:.3rem;top:9rem;transform:rotate(90deg);transition:opacity .4s ease-in-out;z-index:10}@media screen and (max-width:900px){.home-hero .wrapper:has(.animation-complete) .mobile-scroll-indicator{animation:pulseAndHide 3s ease-in-out infinite;display:block!important;opacity:.8}}#works-section{height:100vh;padding-top:calc(var(--large-gap)/1.8)}@media screen and (max-width:600px){#works-section #posts-container.grid-auto-fit__small-gap{gap:var(--gap)}}#works-section #posts-container{overflow:hidden}#works-section #posts-container .grid-auto-fit{align-items:center;display:flex;flex-wrap:wrap;overflow:hidden}#works-section #posts-container .work-card .thumbnail-container{overflow:hidden}#works-section #posts-container .work-card .thumbnail-container .thumbnail{height:clamp(200px,40vh,300px);padding:var(--small-gap);transform:translateY(110%)}#works-section #posts-container .work-card .thumbnail-container .title-button-container{overflow:hidden}#works-section #posts-container .work-card .thumbnail-container .title-button-container .work-title-button{transform:translateY(110%)}#works-section #posts-container .thumbnail-container{overflow:hidden}#works-section #posts-container .thumbnail-container .thumbnail{height:clamp(200px,40vh,300px);padding:var(--small-gap);transform:translateY(110%)}#works-section #posts-container .thumbnail-container .title-button-container{overflow:hidden}#works-section #posts-container .thumbnail-container .title-button-container .work-title-button{transform:translateY(110%)}#works-section #posts-container .tag{border:1px solid var(--accent-text-color);border-radius:var(--gap);color:var(--accent-text-color);font-size:clamp(.8rem,.7vw,1rem);padding:calc(var(--small-gap)/2.4);padding-inline:.5rem;transform:translateY(110%);width:-moz-max-content;width:max-content}@media screen and (max-width:768px){#works-section #posts-container .tag{font-size:clamp(1rem,1vw,1rem)}}#about-section{height:100vh;padding-top:calc(var(--large-gap)/1.5)}#about-section .two-third__reverse .line-wrapper{overflow:hidden}#about-section .two-third__reverse .line,#about-section .two-third__reverse .line-wrapper .line{transform:translateY(100%)}#about-section .two-third__reverse .video-container-wrapper .video-placeholder{background:var(--light-gray);height:100%;transform:translateY(100%)}@media screen and (max-width:876px){#about-section .two-third__reverse .video-container-wrapper .video-placeholder{min-height:200px}}#about-section .two-third__reverse .video-container-wrapper .video-placeholder i{font-size:clamp(1rem,2vw,3rem)}@media screen and (max-width:600px){#about-section .two-third__reverse .about-title-container~.m-bottom__small{margin-bottom:var(--gap)!important}}#about-section .two-third__reverse .about-title-container{height:-moz-max-content;height:max-content;overflow:hidden}#about-section .two-third__reverse .about-title-container .section-title{font-family:Diagramm-regular;font-size:clamp(1rem,2vw,3rem);font-weight:500;height:-moz-max-content;height:max-content;overflow:hidden}@media screen and (max-width:876px){#about-section .two-third__reverse .about-title-container .section-title{font-size:clamp(2rem,4vw,2.2rem)}}#about-section .two-third__reverse .about-paragraph-container{overflow:hidden}#about-section .two-third__reverse .about-paragraph-container .paragraph{transform:translateY(100%)}#about-section .two-third__reverse .cta-btn-box{overflow:hidden}#about-section .two-third__reverse .cta-btn-box .btn{transform:translateY(100%)}#about-section .two-third__reverse .text-icon-line{position:relative}#about-section .two-third__reverse .line-1:after,#about-section .two-third__reverse .line-1:before,#about-section .two-third__reverse .line-2:after,#about-section .two-third__reverse .line-2:before,#about-section .two-third__reverse .line-3:after,#about-section .two-third__reverse .line-3:before,#about-section .two-third__reverse .line-4:after,#about-section .two-third__reverse .line-4:before{opacity:0;transition:opacity .3s ease,visibility .3s ease;visibility:hidden}#about-section .two-third__reverse .line-1.active:after,#about-section .two-third__reverse .line-1.active:before,#about-section .two-third__reverse .line-2.active:after,#about-section .two-third__reverse .line-2.active:before,#about-section .two-third__reverse .line-3.active:after,#about-section .two-third__reverse .line-3.active:before,#about-section .two-third__reverse .line-4.active:after,#about-section .two-third__reverse .line-4.active:before{opacity:1;visibility:visible}#about-section .two-third__reverse .line-1:before{background:#fff;border-radius:var(--small-gap);content:"Lorem ipsum dolor sit amet consectetur adipisicing elit Maxime mollitia,molestiae quas vel sint commodi repudiandae consequuntur ";line-height:1.4;max-width:300px;padding:calc(var(--gap)/2);position:absolute;right:0;top:calc(var(--medium-gap)*-1.1)}#about-section .two-third__reverse .line-1:after{background:#fff;content:"";height:1rem;position:absolute;right:38px;rotate:45deg;top:-1.7rem;width:1rem}#about-section .two-third__reverse .line-2:before{background:#fff;border-radius:var(--small-gap);content:"Lorem ipsum dolor sit amet consectetur adipisicing elit Maxime mollitia,molestiae quas vel sint commodi repudiandae consequuntur ";line-height:1.4;max-width:300px;padding:calc(var(--gap)/2);position:absolute;right:0;top:calc(var(--medium-gap)*-1.1)}#about-section .two-third__reverse .line-2:after{background:#fff;content:"";height:1rem;position:absolute;right:38px;rotate:45deg;top:-1.7rem;width:1rem}#about-section .two-third__reverse .line-3:before{background:#fff;border-radius:var(--small-gap);content:"Lorem ipsum dolor sit amet consectetur adipisicing elit Maxime mollitia,molestiae quas vel sint commodi repudiandae consequuntur ";line-height:1.4;max-width:300px;padding:calc(var(--gap)/2);position:absolute;right:0;top:calc(var(--medium-gap)*-1.1)}#about-section .two-third__reverse .line-3:after{background:#fff;content:"";height:1rem;position:absolute;right:38px;rotate:45deg;top:-1.7rem;width:1rem}#about-section .two-third__reverse .line-4:before{background:#fff;border-radius:var(--small-gap);content:"Lorem ipsum dolor sit amet consectetur adipisicing elit Maxime mollitia,molestiae quas vel sint commodi repudiandae consequuntur ";line-height:1.4;max-width:300px;padding:calc(var(--gap)/2);position:absolute;right:0;top:calc(var(--medium-gap)*-1.1)}#about-section .two-third__reverse .line-4:after{background:#fff;content:"";height:1rem;position:absolute;right:38px;rotate:45deg;top:-1.7rem;width:1rem}#about-section .title-icon{overflow:hidden}#about-section .title-icon p{text-transform:capitalize;transform:translateY(100%)}#about-section .icon{align-items:center;aspect-ratio:1;display:flex;flex-direction:column;justify-content:center;transform:translateY(100%);width:calc(var(--gap)/1.5)}#about-section .icon i{font-size:clamp(1rem,1.5vw,2rem)}#about-section .icon .bar{background-color:var(--accent-text-color);height:2px;width:100%}#about-section .icon .bar-1{rotate:90deg}#about-section h3{font-weight:400}@media screen and (max-width:600px){#about-section .data-button-popup{width:100%}}#about-section .data-button{overflow:hidden}@media screen and (max-width:600px){#about-section .data-button{justify-content:space-between;width:100%}}#about-section .data-button .card-btn{background-color:transparent;border:1px solid var(--accent-text-color);border-radius:var(--gap);color:var(--accent-text-color);cursor:pointer;padding:calc(var(--small-gap)/2);transform:translateY(140%);transition:background .4s ease-in-out}#about-section .data-button .card-btn:hover{background:var(--accent-color);border:none}#about-section .paragraph-d{color:var(--primary-color);font-size:clamp(1rem,2vw,2.3rem);font-weight:700;transform:translateY(100%)}@media screen and (max-width:600px){#about-section .paragraph-d{font-size:clamp(2rem,3vw,4rem)}}header{left:0;position:fixed;top:0;width:100%;z-index:99999}header .nav-hint{align-items:center;display:flex;font-size:.9rem;font-weight:500;gap:.3rem;justify-content:center}header .scroll-arrow{animation:scrollPulse 1.2s infinite;color:var(--primary-color)}@keyframes scrollPulse{0%,to{opacity:.5;transform:translateX(0)}50%{opacity:1;transform:translateX(5px)}}@media screen and (min-width:901px){header .mob-nav{display:none}}header .mobile-lines-wrapper{display:none}header .toggle-circle-wrapper{border-radius:var(--gap);padding:calc(var(--small-gap)/2);width:70px}header .toggle-circle-wrapper .circle{border-radius:50%;cursor:pointer;height:calc(var(--gap)/1.8);transition:transform .6s cubic-bezier(.68,-.55,.27,1.55);width:calc(var(--gap)/1.8)}header .container{overflow:hidden}header .container .nav-cta-button,header .container .site-logo,header .container .toggle-circle-wrapper,header .container ul.nav li{transform:translateY(147%)}.home-nav{padding-block:var(--gap)}.home-nav span{color:var(--bg-color)!important}#blog-section{height:100vh;padding-top:calc(var(--large-gap)/1.8)}#blog-section #blog-posts-container{overflow:hidden}#blog-section #blog-posts-container .grid-auto-fit{align-items:center;display:flex;flex-wrap:wrap;overflow:hidden}#blog-section #blog-posts-container .grid-auto-fit .tag{border:1px solid var(--accent-text-color);border-radius:var(--gap);color:var(--accent-text-color);font-size:clamp(.5rem,1vw,1rem);padding:calc(var(--small-gap)/2.4);transform:translateY(110%);width:-moz-max-content;width:max-content}#blog-section #blog-posts-container .blog-post-card,#blog-section #blog-posts-container .blog-post-card .thumbnail-container{overflow:hidden}#blog-section #blog-posts-container .blog-post-card .thumbnail-container .thumbnail{height:clamp(200px,40vh,300px);transform:translateY(110%)}#blog-section #blog-posts-container .blog-post-card .thumbnail-container .thumbnail .two-col-flex p{background:var(--bg-color);border-radius:1rem;font-size:clamp(.7rem,1vw,.9rem);line-height:1;padding:.5rem}#blog-section #blog-posts-container .title-button-container{overflow:hidden}#blog-section #blog-posts-container .title-button-container .post-title-button{transform:translateY(110%)}#single-work{min-height:101vh}#single-work .wrapper{height:calc(100vh - 12rem);width:100vw}#single-work .wrapper>div{height:100%}#single-work .wrapper .images-container{height:100%;position:relative;width:100%}@media screen and (max-width:786px){#single-work .wrapper .images-container{min-height:300px}}#single-work .wrapper .image-slide{height:100%;left:0;opacity:0;position:absolute;top:0;transition:opacity .5s ease-in-out;width:100%;z-index:0}#single-work .wrapper .image-slide.active{opacity:1;z-index:1}#single-work .wrapper .btn-and-count.two-col-flex p{color:var(--primary-color)}#single-work .wrapper .btn-and-count.two-col-flex #visual-toggle-btn{background:none;border:1px solid var(--primary-color);border-radius:calc(var(--gap));color:var(--primary-color);cursor:pointer;font-size:clamp(1rem,1vw,1.2rem);padding-block:calc(var(--small-gap)/2);padding-inline:calc(var(--small-gap)/1)}#single-work .wrapper .text-content-side{display:grid;gap:2rem;padding-left:calc(var(--gap)/1.5)}@media screen and (max-width:786px){#single-work .wrapper .text-content-side{padding-left:0}}#single-work .wrapper .text-content-side .work-title-and-cat-name>*{color:var(--primary-color)}#single-work .wrapper .text-content-side .work-title-and-cat-name .cat-name{font-size:clamp(1rem,1.5vw,1.3rem)}#single-work .wrapper .text-content-side .work-title-and-cat-name .work-title{font-size:clamp(1rem,1.5vw,1.5rem)}#single-work .wrapper .aditionnal-image{max-height:200px;overflow:hidden}#single-work .wrapper .aditionnal-image .large-image,#single-work .wrapper .aditionnal-image .small-image{height:100%;width:100%}@media screen and (max-width:786px){#single-work .wrapper .aditionnal-image .large-image,#single-work .wrapper .aditionnal-image .small-image{min-height:250px}}#single-work .wrapper .aditionnal-image .large-image img,#single-work .wrapper .aditionnal-image .small-image img{height:100%;max-height:200px;-o-object-fit:cover;object-fit:cover;width:100%}@media screen and (max-width:786px){#single-work .image-and-button{padding-bottom:var(--gap)}}#single-work div[class$=-container]{min-height:2rem;overflow:hidden}#single-work div[class$=-container]>*{transform:translateY(100%)}.single-case-study .image-full-width{max-height:650px;overflow:hidden}.single-case-study .case-section-title{font-size:var(--home-h1-title)}.single-case-study .project-logo-box{display:grid;height:clamp(300px,80vh,650px);overflow:hidden;place-items:center}@media screen and (max-width:786px){.single-case-study .project-logo-box{height:200px}}.single-case-study .project-logo-box img{width:14rem}@media screen and (max-width:786px){.single-case-study .project-logo-box img{width:10rem}}@media screen and (min-width:901px){.single-case-study .logo-black-white{display:grid;grid-template-columns:1fr 1fr}}.single-case-study .logo-white{background:#000}.single-case-study .logo-black{background:#fff}.single-case-study .color-col-title{font-size:var(--card-excerpt-font-size)}.single-case-study .color-box-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));min-height:200px}.single-case-study .project-description h3,.single-case-study .project-description p:not(:last-of-type),.single-case-study .project-description strong{margin-bottom:1rem}.single-case-study .project-description p{font-size:var(--body-font-size);line-height:var(--line-height)}@media screen and (max-width:1600px){.single-case-study .project-description.text-multi-column{-moz-column-count:2;column-count:2}}.single-case-study .project-typo-text-container.d-flex{flex-wrap:wrap}@media screen and (min-width:900px){.single-case-study .mockups-content-wrapper{display:grid;grid-template-columns:1fr 1fr}.single-case-study .mockups-content-wrapper .mockup-image-and-name{display:grid;grid-template-rows:1fr 16fr}.single-case-study .mockup-image-box{height:100%}.single-case-study .mockup-image-box img{height:100%;-o-object-fit:cover;object-fit:cover}}#contact{min-height:101vh}#contact .wrapper{height:calc(100vh - 12rem);width:100vw}#contact .wrapper>div{height:100%}#contact .image-col{background-color:var(--light-gray);height:100%}#contact .col-title{font-size:clamp(1rem,1.7vw,2rem)}#contact .copy{cursor:pointer}#contact div[class$=-container]{overflow:hidden}#contact div[class$=-container]>*{transform:translateY(120%)}#contact div[class$=-container] a{display:flex}.single-page-hero{display:flex;min-height:50vh;padding-top:4.5rem;place-items:center;position:relative}.single-page-hero .main-heading__heading-2{font-size:clamp(1.5rem,2.5vw,3rem)}.single-page-hero .wrapper{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:hsla(0,0%,100%,.6);position:absolute;z-index:5}@media screen and (min-width:980px){.single-page-hero .wrapper{max-width:70vw}}.single-page-hero .wrapper *{color:var(--primary-color)!important}.single-page-hero .wrapper .bg-primary{background:unset}.single-page-hero .wrapper .f-center{gap:var(--small-gap)}.single-page-hero .wrapper .bi{font-size:var(--menu-item-font-size)!important}.single-page-hero .wrapper .likes[data-exists=no]>p{display:none}.single-page-hero .wrapper .likes i{cursor:pointer}.single-page-hero .author-id .flex-col__small-gap{gap:calc(var(--small-gap)/2)}.single-page-hero .author-id p.main-heading__heading-5{font-weight:700}.single-page-hero .author-id .image-box{border-radius:var(--small-gap);height:52px;overflow:hidden;width:52px}.single-page-hero .author-id .image-box img{height:100%;width:100%}.single-page-hero .likes.flex-row__small-gap{gap:calc(var(--small-gap)/2)}.single-page-hero .likes.flex-row__small-gap p{font-weight:300}.single-page-hero .infos.flex-row{justify-content:center}.post-page-main-area .wp-block-image{max-height:450px}.post-page-main-area .paragraph.m-bottom{margin-bottom:calc(var(--gap)/2)!important}.post-page-main-area .pro-tip{font-size:clamp(1.2rem,1.5vw,2rem);margin-bottom:1rem;margin-top:2rem}.post-page-main-area li{font-size:var(--body-font-size);list-style:unset;margin-bottom:var(--small-gap)}.post-page-main-area li strong{display:block;margin-bottom:var(--small-gap)}.post-page-main-area li strong~br{display:none}.post-page-main-area ol li{margin-bottom:calc(var(--gap)/2)}.post-page-main-area .main-and-share{display:grid;gap:1%;grid-template-columns:94% 5%;position:relative;z-index:5}.post-page-main-area .main-and-share .share{position:sticky;right:3%;top:var(--large-gap)}@media screen and (max-width:550px){.post-page-main-area .main-and-share .share .flex-col{flex-direction:row}}.post-page-main-area .main-and-share .share .fa-2x{font-size:clamp(1rem,1.2vw,1.3rem)!important}@media screen and (max-width:550px){.post-page-main-area .main-and-share .flex-center__col:not(.main-author.flex-center__col){flex-direction:row;justify-content:flex-start}.post-page-main-area .main-and-share.px{display:flex;flex-direction:column-reverse;padding-inline:1%}}.post-page-main-area .two-third{gap:calc(var(--gap) + 1rem);grid-template-columns:30% 70%;padding:var(--gap)}@media screen and (max-width:768px){.post-page-main-area .two-third{padding:unset}}.post-page-main-area .two-third .sidebar .author-signature{font-family:Susanti-signature;font-size:var(--home-h1-title)}.post-page-main-area .two-third .sidebar .main-author{border:1px solid var(--accent-text-color);border-radius:.7rem}.post-page-main-area .two-third .sidebar .main-author .image-box{border-radius:100px}.post-page-main-area .two-third .sidebar .secondary-heading__heading-5{position:relative}.post-page-main-area .two-third .sidebar .secondary-heading__heading-5:after{background:var(--primary-color);bottom:-.5rem;content:"";height:1px;left:0;opacity:.3;position:absolute;width:100%}.post-page-main-area .two-third .sidebar .recent-posts .recent-post-card{align-items:center}.post-page-main-area .two-third .sidebar .recent-posts .recent-post-card .image-box{aspect-ratio:16/9;border-radius:calc(var(--small-gap)/2);max-width:120px;overflow:hidden}.post-page-main-area .two-third .sidebar .recent-posts .recent-post-card .image-box img{height:100%;-o-object-fit:cover;object-fit:cover}.post-page-main-area .two-third .sidebar .recent-posts .recent-post-card .title-infos .m-bottom__small{font-size:clamp(1rem,1.2vw,1.3rem);margin-bottom:0}.post-page-main-area .two-third .sidebar .recent-posts .title-infos .card-p{font:var(--tiny-text)}.post-page-main-area .two-third .sidebar .recent-posts .title-infos .likes-and-counter .card-p,.post-page-main-area .two-third .sidebar .recent-posts .title-infos .likes-and-counter p{font-size:var(--tiny-text)}.post-page-main-area .two-third .sidebar .recent-posts .title-infos .likes-and-counter:has(.bi-envelope){display:none}.post-page-main-area .two-third .sidebar .recent-posts .title-infos .likes-and-counter .likes.flex-row{gap:calc(var(--small-gap)/2)}.post-page-main-area .two-third .sidebar .recent-posts .title-infos .likes-and-counter .likes.flex-row i:before{font-size:var(--tiny-text)}.post-page-main-area .two-third .sidebar .recent-posts .title-infos .likes-and-counter .likes[data-exists=no]>p{display:none}.post-page-main-area .two-third .sidebar .recent-posts .title-infos .f-center{gap:calc(var(--gap)/2)}.post-page-main-area .two-third .sidebar .recent-posts .title-infos .f-center>p{display:none}.post-page-main-area .two-third .sidebar .recent-posts .title-infos .f-center .bg-primary{background:unset;color:var(--primary-color)}.post-page-main-area .two-third .sidebar .newsletter .flex-row__small-gap{gap:calc(var(--small-gap)/2)}.post-page-main-area .two-third .sidebar .newsletter .small-width{max-width:100%}.post-page-main-area .two-third .sidebar .newsletter .small-width input[type=email]{border-radius:var(--gap);padding-bottom:calc(var(--gap)/4 + .3rem);padding-top:calc(var(--gap)/4 + .3rem);padding-inline:calc(var(--gap)/2)}@media screen and (max-width:550px){.post-page-main-area .two-third .sidebar .newsletter .small-width input[type=email]{padding-bottom:calc(var(--gap)/2 + .3rem);padding-top:calc(var(--gap)/2 + .3rem);padding-inline:calc(var(--gap)/1);width:98%!important}}.post-page-main-area .two-third .sidebar .newsletter .small-width input{border:none}.post-page-main-area .two-third .sidebar .newsletter .small-width input:focus{outline:none}.post-page-main-area .two-third .sidebar .newsletter .small-width .btn__primary{font-size:var(--tiny-text)}h2.wp-block-heading{font-size:var(--home-h1-title);margin-bottom:var(--gap);margin-top:calc(var(--gap) + 1rem)}.cards-container>.card-bg-color:last-child:first-child,.cards-container>.card-bg-color:nth-last-child(2):first-child,.cards-container>.card-bg-color:nth-last-child(2):first-child+.card-bg-color,.category-cards-container>.card-bg-color:last-child:first-child,.category-cards-container>.card-bg-color:nth-last-child(2):first-child,.category-cards-container>.card-bg-color:nth-last-child(2):first-child+.card-bg-color{max-width:28vw}@media screen and (max-width:780px){.cards-container>.card-bg-color:last-child:first-child,.cards-container>.card-bg-color:nth-last-child(2):first-child,.cards-container>.card-bg-color:nth-last-child(2):first-child+.card-bg-color,.category-cards-container>.card-bg-color:last-child:first-child,.category-cards-container>.card-bg-color:nth-last-child(2):first-child,.category-cards-container>.card-bg-color:nth-last-child(2):first-child+.card-bg-color{max-width:unset}}.related-posts .f-center{gap:var(--small-gap);justify-content:flex-start}.related-posts .f-center .bg-primary{background:unset;color:var(--primary-color)}.related-posts .f-center .likes[data-exists=no]>p{display:none}.related-posts .post-info{padding-inline:var(--gap)}.related-posts .m-bottom__small{margin-bottom:unset}.post-comments{margin-inline:auto}.post-comments h3#reply-title{margin-bottom:var(--gap)}.post-comments #commentform{display:flex;flex-direction:column;gap:var(--small-gap)}.post-comments #commentform .comment-form-cookies-consent{display:none}.post-comments #commentform .flex-row p{flex:1;max-width:32.3333333333%}.post-comments #commentform .flex-row p input{border:1px solid rgba(139,195,74,.3);border-radius:var(--gap);padding:calc(var(--gap)/2)}.post-comments #commentform .flex-row p input:focus{outline:none}.post-comments #commentform #comment{border:1px solid rgba(139,195,74,.3);border-radius:var(--small-gap);padding:calc(var(--gap)/2);width:100%}.post-comments #commentform #comment:focus{outline:none}.post-comments #commentform #submit{align-items:center;background:var(--accent-color);border:none;border-radius:calc(var(--large-gap)*4);color:var(--bg-color);cursor:pointer;display:flex;font-size:var(--menu-item-font-size);font-weight:400;justify-content:center;padding-bottom:calc(var(--gap)/4);padding-top:calc(var(--gap)/4 + .2rem);padding-inline:calc(var(--gap)/2.7);text-align:center;text-transform:uppercase;transition:background .4s ease,border .5s linear;white-space:nowrap!important;width:-moz-max-content;width:max-content}.post-comments #commentform #submit:hover{background:var()}.blog .section{min-height:101vh}.blog .new-section .blog-post-card{opacity:0;transform:translateY(100%)}.blog #blog-posts-container,.blog .blog-posts-container{overflow:hidden}.blog #blog-posts-container .grid-auto-fit,.blog .blog-posts-container .grid-auto-fit{align-items:center;display:flex;flex-wrap:wrap;overflow:hidden}.blog .thumbnail-container{overflow:hidden}.blog .thumbnail-container .blog-thumbnail{height:clamp(200px,40vh,300px);padding:var(--small-gap)}.blog .thumbnail-container .blog-thumbnail .two-col-flex p{font-size:clamp(.7rem,1vw,1.1rem)}.blog .blog-tag{border:1px solid var(--accent-text-color);border-radius:var(--gap);color:var(--accent-text-color);font-size:clamp(.5rem,1vw,1rem);padding:calc(var(--small-gap)/2.4);width:-moz-max-content;width:max-content}.blog #blog-posts-container .thumbnail-container{overflow:hidden}.blog #blog-posts-container .thumbnail-container .blog-thumbnail{height:clamp(200px,40vh,300px);padding:var(--small-gap);transform:translateY(110%)}.blog #blog-posts-container .blog-post-title-button{opacity:0;transform:translateY(110%)}.blog #blog-posts-container .blog-tag{border:1px solid var(--accent-text-color);border-radius:var(--gap);color:var(--accent-text-color);font-size:clamp(.5rem,1vw,1rem);padding:calc(var(--small-gap)/2.4);transform:translateY(110%);width:-moz-max-content;width:max-content}.post-type-archive-work .section{min-height:101vh}.post-type-archive-work .new-section .blog-post-card{opacity:0;transform:translateY(100%)}.post-type-archive-work #blog-posts-container,.post-type-archive-work .blog-posts-container{overflow:hidden}.post-type-archive-work #blog-posts-container .grid-auto-fit,.post-type-archive-work .blog-posts-container .grid-auto-fit{align-items:center;display:flex;flex-wrap:wrap;overflow:hidden}.post-type-archive-work .thumbnail-container{overflow:hidden}.post-type-archive-work .thumbnail-container .blog-thumbnail{height:clamp(200px,40vh,300px);padding:var(--small-gap)}.post-type-archive-work .blog-tag{border:1px solid var(--accent-text-color);border-radius:var(--gap);color:var(--accent-text-color);font-size:clamp(.8rem,2vw,1rem)!important;opacity:.8;padding:calc(var(--small-gap)/2.4);width:-moz-max-content;width:max-content}.post-type-archive-work #blog-posts-container .thumbnail-container{overflow:hidden}.post-type-archive-work #blog-posts-container .thumbnail-container .blog-thumbnail{height:clamp(200px,40vh,300px);padding:var(--small-gap);transform:translateY(110%)}.post-type-archive-work #blog-posts-container .blog-post-title-button{opacity:0;transform:translateY(110%)}.post-type-archive-work #blog-posts-container .blog-tag{border:1px solid var(--accent-text-color);border-radius:var(--gap);color:var(--accent-text-color);font-size:clamp(.5rem,1vw,1rem);padding:calc(var(--small-gap)/2.4);transform:translateY(110%);width:-moz-max-content;width:max-content}.category-projects .section{min-height:101vh}.category-projects .new-section .blog-post-card{opacity:0;transform:translateY(100%)}.category-projects .blog-post-card{overflow:hidden}.category-projects .blog-post-card .grid-auto-fit{align-items:center;display:flex;flex-wrap:wrap;overflow:hidden}.category-projects .thumbnail-container{overflow:hidden}.category-projects .thumbnail-container .blog-thumbnail{height:clamp(200px,40vh,300px);padding:var(--small-gap)}.category-projects .blog-tag{border:1px solid var(--accent-text-color);border-radius:var(--gap);color:var(--accent-text-color);font-size:clamp(.5rem,1vw,1rem);padding:calc(var(--small-gap)/2.4);width:-moz-max-content;width:max-content}.category-projects #category-posts-container .thumbnail-container,.category-projects .blog-posts-container{overflow:hidden}.category-projects #category-posts-container .thumbnail-container .blog-thumbnail{height:clamp(200px,40vh,300px);padding:var(--small-gap);transform:translateY(110%)}.category-projects #category-posts-container .blog-post-title-button{opacity:0;transform:translateY(110%)}.category-projects #category-posts-container .blog-tag{border:1px solid var(--accent-text-color);border-radius:var(--gap);color:var(--accent-text-color);font-size:clamp(.5rem,1vw,1rem);padding:calc(var(--small-gap)/2.4);transform:translateY(110%);width:-moz-max-content;width:max-content}.category-tutos .section{min-height:101vh}.category-tutos .new-section .blog-post-card{opacity:0;transform:translateY(100%)}.category-tutos .blog-post-card{overflow:hidden}.category-tutos .blog-post-card .grid-auto-fit{align-items:center;display:flex;flex-wrap:wrap;overflow:hidden}.category-tutos .thumbnail-container{overflow:hidden}.category-tutos .thumbnail-container .blog-thumbnail{height:clamp(200px,40vh,300px);padding:var(--small-gap)}.category-tutos .blog-tag{border:1px solid var(--accent-text-color);border-radius:var(--gap);color:var(--accent-text-color);font-size:clamp(.5rem,1vw,1rem);padding:calc(var(--small-gap)/2.4);width:-moz-max-content;width:max-content}.category-tutos #category-posts-container .thumbnail-container,.category-tutos .blog-posts-container{overflow:hidden}.category-tutos #category-posts-container .thumbnail-container .blog-thumbnail{height:clamp(200px,40vh,300px);padding:var(--small-gap);transform:translateY(110%)}.category-tutos #category-posts-container .blog-post-title-button{opacity:0;transform:translateY(110%)}.category-tutos #category-posts-container .blog-tag{border:1px solid var(--accent-text-color);border-radius:var(--gap);color:var(--accent-text-color);font-size:clamp(.5rem,1vw,1rem);padding:calc(var(--small-gap)/2.4);transform:translateY(110%);width:-moz-max-content;width:max-content}.category-ai .section,.category-design .section,.category-webcraft .section{min-height:101vh}.category-ai .new-section .blog-post-card,.category-design .new-section .blog-post-card,.category-webcraft .new-section .blog-post-card{opacity:0;transform:translateY(100%)}.category-ai #category-posts-container,.category-ai .blog-posts-container,.category-design #category-posts-container,.category-design .blog-posts-container,.category-webcraft #category-posts-container,.category-webcraft .blog-posts-container{overflow:hidden}.category-ai #category-posts-container .grid-auto-fit,.category-ai .blog-posts-container .grid-auto-fit,.category-design #category-posts-container .grid-auto-fit,.category-design .blog-posts-container .grid-auto-fit,.category-webcraft #category-posts-container .grid-auto-fit,.category-webcraft .blog-posts-container .grid-auto-fit{align-items:center;display:flex;flex-wrap:wrap;overflow:hidden}.category-ai .thumbnail-container,.category-design .thumbnail-container,.category-webcraft .thumbnail-container{overflow:hidden}.category-ai .thumbnail-container .blog-thumbnail,.category-design .thumbnail-container .blog-thumbnail,.category-webcraft .thumbnail-container .blog-thumbnail{height:clamp(200px,40vh,300px);padding:var(--small-gap)}.category-ai .thumbnail-container .blog-thumbnail .two-col-flex p,.category-design .thumbnail-container .blog-thumbnail .two-col-flex p,.category-webcraft .thumbnail-container .blog-thumbnail .two-col-flex p{font-size:clamp(.7rem,1vw,1.1rem)}.category-ai .blog-tag,.category-design .blog-tag,.category-webcraft .blog-tag{border:1px solid var(--accent-text-color);border-radius:var(--gap);color:var(--accent-text-color);font-size:clamp(.8rem,2vw,1rem);opacity:.8;padding:calc(var(--small-gap)/2.4);width:-moz-max-content;width:max-content}.category-ai #category-posts-container,.category-ai #category-posts-container .thumbnail-container,.category-design #category-posts-container,.category-design #category-posts-container .thumbnail-container,.category-webcraft #category-posts-container,.category-webcraft #category-posts-container .thumbnail-container{overflow:hidden}.category-ai #category-posts-container .thumbnail-container .blog-thumbnail,.category-design #category-posts-container .thumbnail-container .blog-thumbnail,.category-webcraft #category-posts-container .thumbnail-container .blog-thumbnail{height:clamp(200px,40vh,300px);padding:var(--small-gap);transform:translateY(110%)}.category-ai #category-posts-container .blog-post-title-button,.category-design #category-posts-container .blog-post-title-button,.category-webcraft #category-posts-container .blog-post-title-button{opacity:0;transform:translateY(110%)}.category-ai #category-posts-container .blog-tag,.category-design #category-posts-container .blog-tag,.category-webcraft #category-posts-container .blog-tag{border:1px solid var(--accent-text-color);border-radius:var(--gap);color:var(--accent-text-color);font-size:clamp(.5rem,1vw,1rem);padding:calc(var(--small-gap)/2.4);transform:translateY(110%);width:-moz-max-content;width:max-content}#services-section{height:100vh;padding-top:calc(var(--large-gap)/1.8)}@media screen and (min-width:1000px){#services-section .wrapper{height:100%}#services-section .wrapper>div{height:90%}#services-section .wrapper>div .service-card{height:-moz-max-content;height:max-content}}#services-section .grid-auto-fit{overflow:hidden}#services-section .grid-auto-fit .service-card{transform:translateY(130%)}#services-section .grid-auto-fit .service-card-wrapper{height:-moz-max-content;height:max-content;overflow:hidden}#services-section .grid-auto-fit .service-card-wrapper:has(.service-card.dev){align-self:self-start}@media screen and (min-width:786px){#services-section .grid-auto-fit .service-card-wrapper:has(.service-card.dev){margin-top:var(--gap)}}#services-section .service-card .title-icon{overflow:hidden}#services-section .service-card .title-icon i{align-items:center;border-radius:.3rem;display:flex;font-size:clamp(1rem,2vw,1.3rem);height:40px}#services-section .service-card .title-icon .bi:before{color:var(--primary-color)}#services-section .service-card .service-list li,#services-section .service-card .service-text{overflow:hidden}#services-section .service-card .service-list li .list-item-icon{display:flex!important}#services-section .service-card .service-list li span{display:flex}#services-section .service-card .btn-box{overflow:hidden}#services-section .service-card .bi:before{color:var(--dark-color)}@media screen and (max-width:900px)and (max-width:600px){.mob-cta-btn-wrapper .btn,.mob-cta-btn-wrapper .btn.btn__tertiary{padding-bottom:calc(var(--gap)/2);padding-top:calc(var(--gap)/2 + .1rem)}.button-box{flex-direction:column}.button-box .mob-cta-btn-wrapper{overflow:hidden;width:100%}.button-box .mob-cta-btn-wrapper .btn{width:100%}}@media screen and (max-width:900px){.header .nav{display:none}.header .mob-nav{background:var(--primary-color);display:flex;height:0;overflow:hidden;position:absolute;top:4rem;width:98%}.header .mob-nav .p-top{bottom:.2rem;left:.2rem;position:absolute;width:calc(100% - .4rem)}.header .mob-nav .menu-wrapper li{overflow:hidden}.header .mob-nav .menu-wrapper li a{opacity:0;transform:translateX(-100%)}.header .nav-cta-button{display:none}.header .mobile-lines-wrapper{border:1px solid var(--dark-color);border-radius:.3rem;display:flex;flex-direction:column;gap:.3rem;padding:.7rem;transition:transform .3s ease-in-out;width:45px}.header .mobile-lines-wrapper .line{background:var(--dark-color);height:1px;transition:all .3s ease-in-out;width:100%}.header.open .mobile-lines-wrapper{background:#fa7272;border:none}.header.open .mobile-lines-wrapper .line-1{background:#fff;transform:rotate(45deg) translate(5px,5px)}.header.open .mobile-lines-wrapper .line-2{opacity:0}.header.open .mobile-lines-wrapper .line-3{background:#fff;transform:rotate(-45deg) translate(4px,-3px)}.sections-container{display:block;height:auto;width:100%}.sections-container .home-hero .right{height:35vh;overflow:visible;position:relative;top:4rem}.section,.sections-container .left{width:100%}.section{display:flex;flex-direction:column;height:auto!important}.section .titles-line .two-col-flex{flex-wrap:wrap}}@media screen and (max-width:900px)and (max-width:550px){.bottom-col .text-icon-line.two-col-flex{align-items:baseline;flex-direction:column;gap:calc(var(--gap)/2)}}@media screen and (max-width:900px){footer .two-col-flex{flex-wrap:wrap}}:root{--bg-color:#efeff5;--dark-color:#020203;--muted-gray:rgba(17,17,18,.1);--light-gray:#d9d9d9;--gray-white:#faf8f8;--dark-gray:#bfbfbf;--primary-color:#f1501d;--accent-color:#aac541;--muted-green:hsla(95,42%,86%,.5);--accent-text-color:#222;--header-border-color:#b1b1b6;--profile-border-color:rgba(0,0,0,.1);--input-bg-color:#bfbfbf;--home-h1-title:clamp(1.2rem,3vw,2.5rem);--body-font-size:clamp(1.1rem,2vw,1.2rem);--card-excerpt-font-size:clamp(1rem,4vw,1.2rem);--small-text-font-size:clamp(1rem,4vw,1.1rem);--tiny-text:clamp(1rem,1vw,.8rem);--menu-item-font-size:clamp(1rem,1vw,1.2rem);--tiny-text:clamp(1rem,1vw,1.1rem);--line-height:1.5;--gap:2rem;--large-gap:10rem;--medium-gap:8rem;--intermediate-gap:5rem;--small-gap:.7rem}@media screen and (max-width:600px){:root{--home-h1-title:clamp(1.2rem,8vw,2.5rem)}}body.dark-mode{--bg-color:#efeff5bd;--bg-dark:#222;--accent-text-color:#efeff5;--profile-border-color:hsla(0,0%,100%,.1)}@font-face{font-family:Diagramm-bold;src:url(fonts/Diagramm-SemiBold.45dda06a.otf)}@font-face{font-family:Diagramm-regular;src:url(fonts/Diagramm-Regular.f60cc7aa.otf)}@font-face{font-family:Susanti-signature;src:url(fonts/Susanti-signature.0562bf11.ttf)}footer{bottom:0;left:0;position:fixed;width:100%;z-index:9999}footer .two-col-flex{overflow:hidden}@media screen and (max-width:500px){footer .two-col-flex{display:flex;gap:calc(var(--gap)/2)}}footer .two-col-flex .footer-nav{overflow:hidden}footer .two-col-flex .copyright,footer .two-col-flex .footer-nav li{transform:translateY(100%)}footer a{color:var(--dark-color)}
