@import"https://fonts.googleapis.com/css2?family=Carter+One&display=swap";@import"https://fonts.googleapis.com/css2?family=Carter+One&family=Dancing+Script:wght@400..700&display=swap";*{box-sizing:border-box;padding:0;margin:0;scroll-behavior:smooth}body{font-family:Carter One,system-ui;background:#fff7f1}img{width:100%;height:100%;object-fit:cover;border-radius:5px}button{background:none;outline:none;border:none;cursor:pointer;font-weight:700;border-radius:5px;font-size:1.2rem;transition:.4s ease-in-out;border:4px solid #398f77;color:#398f77;transition-property:border,color,background,box-shadow}button:hover{border:4px solid #398f77;background:#398f77;color:#fff}button.active{box-shadow:0 8px 24px #959da533;background:#b54a68;color:#fff;border:4px solid #b54a68}section{min-height:90vh;display:flex;padding:5rem 7rem}h1{font-size:6rem;line-height:6rem}h2{font-size:3rem;line-height:3.5rem}h3{font-size:2rem;line-height:3rem}h4{font-size:1.75rem;line-height:2rem}h5{font-size:1.35rem;line-height:1.5rem;text-decoration:underline}p{font-size:1.25rem;padding-top:1rem;line-height:2.2rem;color:#2f2f2f}ul,ol,li,a{text-decoration:none;color:#000;list-style:none;border-radius:5px}.hide{overflow:hidden}.preloader-wrapper{height:100vh;width:100vw;position:fixed;z-index:100;pointer-events:none;transition:1.5s ease-in-out}.preloader-wrapper .container{position:relative;z-index:100;width:100%;height:100%;text-align:center}.preloader-wrapper .container h1{color:#fff;font-size:5.5rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);transition:.2s ease-in-out;z-index:101}.preloader-wrapper .container h1.loaded{opacity:0}.preloader-wrapper .container .slide{height:100%;width:100%;position:absolute;top:0;left:0}.preloader-wrapper .container .slide1{background:#bb9f83;transition:1.5s ease-in-out}.preloader-wrapper .container .slide2{background:#398f77;transition:1s ease-in-out}.preloader-wrapper .container .slide3{background:#b54a68;transition:.5s ease-in-out}.preloader-wrapper .container .slide1.loaded,.preloader-wrapper .container .slide2.loaded,.preloader-wrapper .container .slide3.loaded,.preloader-wrapper.loaded{transform:translate(100%)}.topnav{width:100%;position:absolute;padding:1.5rem 5rem;z-index:10}.topnav div{display:flex;width:45%;justify-content:end;gap:2rem}.topnav ul{display:flex;align-items:center;justify-content:center}.topnav ul .logo{font-size:2.5rem;margin-right:auto;font-family:Dancing Script,cursive;color:#fff}.topnav ul li{list-style:none}.topnav ul li a{display:block;text-decoration:none;font-size:1.15rem;padding:.5rem 1rem;transition:.25s ease-in-out;transition-property:background,color}.topnav ul li a:hover{background:#398f77;color:#fff}.ham-navbar{opacity:0;pointer-events:none;flex-direction:row;position:absolute;width:100%;z-index:11}.ham-navbar .logo{padding-left:1.5rem;font-size:2.5rem;margin-right:auto;font-family:Dancing Script,cursive;color:#fff}.ham-navbar .menu{height:35px;width:40px;display:flex;align-items:center;flex-direction:column;justify-content:space-between;cursor:pointer;position:fixed;right:1.5rem;top:1.5rem}.ham-navbar .menu .line1,.ham-navbar .menu .line2,.ham-navbar .menu .line3{height:7px;border-radius:10px;width:40px;background:#000;transition:.25s ease-in-out}.ham-navbar .menu .line1-active{transform:rotate(45deg) translate(12px,-2px);width:22px}.ham-navbar .menu .line3-active{transform:rotate(-45deg) translate(12px,2px);width:22px}.ham-navbar .menu.active .line1,.ham-navbar .menu.active .line2,.ham-navbar .menu.active .line3{background:#fff}.ham-navbar .menu.active:hover .line1-active{transform:rotate(45deg) translate(12px,-2px);width:22px}.ham-navbar .menu.active:hover .line3-active{transform:rotate(-45deg) translate(12px,2px);width:22px}.ham-menu.active,.ham-menu.active .hide{transform:translate(0)}.ham-menu{box-shadow:-3px 0 15px #00000050;height:100vh;overflow:hidden;transform:translate(100%);opacity:0;width:60vw;right:0;background:#000000c7;position:fixed;display:flex;align-items:center;justify-content:center;pointer-events:none;transition:.25s ease-in-out;z-index:10}.ham-menu nav{height:100%;width:100%;display:flex;align-items:center;justify-content:space-around;flex-direction:column}.ham-menu nav .hide{width:100%;height:33.34%;transform:translate(150%);transition:.5s ease-in-out}.ham-menu nav .hide a{border-radius:0;display:flex;align-items:center;justify-content:center;width:100%;height:100%;font-size:2rem;transition:.25s ease-in-out;color:#fff}.ham-menu nav .hide a:hover{transform:scale(1.15)}.ham-menu nav .hide:nth-child(2){transition-delay:.25s}.ham-menu nav .hide:nth-child(3){transition-delay:.5s}.ham-menu nav .hide:nth-child(4){transition-delay:.75s}header{background:#ede5de;min-height:100vh;width:100%;display:flex}header .text-wrapper{width:55%;display:flex;justify-content:center;flex-direction:column;background:#b54a68;color:#fff;border-radius:0 0 10px}header .text-wrapper .hide{padding-left:5rem;transform:translateY(-20px)}header .text-wrapper h2{padding-top:2rem;opacity:.85}header .slider-wrapper{width:45%;display:flex;align-items:center}header .slider-wrapper .slide{height:65%;position:relative;width:100%;max-width:1400px;max-height:980px;right:10%}header .slider-wrapper .slide .img{height:100%;display:flex;flex-direction:row;overflow:hidden;border-radius:5px;box-shadow:0 8px 24px #959da533}header .slider-wrapper .slide .img img{opacity:0;position:absolute;top:0;transition:.7s ease-in-out;flex-grow:0;flex-shrink:0}header .slider-wrapper .slide .img img.active{opacity:1}header .slider-wrapper .slide .btns{width:95%;display:flex;justify-content:end}header .slider-wrapper .slide .btns button{height:45px;width:45px;margin:1.5rem 1rem;transform:rotate(-45deg);box-shadow:none;transition:.25s ease-in-out}header .slider-wrapper .slide .btns button span{transition:transform .25s ease-in-out;display:flex;align-items:center;justify-content:center;transform:rotate(45deg)}header .slider-wrapper .slide .btns button.active{color:#fff;transform:rotate(0);border-radius:50%;box-shadow:0 2px 6px #00000030}header .slider-wrapper .slide .btns button.active span{transform:rotate(0)}.about-container{gap:3rem;justify-content:center;align-items:center;min-height:90vh}.about-container div{width:45%;overflow:hidden;height:auto;max-width:700px}.about-container div img{max-height:700px;width:100%;height:100%;object-fit:cover;aspect-ratio:1;display:flex;flex-grow:0;flex-shrink:0}.about-container .about-img{box-shadow:0 8px 24px #959da533;border-radius:5px}.about-container .about-text{display:flex;align-items:center;justify-content:center;flex-direction:column;width:55%}.about-container .about-text .about-head,.about-container .about-text .about-head .hide{width:100%}#portfolio{flex-direction:column;gap:2rem}#portfolio .portfolio-head{display:flex;width:100%;height:5rem;justify-content:space-between;align-items:center}#portfolio .portfolio-head .btns{overflow:hidden;display:flex;height:75%;gap:1rem}#portfolio .portfolio-head .btns button{width:7.5rem}#portfolio .portfolio-grid{margin:auto;height:120vh;width:100%;max-width:1600px;display:grid;grid-template-columns:repeat(9,1fr);grid-template-rows:repeat(9,1fr);gap:.75rem}#portfolio .portfolio-grid .grid-img-wrapper{background:#000;overflow:hidden;border-radius:5px;position:relative}#portfolio .portfolio-grid .grid-img-wrapper img{position:absolute;transition:.3s ease-in-out}#portfolio .portfolio-grid .grid-img-wrapper .image-btn{opacity:0;z-index:1;position:absolute;display:flex;justify-content:center;align-items:center;height:100%;width:100%;transition:.3s ease-in-out;font-weight:bolder}#portfolio .portfolio-grid .grid-img-wrapper .image-btn button{font-size:1.5rem;transform:translateY(100%);padding:.75rem 1.5rem;color:#fff;border:4px solid #fff;transition:.3s ease-in-out}#portfolio .portfolio-grid .grid-img-wrapper:hover img{filter:blur(6px) brightness(.75);transform:scale(1.07)}#portfolio .portfolio-grid .grid-img-wrapper:hover .image-btn{opacity:1}#portfolio .portfolio-grid .grid-img-wrapper:hover .image-btn button{transform:translateY(0)}#portfolio .portfolio-grid .grid-img-wrapper:hover .image-btn button:hover{border:4px solid #398f77}#portfolio .portfolio-grid .image1{grid-area:1/1/6/4}#portfolio .portfolio-grid .image2{grid-area:6/1/10/4}#portfolio .portfolio-grid .image3{grid-area:1/4/4/7}#portfolio .portfolio-grid .image4{grid-area:4/4/7/7}#portfolio .portfolio-grid .image5{grid-area:7/4/10/7}#portfolio .portfolio-grid .image6{grid-area:1/7/5/10}#portfolio .portfolio-grid .image7{grid-area:5/7/10/10}.popup-wrapper{opacity:0;height:100vh;width:100vw;position:fixed;top:0;right:0;display:flex;align-items:center;justify-content:center;pointer-events:none;z-index:15;transition:.25s ease-in-out;cursor:pointer}.popup-wrapper .popup-img-wrapper{height:85%;overflow:hidden;border-radius:5px;width:85%;display:flex;align-items:center;justify-content:center}.popup-wrapper .popup-img-wrapper .img{transition:.25s ease-in-out;transform:scale(1.1) translateY(-1rem)}.popup-wrapper .overlay{position:absolute;height:100%;width:100%;background:#000;opacity:.75}.popup-wrapper p{text-align:center;position:absolute;bottom:1rem;font-size:1.5rem;left:50%;transform:translate(-50%);color:#fff}.popup-wrapper.active{opacity:1;pointer-events:all}.popup-wrapper.active .popup-img-wrapper .img{opacity:1;transform:scale(1) translateY(-1rem)}.testimonial-container{display:flex;align-items:center;flex-direction:column;gap:3rem;text-align:center;min-height:auto;background:#ede5de}.testimonial-container .test-wrapper{display:flex;justify-content:center;flex-wrap:wrap;gap:1.5rem;width:100%}.testimonial-container .test-wrapper .test{display:flex;flex-direction:column-reverse;gap:1.5rem;position:relative;width:30%;max-width:400px}.testimonial-container .test-wrapper .test .img{height:300px;width:100%;transition:.5s ease-in-out}.testimonial-container .test-wrapper .test .text{box-shadow:0 8px 24px #959da533;display:flex;padding:2rem;flex-direction:column;align-items:center;justify-content:center;border-radius:5px;z-index:1;height:300px;width:100%;position:relative;transition:.5s ease-in-out}.testimonial-container .test-wrapper .test .text span{position:absolute;top:0rem;left:1rem;font-size:3.5rem;color:#fff}.testimonial-container .test-wrapper .reverse{flex-direction:column}.testimonial-container .test-wrapper .test.reverse.active .text,.testimonial-container .test-wrapper .test.reverse.active .img,.testimonial-container .test-wrapper .test.active .text,.testimonial-container .test-wrapper .test.active .img{transform:translateY(0)}.testimonial-container .test-wrapper .test:nth-child(1) .text{background:#b54a6885}.testimonial-container .test-wrapper .test:nth-child(2) .text{background:#bd916685}.testimonial-container .test-wrapper .test:nth-child(3) .text{background:#398f7785}#commission-container{min-height:auto;flex-direction:column;justify-content:center;align-items:center;gap:3rem;text-align:center;background:#ede5de}#commission-container .comm-card-wrapper{display:flex;flex-direction:row;justify-content:center;gap:1rem}#commission-container .comm-card-wrapper .comm-card{box-shadow:0 8px 24px #959da533;border-radius:5px;width:34%;height:auto}#commission-container .comm-card-wrapper .comm-card .comm-text-wrapper{padding:2rem 2rem 3rem;display:flex;flex-direction:column;align-items:center;gap:1rem}#commission-container .comm-card-wrapper .comm-card .comm-text-wrapper .comm-text{display:flex;flex-direction:row;justify-content:space-around;gap:1.5rem;flex-wrap:wrap}#commission-container .comm-card-wrapper .comm-card .comm-text-wrapper .comm-text .title{padding-bottom:.3rem;color:#000;box-shadow:inset 0 -3px #000}#commission-container .comm-card-wrapper .comm-card .img{height:400px}#commission-container .comm-card-wrapper .comm-card .img img{border-radius:5px 5px 0 0}#commission-container .comm-card-wrapper .comm-card:nth-child(1){background:#bd916685}#commission-container .comm-card-wrapper .comm-card:nth-child(2){background:#398f7785}#commission-container .comm-card-wrapper .comm-card:nth-child(3){background:#b54a6885}#commission-container p{line-height:1rem}#contact{display:flex;align-items:center;gap:2rem;min-height:100vh}#contact .contact-text{display:flex;flex-direction:column;gap:2rem;width:50%}#contact .contact-text div{display:flex;flex-direction:column;gap:.5rem;width:80%;max-width:700px}#contact .contact-text div h3{font-size:1.75rem;line-height:1.5rem;color:#7a634d}#contact .contact-text div .links{padding-top:.5rem;display:flex;flex-direction:row;gap:2rem}#contact .contact-text div .links a{font-size:1.5rem;color:#fff;background:#b54a68;border-radius:50%;height:45px;width:45px;display:flex;align-items:center;justify-content:center;transition:.2s ease-in-out;transition-property:color,background}#contact .contact-text div .links a:hover{background:#398f77}#contact .contact-text hr{height:4px;border:none;outline:none;background:#ede5de;border-radius:10px}#contact .img-form-wrapper{width:50%;position:relative}#contact .img-form-wrapper form,#contact .img-form-wrapper .submit-message{position:absolute;top:50%;left:-100%;transform:translate(100%,-50%);display:flex;flex-direction:column;height:90%;width:80%;gap:1.3rem;background:#398f77;color:#fff;padding:2rem;border-radius:5px;box-shadow:0 8px 24px #7b818775;transition:.5s ease-in-out;z-index:0}#contact .img-form-wrapper form div,#contact .img-form-wrapper .submit-message div{display:flex;flex-direction:column;font-size:1.25rem}#contact .img-form-wrapper form div input,#contact .img-form-wrapper form div textarea,#contact .img-form-wrapper .submit-message div input,#contact .img-form-wrapper .submit-message div textarea{border-radius:5px;padding:.5rem;height:35px;border:none;outline:none;font-size:1.2rem;background:#f5f5f5}#contact .img-form-wrapper form div textarea,#contact .img-form-wrapper .submit-message div textarea{height:250px}#contact .img-form-wrapper form div .red,#contact .img-form-wrapper .submit-message div .red{color:red}#contact .img-form-wrapper form button,#contact .img-form-wrapper .submit-message button{width:33%;min-width:150px;border:3px solid #fff;color:#fff;padding:.5rem 1rem}#contact .img-form-wrapper form button:hover,#contact .img-form-wrapper .submit-message button:hover{background:#fff;color:#398f77}#contact .img-form-wrapper .submit-message{color:#fff;display:flex;justify-content:center;align-items:center;text-align:center;gap:0;opacity:0;z-index:1;pointer-events:none}#contact .img-form-wrapper .submit-message span{font-size:10rem;transform:translateY(-1.5rem)}#contact .img-form-wrapper .submit-message p{transform:translateY(-1.5rem);color:#fff;font-size:2rem}#contact .img-form-wrapper .submit-message.active{opacity:1}#contact .img-form-wrapper form.active{opacity:0}#contact .img-form-wrapper .img{height:700px;max-width:1000px;overflow:hidden;box-shadow:0 8px 24px #959da533;border-radius:5px}#contact .img-form-wrapper .img img{object-fit:cover}footer{overflow:hidden;background:#151515;padding:3rem 7rem;color:#fff;display:flex;gap:4rem;flex-direction:row;flex-wrap:wrap;justify-content:space-between;margin:auto;position:relative}footer .footer-nav-wrapper,footer .social-wrapper{display:flex;flex-direction:column;flex-wrap:wrap;justify-content:space-between;gap:2rem;z-index:1}footer .footer-nav-wrapper .logo,footer .social-wrapper .logo{font-size:3rem;color:#b54a68;filter:brightness(1.25)}footer .footer-nav-wrapper nav,footer .social-wrapper nav{display:flex;flex-wrap:wrap;gap:1.5rem;width:75%}footer .footer-nav-wrapper nav a,footer .social-wrapper nav a{color:#fff;font-size:1.75rem;transition:.2s ease-in-out}footer .footer-nav-wrapper nav a:hover,footer .social-wrapper nav a:hover{color:#398f77}footer .footer-nav-wrapper .social-icons,footer .social-wrapper .social-icons{display:flex;justify-content:end;gap:1.5rem;flex-direction:row;width:100%}footer .footer-nav-wrapper .social-icons a,footer .social-wrapper .social-icons a{background:#fff;color:#000;width:50px;height:50px;font-size:1.75rem;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:.2s ease-in-out}footer .footer-nav-wrapper .social-icons a:hover,footer .social-wrapper .social-icons a:hover{background:#b54a68;color:#fff}footer .footer-nav-wrapper p,footer .social-wrapper p{color:#fff}footer .footer-nav-wrapper p a,footer .social-wrapper p a{border-radius:0;color:#fff;box-shadow:0 3px #fff;margin:0 7px}footer .footer-nav-wrapper .logo{color:#398f77}footer .social-wrapper{align-items:end;text-align:end;margin-left:auto}footer .footer-nav-wrapper{margin-right:auto}footer .wave{position:absolute;bottom:0;left:0;z-index:0;fill:#222}@media screen and (max-width: 1025px){section{padding:5rem 3rem}.ham-navbar,.ham-menu{opacity:1;pointer-events:all}.topnav{display:none}header{flex-direction:column;height:auto;min-height:auto;text-align:center}header .text-wrapper{width:100%;height:50%;align-items:center;min-height:450px;padding:0 1rem;border-radius:0}header .text-wrapper .hide{padding-left:0;transform:translateY(0)}header .text-wrapper h1{font-size:4.5rem;line-height:4.5rem}header .slider-wrapper{width:100%;min-height:575px;max-height:80vh}header .slider-wrapper .slide{width:90%;right:5%;left:5%;bottom:5rem;height:550px}header .slider-wrapper .slide img{height:100%;width:100%}header .slider-wrapper .slide .btns{padding:0;position:absolute;width:100%;justify-content:center}#about{flex-direction:column-reverse;align-items:center;justify-content:center;text-align:center}#about div{width:100%;max-width:100%}#portfolio .portfolio-head{flex-direction:column;gap:1rem;height:auto}#portfolio .portfolio-head .btns{flex-wrap:wrap;justify-content:center}#portfolio .portfolio-head .btns button{height:45px}#portfolio .portfolio-grid{gap:.5rem}.testimonial-container .head h2{padding:0rem 0rem 1rem}.testimonial-container .test-wrapper{gap:1.5rem}.testimonial-container .test-wrapper .test{flex-direction:row;gap:1.5rem;width:100%;min-width:100%}.testimonial-container .test-wrapper .test .text,.testimonial-container .test-wrapper .test .img{width:50%}.testimonial-container .test-wrapper .reverse{flex-direction:row-reverse}#contact{flex-direction:column;gap:24em}#contact .contact-text{width:100%;align-items:center}#contact .contact-text div{width:100%;max-width:unset}#contact .img-form-wrapper{width:100%}#contact .img-form-wrapper form,#contact .img-form-wrapper .submit-message{left:50%;top:-50%;transform:translate(-50%);height:auto;width:95%;height:90%}footer{flex-direction:column-reverse}}@media screen and (max-width: 768px){.preloader-wrapper .container h1{font-size:4rem;line-height:4rem}section,footer{padding:4rem 1.5rem}.ham-menu{width:75vw}header h1{font-size:5rem;line-height:5rem}header h2{font-size:2.5rem;line-height:3rem}p{font-size:1.5rem}#about .about-text{padding:0 .5rem}#portfolio button{font-size:1rem}#portfolio .portfolio-grid{grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(3,1fr)}#portfolio .portfolio-grid .image1{grid-area:1/1/2/2}#portfolio .portfolio-grid .image2{grid-area:1/2/2/3}#portfolio .portfolio-grid .image3{grid-area:2/1/3/2}#portfolio .portfolio-grid .image4{grid-area:2/2/3/3}#portfolio .portfolio-grid .image5{grid-area:3/1/4/2}#portfolio .portfolio-grid .image6{grid-area:3/2/4/3}#portfolio .portfolio-grid .image7{display:none}#commission-container .comm-card-wrapper{width:100%;flex-direction:column}#commission-container .comm-card-wrapper .comm-card{width:100%}#commission-container .comm-card-wrapper .comm-card .comm-text-wrapper{padding:2rem 1rem}#commission-container .img{display:none}#commission-container p{line-height:2rem}.testimonial-container .test-wrapper{flex-direction:column-reverse;gap:3rem}.testimonial-container .test-wrapper .test{flex-direction:column-reverse}.testimonial-container .test-wrapper .test .text,.testimonial-container .test-wrapper .test .img{width:100%}}@media screen and (max-width: 480px){#contact{gap:3em}#contact .img-form-wrapper .img{display:none}#contact .img-form-wrapper form{position:relative;width:100%}#contact .img-form-wrapper .submit-message{top:0;width:100%;height:100%}}