@import url(https://fonts.googleapis.com/css2?family=Handjet:wght@300;400;500;600;700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Syne:wght@400;500;600;700;800&display=swap);body{margin:0;overflow-x:hidden;padding:0}html{scroll-behavior:smooth}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}img{max-width:100%}*{box-sizing:border-box}*,body,html{margin:0;padding:0}body,html{overflow-x:hidden;width:100%}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#fff8f0;font-family:Handjet,cursive}.App,body{min-height:100vh}.App{display:flex;flex-direction:column;height:100vh;overflow-x:hidden;position:relative;width:100%}button{border:none;cursor:pointer;outline:none}a{color:inherit;text-decoration:none}#root{overflow-x:hidden;width:100%}.nav-wrapper{background-color:#fff8f0;padding-bottom:16px;padding-top:46px;position:-webkit-sticky;position:sticky;top:0;width:100%;z-index:100}.navigation{align-items:center;box-sizing:border-box;display:flex;justify-content:space-between;margin:0 auto;max-width:1120px;width:100%}.nav-logo{cursor:pointer;flex-shrink:0;height:78px;width:80px}.logo-img{height:100%;object-fit:contain;width:100%}.nav-links{align-items:center;display:flex;gap:72px}.nav-item{cursor:pointer;font-family:Handjet,cursive;font-size:32px;font-weight:500;padding:0 10px;position:relative;text-align:center;transition:transform .2s ease}.nav-item span{color:#000;transition:color .3s ease}.nav-item.active span,.nav-item:hover span{color:#c33}.nav-item:after{background-color:#c33;bottom:-10px;content:"";height:2px;left:0;opacity:.5;position:absolute;transition:width .3s ease;width:0}.nav-item:hover:after{width:100%}.nav-item.active:after{opacity:1;width:100%}.nav-content{align-items:center;display:flex;gap:10px;justify-content:center}.nav-icon{height:32px;object-fit:contain;width:32px}@media (max-width:767px){.nav-wrapper{padding:20px 20px 10px}.nav-logo{height:49px;width:50px}.nav-links{gap:35px}.nav-item{font-size:16px;padding:0 5px}.nav-icon{height:16px;width:16px}.nav-item.active:after{height:1.5px}.nav-content{gap:5px}}@media (min-width:768px) and (max-width:1199px){.nav-wrapper{padding:20px 40px 12px}.navigation{max-width:100%}.nav-logo{height:63px;width:65px}.nav-links{gap:50px}.nav-item{font-size:28px}}.hero-section{display:flex;justify-content:flex-start;margin:180px auto 0;max-width:1120px;width:100%}.hero-content{display:flex;position:relative;width:100%}.hero-content h1{color:#451515;font-family:Handjet,cursive;font-size:64px;font-weight:500;line-height:1;margin:0}@media (max-width:767px){.hero-section{box-sizing:border-box;margin:60px auto 0;max-width:100%;padding:0 20px}.hero-content h1{font-size:30px;line-height:1.1;text-align:left}}@media (min-width:768px) and (max-width:1199px){.hero-section{margin:100px auto 0;max-width:100%;padding:0 40px}.hero-content h1{font-size:48px}}.projects-section{margin:200px auto 0;max-width:1120px;width:100%}.projects-grid{display:flex;gap:113px;width:100%}.project-column{display:flex;flex-direction:column}.left-column{gap:121px;width:506px}.right-column{gap:120px;width:501px}.project-card{display:flex;flex-direction:column;gap:20px;width:100%}.project-image-container{align-items:center;border:1px solid #000;border-radius:12px;box-shadow:inset 4px 4px 12px 6px #0000000d;box-sizing:border-box;display:flex;justify-content:center;overflow:hidden;padding:24px;position:relative;width:100%}.project-image{max-height:100%;max-width:100%;object-fit:contain;position:relative;z-index:1}.project-info{gap:20px}.project-info,.project-text{display:flex;flex-direction:column}.project-text{gap:12px;width:100%}.project-text h3{color:#451515;font-family:Handjet,cursive;font-size:32px;font-weight:500;line-height:1;margin:0}.project-text p{color:#0000004d;font-family:Helvetica,sans-serif;font-size:20px;font-weight:400;line-height:1;margin:0}.project-tags{display:flex;flex-wrap:wrap;gap:10px}.tag{align-items:center;background-color:#cc33331a;border:.5px solid #c33;border-radius:16px;color:#c33;display:inline-flex;font-family:Helvetica,sans-serif;font-size:14px;font-weight:400;line-height:1;padding:8px 12px;white-space:nowrap}@media (max-width:767px){.projects-section{margin:60px auto 0;padding:0 20px}.projects-grid{flex-direction:column;gap:50px}.project-column{gap:50px!important;width:100%!important}.project-card{gap:16px}.project-image-container{height:auto!important}.project-text h3{font-size:24px}.project-text p{font-size:16px}.tag{font-size:12px;padding:6px 10px}}@media (min-width:768px) and (max-width:1199px){.projects-section{margin:120px auto 0;max-width:100%;padding:0 40px}.projects-grid{gap:60px}.left-column,.right-column{width:48%}.project-column{gap:80px!important}.project-image-container{height:auto!important}}.about-section{display:flex;flex-direction:column;margin:50px auto;max-width:1100px;min-height:100vh;position:relative}.about-container{display:flex;gap:67px;justify-content:space-between;position:relative}.about-profile{align-self:flex-start;display:flex;flex-direction:column;gap:10px;height:-webkit-fit-content;height:fit-content;position:-webkit-sticky;position:sticky;top:50px;width:387px}.about-image{border:1px solid #000;border-radius:12px;height:auto;width:100%}.profile-info{display:flex;flex-direction:column;gap:10px}.profile-header{align-items:center;display:flex;gap:5px}.profile-header h2{color:#451515;font-size:32px}.profile-header h2,.profile-subtitle{font-family:Handjet,cursive;font-weight:500;line-height:1.12;margin:0}.profile-subtitle{color:#b2aea8;font-size:20px;max-width:387px}.crimson-text{color:#c33}.welcome-icon-about{height:32px;width:32px}.quote-sections{gap:60px;padding-bottom:100px;width:658px}.quote-block,.quote-sections{display:flex;flex-direction:column}.quote-block{gap:30px}.quote{color:#451515;font-family:Handjet,cursive;font-size:32px;font-weight:500;line-height:1;margin:0}.quote-description{color:#b2aea8;font-family:Helvetica,sans-serif;font-size:20px;font-weight:400;line-height:1;margin:0}@media (max-width:767px){.about-section{margin:30px auto;min-height:auto;padding:0 36px}.about-container{flex-direction:column;gap:40px}.about-profile{gap:12px;position:static;top:auto;width:100%}.about-image{border-radius:4px;height:188px;object-fit:cover}.profile-info{gap:4px}.profile-header h2{font-family:Handjet,cursive;font-size:18px;font-weight:500;line-height:1.12}.profile-subtitle{font-family:Helvetica,sans-serif;font-size:12px;font-weight:400;line-height:1.15;max-width:100%}.welcome-icon-about{height:16px;width:16px}.quote-sections{gap:24px;padding-bottom:40px;width:100%}.quote-block{gap:10px}.quote{font-family:Handjet,cursive;font-size:16px;font-weight:600;line-height:1.12}.quote-description{font-family:Helvetica,sans-serif;font-size:12px;font-weight:400;line-height:1.15}}@media (min-width:768px) and (max-width:1024px){.about-section{margin:40px auto;padding:0 20px}.about-container{gap:40px}.about-profile{top:40px;width:300px}.quote-sections{gap:50px;width:calc(100% - 340px)}.quote{font-size:28px}.quote-description{font-size:20px}.profile-header h2{font-size:28px}.profile-subtitle{font-size:18px}.welcome-icon-about{height:28px;width:28px}}.contact-section{margin:0 auto;max-width:1120px;min-height:70vh;width:100%}.contact-content,.contact-section{display:flex;flex-direction:column}.contact-content{padding-top:180px}.contact-heading{font-family:Handjet,cursive;font-size:64px;font-weight:500;line-height:1;margin:0 0 120px}.mocha-text{color:#451515}.crimson-accent{color:#c33}.contact-actions{align-items:flex-start;display:flex;gap:194px}.contact-block{display:flex;flex-direction:column;gap:12px}.contact-block-header{align-items:flex-end;display:flex;gap:5px}.contact-block-header span{color:#000;font-family:Handjet,cursive;font-size:32px;font-weight:500;line-height:1}.block-emoji{height:32px;object-fit:contain;width:32px}.social-icons-row{align-items:center;display:flex;gap:32px}.social-icon-link{align-items:center;display:flex;height:32px;justify-content:center;transition:opacity .2s ease;width:32px}.social-icon-link:hover{opacity:.7}.social-icon-img{height:32px;object-fit:contain;width:32px}.contact-cta-button{align-items:center;background:#c333;border-radius:12px;display:inline-flex;gap:2px;padding:12px 20px;text-decoration:none;transition:background .2s ease;width:-webkit-fit-content;width:fit-content}.contact-cta-button:hover{background:#cc33334d}.contact-cta-button span{color:#c33;font-family:Helvetica,sans-serif;font-size:20px;font-weight:400;line-height:1}.cta-arrow{height:24px;object-fit:contain;width:24px}@media (max-width:767px){.contact-content{padding:80px 20px 0}.contact-heading{font-size:30px;margin:0 0 60px}.contact-actions{flex-direction:column;gap:40px}.contact-block-header span{font-size:24px}.block-emoji,.social-icon-img,.social-icon-link{height:24px;width:24px}.social-icons-row{gap:24px}.contact-cta-button span{font-size:16px}.contact-cta-button{padding:10px 16px}.cta-arrow{height:20px;width:20px}}@media (min-width:768px) and (max-width:1199px){.contact-content{padding:120px 40px 0}.contact-heading{font-size:48px}.contact-actions{flex-wrap:wrap;gap:80px}}.footer{margin-top:100px;width:100%}.footer-container{background-color:#451515;border-radius:32px 32px 0 0;box-sizing:border-box;min-height:400px;overflow:hidden;padding:76px 158px 0;position:relative;width:100%}.footer-content{align-items:flex-start;display:flex;justify-content:space-between;max-width:1120px;position:relative;width:100%;z-index:2}.footer-left{display:flex;flex-direction:column;gap:20px}.footer-left h2{color:#fff8f0;font-family:Handjet,cursive;font-size:32px;font-weight:500;line-height:1;margin:0}.footer-cta-button{align-items:center;background:#fff8f033;border-radius:12px;display:inline-flex;gap:2px;padding:12px 20px;text-decoration:none;transition:background .2s ease;width:-webkit-fit-content;width:fit-content}.footer-cta-button:hover{background:#fff8f059}.footer-cta-button span{color:#fff8f0;font-family:Helvetica,sans-serif;font-size:20px;font-weight:400;line-height:1}.footer-arrow{height:24px;object-fit:contain;width:24px}.footer-right{display:flex;gap:73px}.footer-column{display:flex;flex-direction:column;gap:24px}.footer-column h3{color:#fff;font-family:Handjet,cursive;font-size:32px;font-weight:500;line-height:1;margin:0}.footer-links{display:flex;flex-direction:column;gap:14px}.footer-links a{color:#ffa8a8;font-family:Helvetica,sans-serif;font-size:20px;font-weight:400;line-height:1;text-decoration:none;transition:color .2s ease}.footer-links a:hover{color:#fff}.footer-decorations{bottom:0;pointer-events:none;position:absolute;right:0;z-index:1}.decoration-group{display:block;height:auto;max-width:800px;width:auto}@media (max-width:767px){.footer-container{border-radius:20px 20px 0 0;min-height:300px;padding:40px 20px 0}.footer-content{flex-direction:column;gap:40px}.footer-left h2{font-size:24px}.footer-cta-button span{font-size:16px}.footer-cta-button{padding:10px 16px}.footer-arrow{height:20px;width:20px}.footer-right{gap:40px}.footer-column h3{font-size:24px}.footer-links a{font-size:16px}.decoration-group{max-width:400px}}@media (min-width:768px) and (max-width:1199px){.footer-container{padding:60px 40px 0}.footer-right{gap:50px}}.landing-page{background-color:#fff8f0;display:flex;flex-direction:column;min-height:100vh;padding-bottom:0}.main-content{display:flex;flex:1 1;flex-direction:column;width:100%}.about-content{background:#fff;border-radius:16px;box-shadow:0 4px 10px #0000000d;margin:50px auto;max-width:1100px;padding:40px}.about-content h2{color:#000;font-family:Handjet,cursive;font-size:48px;font-weight:700;margin-bottom:24px}.about-content p{color:#000000b3;font-family:Handjet,cursive;font-size:24px;font-weight:500;line-height:1.5}@media (max-width:767px){.landing-page{padding-bottom:20px}.about-content{border-radius:12px;box-shadow:0 2px 5px #0000000d;margin:20px auto;padding:20px;width:calc(100% - 72px)}.about-content h2{font-size:24px;margin-bottom:12px}.about-content p{font-size:14px;line-height:1.3}}.loader-container{align-items:center;background-color:#fff8f0;box-sizing:border-box;display:flex;height:100vh;justify-content:center;left:0;overflow:hidden;position:fixed;top:0;width:100vw;z-index:1000}.mobile-view{text-align:center}.mobile-view .element-2,.mobile-view .element-4,.mobile-view .element-5,.mobile-view .element-7a,.mobile-view .element-7b,.mobile-view .element-8{display:none!important}.mobile-view .element-1,.mobile-view .element-3,.mobile-view .element-6,.mobile-view .element-9{flex:0 0 auto;left:auto!important;margin:0 10px;position:relative!important;top:auto!important;transform:scale(.7)}.loader-content{height:95.42px;max-width:100%;position:relative;transform-origin:center center;width:799px}.mobile-view .loader-content{align-items:center;display:flex;flex-direction:row;height:auto;justify-content:center;margin:0 auto;max-width:320px;width:100%}.loader-element{opacity:0;position:absolute;transition:opacity .5s ease-in-out}.element-1{height:92px;left:277px;top:3px;width:79px}.element-2{height:80px;left:628px;top:15px;width:78px}.element-3{left:462px}.element-3,.element-4{height:80px;top:15px;width:79px}.element-4{left:0}.element-5{left:720px}.element-5,.element-6{height:80px;top:15px;width:79px}.element-6{left:92px}.element-7a{left:584.48px;top:0}.element-7a,.element-7b{height:47.71px;width:29.52px}.element-7b{left:554.96px;top:47.71px}.element-8{height:80px;left:370px;top:15px;width:79px}.element-9{height:84px;left:185px;top:11px;width:79px}.visible{opacity:1}.fade-out{opacity:0;transition:opacity .5s ease-in-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media screen and (max-width:576px){.loader-container{padding:0 15px}.loader-content{height:auto;max-width:320px;transform:none;width:100%}.mobile-view .loader-content{align-items:center;display:flex;flex-direction:row;justify-content:space-around;padding:20px 0}.mobile-view .loader-element{align-items:center;display:flex;flex:1 1;height:auto;justify-content:center;margin:0 5px;position:static!important;transform:scale(.65);width:auto}.mobile-view .loader-element svg{height:auto;max-height:50px;width:auto}}@media screen and (max-width:375px){.mobile-view .loader-element{margin:0 2px;transform:scale(.55)}}@media screen and (max-width:320px){.mobile-view .loader-element{margin:0 1px;transform:scale(.45)}}
/*# sourceMappingURL=main.adc1e4e9.css.map*/