*{padding:0;margin:0;box-sizing:border-box}:root{--cream-color:#fffffc;--light-color:#e6dcd1;--dark-color:#2e2d2c;--menu-bg:#262524b4;--default-transition:all cubic-bezier(0,0.01,0.01,1) 0.3s;--slow-transition:all cubic-bezier(0,0.01,0.01,1) 0.5s;--content-max-width:960px;--blur:9px;--saturate:100%;--primary-font:"Balarm",sans-serif!important;--secondary-font:"Inter",sans-serif!important}body{background-color:var(--dark-color)}*{-webkit-tap-highlight-color:transparent}@font-face{font-family:Inter;src:url(/Assets/Fonts/Inter/Inter-Variable.ttf) format("truetype");font-display:swap}@font-face{font-family:Balarm;font-weight:400;src:url(/Assets/Fonts/Balarm/Balarm.ttf) format("truetype")}@font-face{font-family:Balarm;font-weight:500;src:url(/Assets/Fonts/Balarm/Balarm-Bold.ttf) format("truetype")}a,h1,h2,h3,h4,h5,h6,p{color:var(--light-color);font-family:var(--secondary-font)}h1{font-size:32px;font-weight:500}h1,h2{font-family:var(--primary-font)}h2{font-size:64px;font-weight:400;letter-spacing:2px}h3{font-size:24px}h3,h4{font-weight:600}h4{font-size:20px}h5{font-size:18px;font-weight:500;letter-spacing:2px}h6{font-size:14px;font-weight:600}p{font-size:16px;font-weight:400}@media (max-width:768px){h2{font-size:42px}}.primary-font{font-family:var(--primary-font)}.secondary-font{font-family:var(--secondary-font)}.light-color-font{color:var(--light-color)}.dark-color-font{color:var(--dark-color)}::selection{background-color:#e6dcd150}.pointer{cursor:pointer}.heading-overflow-hidden{overflow:hidden;display:flex;align-items:center;justify-content:center}.heading-overflow-hidden h1{font-size:calc(10px + (150 - 14) * ((100vw - 300px) / (1600 - 300)));line-height:.9;font-weight:500;animation:slide-up .7s cubic-bezier(0,.01,.01,1) .1s both;letter-spacing:2px;transition:all .3s cubic-bezier(0,.01,.01,1);will-change:transform}@keyframes slide-up{0%{transform:translateY(150%) rotate(10deg)}to{transform:translateY(0) rotate(0deg)}}.custom-link{display:flex;flex-direction:column;transition:var(--slow-transition);& .link-line{height:2px;width:0;background-color:var(--light-color);transition:var(--slow-transition);will-change:width}&:hover .link-line{width:100%}}.header{position:fixed;justify-content:space-between;align-items:center;margin-inline:auto;display:flex;width:100vw;overflow:hidden;z-index:6;webkit-backdrop-filter:saturate(var(--saturate)) blur(var(--blur));-webkit-backdrop-filter:saturate(var(--saturate)) blur(var(--blur));backdrop-filter:saturate(var(--saturate)) blur(var(--blur));background-color:#2e2d2c29;padding-inline:24px;padding-block:24px;&>a>img{height:32px;animation:fade-in-up .75s cubic-bezier(0,.01,.01,1) .48s both;will-change:transform,opacity}}.burger-menu{justify-content:center;font-size:15px;height:32px;max-height:32px;cursor:pointer;animation:fade-in-up .75s cubic-bezier(0,.01,.01,1) .48s both;will-change:transform,opacity}.burger-block,.burger-menu{display:flex;align-items:center;width:32px;max-width:32px}.burger-block{height:24px;max-height:24px;justify-content:space-between;flex-direction:column;transition:all .3s cubic-bezier(0,.01,.01,1)}.burger-bottom-line,.burger-middle-line,.burger-upper-line{width:38px;height:2px;max-width:38px;max-height:2px;background-color:var(--light-color);transition:all .3s cubic-bezier(0,.01,.01,1)}.burger-middle-line{will-change:width}.burger-bottom-line,.burger-upper-line{will-change:transform,background-color}.burger-block-crossed{justify-content:center}.burger-block-crossed .burger-upper-line{transform:rotate(45deg);background-color:var(--cream-color)}.burger-block-crossed .burger-middle-line{width:0}.burger-block-crossed .burger-bottom-line{transform:rotate(135deg);background-color:var(--cream-color);margin-top:-4px}.burger-menu:hover .burger-bottom-line,.burger-menu:hover .burger-middle-line,.burger-menu:hover .burger-upper-line{background-color:var(--cream-color)}@media (max-width:468px){.header{padding-inline:24px;padding-block:24px;&>img{width:110px}}}.menu-container{width:100vw;height:100vh;background-color:#262524;position:fixed;z-index:5;display:flex;flex-direction:column;justify-content:center;gap:20px;padding:180px 24px;-webkit-clip-path:inset(0 0 100% 0);clip-path:inset(0 0 100% 0);will-change:clip-path;& .menu-link-item-holder{will-change:transform}& .menu-items{max-width:var(--content-max-width);width:100%;margin-inline:auto;display:flex;flex-direction:column;align-items:flex-start;gap:24px;& a{font-size:82px;font-weight:400;font-family:var(--primary-font);color:var(--light-color)}}}.social-icons{position:fixed;color:var(--light-color);z-index:6;font-size:32px;display:flex;align-items:center;justify-content:flex-end;gap:20px;bottom:16px;right:16px;padding:6px 12px;border-radius:12px;webkit-backdrop-filter:saturate(var(--saturate)) blur(var(--blur));-webkit-backdrop-filter:saturate(var(--saturate)) blur(var(--blur));backdrop-filter:saturate(var(--saturate)) blur(var(--blur));background-color:#2e2d2c29;&>*{text-decoration:none;color:inherit;font-size:32px;cursor:pointer;& img,& svg{width:32px;height:32px;& path{fill:var(--light-color)}}display:flex;align-items:center;justify-content:center;animation:fade-in-up 1s cubic-bezier(0,.01,.01,1) .3s both;will-change:transform,opacity;&:nth-child(2){animation:fade-in-up 1s cubic-bezier(0,.01,.01,1) .35s both}}}@media (max-width:968px){.menu-container{padding:120px 24px;& .menu-items{gap:18px;& a{font-size:48px}}}}.page-wrapper{width:100vw;min-height:100vh;background-color:var(--dark-color);display:flex;flex-direction:column;justify-content:center;align-items:flex-start;position:relative;gap:30px;padding:84px 24px;max-width:var(--content-max-width);margin-inline:auto}@media (max-width:768px){.page-wrapper{padding:100px 24px}}.contact-page{& form{display:flex;flex-direction:column;gap:18px;width:100%;max-width:600px;& .two-cols{display:grid;grid-template-columns:1fr 1fr;grid-gap:inherit;gap:inherit}& button,& input,& textarea{padding:12px 18px;background-color:var(--dark-color);border:1px solid var(--light-color);color:var(--light-color);outline:none;font-weight:400;resize:none;animation:fade-in-up 1s cubic-bezier(0,.01,.01,1) .1s both;min-width:9px;border-radius:0;will-change:opacity,transform}& button{transition:var(--default-transition);will-change:background-color,color;&:hover{background-color:var(--light-color);color:var(--dark-color)}&:disabled{cursor:not-allowed;background-color:#e6dcd140;color:#e6dcd170;border-color:#e6dcd170}}}& h1{font-size:64px;font-weight:400}& p{max-width:600px;line-height:1.6;animation:fade-in-up 1s cubic-bezier(0,.01,.01,1) .1s both;will-change:transform,opacity}}@media (max-width:768px){.contact-page{& h1{font-size:52px;font-weight:400}& p{max-width:600px;line-height:1.6}}}@media (max-width:468px){.contact-page{& form{& .two-cols{display:grid;grid-template-columns:1fr;grid-gap:inherit;gap:inherit;&>div:first-of-type{display:none}}}}}.projects-page{& h5{font-family:var(--primary-font);font-weight:400}& .projects{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));grid-row-gap:28px;row-gap:28px;grid-column-gap:14px;column-gap:14px;width:100%;margin-inline:auto;margin-top:10px;& a{text-decoration:none!important}& .project-card{display:flex;flex-direction:column;align-items:center;gap:8px;cursor:pointer;& .image-wrapper{width:100%;height:100%;aspect-ratio:3/2;margin-bottom:14px;overflow:hidden;animation:image-fade-in .8s cubic-bezier(.215,.61,.355,1) both;will-change:clip-path;& img{width:100%;height:100%;object-fit:contain;aspect-ratio:3/2;padding:9%;transition:all .7s ease;will-change:transform;background-color:var(--light-color)}}&:hover{& img{transform:scale(1.15)}}}}}@media (max-width:768px){.projects-page{& h1{font-size:52px;font-weight:400}}}@keyframes image-fade-in{0%{-webkit-clip-path:inset(100% 0 0 0);clip-path:inset(100% 0 0 0)}to{-webkit-clip-path:inset(0 0 0 0);clip-path:inset(0 0 0 0)}}.project-details{align-items:center;&>.project-headings-container{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;margin-bottom:20px}& h1{font-size:64px;text-align:center;font-weight:500}& p{max-width:600px;line-height:1.6;animation:fade-in-up 1s cubic-bezier(0,.01,.01,1) .1s both;will-change:transform,opacity}& .project-images-grid{display:grid;grid-template-columns:1fr;grid-gap:10px;gap:10px;width:100%;margin-inline:auto;max-width:46vw;animation:project-grid-slide 1s cubic-bezier(0,.01,.01,1) .3s both;will-change:transform,opacity;& .project-image{width:100%;height:100%;object-fit:cover;position:relative;overflow:hidden;aspect-ratio:3/2;& img{width:100%;height:100%;aspect-ratio:3/2;object-fit:contain;padding:9%;will-change:transform,filter;transition:all .7s ease;background-color:var(--light-color);will-change:transform}& .project-image-title{position:absolute;transform:translateY(-50%);top:50%;left:0;display:flex;flex-direction:column;align-items:center;width:100%;padding-inline:10px;& p{color:transparent;text-align:center;font-weight:500;font-size:32px;line-height:1}}&:hover{& img{transform:scale(1.1)}}}}}@media (max-width:768px){.project-details{& .project-images-grid{max-width:100vw;& .project-image{& .project-image-title{& p{font-size:24px;line-height:1}}}}}}@keyframes project-grid-slide{0%{transform:translateY(200px);opacity:0}to{transform:translateY(0);opacity:1}}.about-page{& p{max-width:600px;line-height:1.7;font-weight:200;& span{font-weight:500;letter-spacing:1.1px}}}@media (max-width:768px){.about-page{& h1{font-size:52px;font-weight:400}& p{max-width:600px;line-height:1.6}}}@keyframes fade-in-up{0%{transform:translateY(60px);opacity:0}to{transform:translateY(0);opacity:1}}.not-found-page{align-items:center;gap:160px}.logo-container{display:flex;justify-content:center;flex-direction:column}.back-to-home-btn{background-color:transparent;color:var(--light-color);border:1px solid var(--light-color);padding:12px 24px;border-radius:34px;margin-top:38px;cursor:pointer;transition:var(--default-transition);animation:fade-in-up .75s cubic-bezier(0,.01,.01,1) .4s both;will-change:transform,opacity,background-color,color;width:max-content;margin-inline:auto;text-decoration:none;font-size:14px;&:hover{background-color:var(--light-color);color:var(--dark-color)}}.footer{position:absolute;bottom:30px;margin-inline:auto;display:flex;justify-content:center;width:100vw;overflow:hidden;color:var(--light-color);&.light-mode{color:var(--dark-color)}&>p{color:inherit;font-size:12px;animation:slide-up-long .7s cubic-bezier(0,.01,.01,1) .4s both;will-change:transform}}@keyframes slide-up-long{0%{transform:translateY(180%) rotate(4deg)}to{transform:translateY(0) rotate(0deg)}}.parallax-image{position:relative;width:100%;height:100%;overflow:hidden;& img{top:0;left:0;position:absolute;width:100%;height:100%;object-fit:cover;will-change:transform}}.hero{align-items:center;overflow:hidden;max-width:100%!important;& h1{font-size:18vw;letter-spacing:2px}& .hero-subheading{padding-left:.45vw;& p{font-weight:300;font-size:2.25vw;line-height:1.5;& .line{display:flex!important;justify-content:space-between}}}}@supports (height:100dvh){.hero,.menu-container{height:100dvh}.about-page,.contact-page,.landing-page,.not-found-page{min-height:100dvh}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.image-carousel-backdrop{position:fixed;inset:0;z-index:9999;background-color:var(--menu-bg);backdrop-filter:blur(var(--blur)) saturate(var(--saturate));-webkit-backdrop-filter:blur(var(--blur)) saturate(var(--saturate));display:flex;align-items:center;justify-content:center;animation:fade-in .45s ease-out 0s both;will-change:opacity}.image-carousel-close{color:var(--light-color);position:absolute;top:0;right:0;cursor:pointer;z-index:10000;will-change:transform;transition:transform .3s ease;width:60px;height:60px;display:flex;align-items:center;justify-content:center;background:none;border:none;outline:none;& svg{width:28px;height:28px}&:hover{transform:rotate(90deg)}}.image-carousel-swiper{width:100%;height:100%}.image-carousel-swiper img{max-height:100vh;max-width:100vw;object-fit:contain;display:block;margin:0 auto}.swiper-button-next,.swiper-button-prev{color:var(--light-color)!important;&:after{font-size:26px!important}}.swiper-pagination-bullet{background-color:var(--light-color)!important;border:.5px solid var(--dark-color);opacity:.6}.swiper-pagination-bullet-active{background:var(--light-color);opacity:1}.image-carousel-slide{display:flex!important;justify-content:center;align-items:center;width:100%;height:100%;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);& img{background-color:var(--light-color);aspect-ratio:3/2;padding:9%}}.preloader-wrapper{position:fixed;inset:0;background:var(--light-color);color:var(--dark-color);display:flex;align-items:flex-end;justify-content:flex-end;padding:2rem;-webkit-clip-path:inset(0 0 0 0);clip-path:inset(0 0 0 0);z-index:9999;will-change:clip-path}.loading-numbers-wrapper{display:flex;flex-direction:column;align-items:flex-end;overflow:hidden;height:max-content;position:relative;font-size:16vw;font-family:var(--primary-font);& .loader-number:nth-child(2),& .loader-number:nth-child(3),& .loader-number:nth-child(4){position:absolute}}@media (max-width:768px){.loading-numbers-wrapper{font-size:22vw}}.char,.line{will-change:transform;& *{will-change:transform}}.letter,.line,.word{position:relative;display:inline-block;will-change:transform;& *{will-change:transform}}::view-transition-new(root),::view-transition-old(root){animation:none!important}::view-transition-group(root){z-index:auto!important}::view-transition-image-pair(root){isolation:isolate;will-change:transform,opacity,clip-path;z-index:1}::view-transition-new(root){z-index:10000;animation:none!important;will-change:clip-path}::view-transition-old(root){z-index:1;animation:none!important;will-change:transform,opacity,filter}.custom-link{text-decoration:none;display:inline-block;position:relative;overflow:hidden;line-height:1;cursor:pointer;color:inherit;& .hidden-text{color:transparent;& svg{& path{fill:transparent}}}& .original-text{top:0}& .copy-text,& .original-text{position:absolute;left:0;transition:transform .3s ease;will-change:transform;color:inherit}& .copy-text{top:120%}&:hover .copy-text,&:hover .original-text{transform:translateY(-120%)}}.slide-link{position:relative;display:inline-block;color:var(--light-color);text-decoration:none;line-height:1.1;font-family:var(--primary-font);& span{display:inline-block;left:0}.text-original{position:relative}.text-duplicate{position:absolute;top:0;color:var(--cream-color)}}.custom-image-wrapper{position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;width:100%}.custom-image{transition:opacity .4s ease;display:block}.img-hidden{opacity:0;position:absolute;top:0;left:0}.img-visible{opacity:1;position:relative}