@import"https://fonts.googleapis.com/css2?family=Poppins:wght@400;600&display=swap";body,html{margin:0;padding:0;font-family:Poppins,sans-serif;box-sizing:border-box;scroll-behavior:smooth}body{padding:0;overflow-x:hidden;background-color:#f1f1f1}@media (min-width: 1920px){body{padding:0 15rem}}@media (min-width: 1440px){body{padding:0 10rem}}@media (min-width: 1024px) and (max-width: 1439px){body{padding:0 5rem}}@media (min-width: 768px) and (max-width: 1023px){body{padding:0 3rem}}@media (min-width: 480px) and (max-width: 767px){body{padding:0 2rem}}@media (max-width: 479px){body{padding:0 1rem}}.navbar{position:sticky;top:0;left:0;right:0;background-color:#fff;z-index:22;border-bottom:1px solid transparent;border-image:linear-gradient(to right,#d9b76633,#d9b766,#d9b76633);border-image-slice:1;width:100vw;margin-left:calc(-50vw + 50%)}.navbar-container{display:flex;justify-content:space-between;align-items:center;margin:0 auto;padding:0 10rem;max-width:100%}.logo img{height:60px;object-fit:contain;transition:all .3s ease}.nav-options{display:flex;transition:all .3s ease}.nav-options a{margin-left:20px;text-decoration:none;font-size:1rem;color:#333;position:relative;font-weight:600;letter-spacing:.5px;transition:all .4s ease;padding:5px 0;text-transform:capitalize;font-family:Poppins,sans-serif}.nav-options a:hover{color:#d9b766;transform:translateY(-2px)}.nav-options a:after{content:"";position:absolute;width:0;height:2px;bottom:0;left:0;background:linear-gradient(to right,#d9b766,#f0d699);transition:width .3s ease}.nav-options a:hover:after{width:100%}.nav-options a.active{color:#d9b766}.hamburger{display:none;cursor:pointer;padding:10px;transition:all .3s ease}.hamburger-line{width:25px;height:2px;background-color:#333;margin:5px 0;transition:all .3s ease}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.logo:hover img{animation:pulse 1.5s infinite}@media (max-width: 768px){.navbar-container{padding:0 2rem}.nav-options{position:absolute;top:100%;left:0;width:100%;background:#fff;flex-direction:column;align-items:center;padding:1rem 0;border-bottom:1px solid rgba(217,183,102,.2);transform:translateY(-150%);opacity:0;z-index:-1}.nav-options.active{transform:translateY(0);opacity:1;z-index:1}.nav-options a{padding:8px 20px;border-radius:4px;transition:all .3s ease;width:auto;margin:12px 0}.nav-options a:hover{background-color:#d9b7661a;transform:translate(5px);color:#d9b766}.nav-options a:after{display:none}.hamburger{display:block}.logo img{height:50px}.hamburger.active .hamburger-line{background-color:#d9b766}.hamburger.active .hamburger-line:nth-child(1){transform:rotate(-45deg) translate(-5px,6px)}.hamburger.active .hamburger-line:nth-child(2){opacity:0}.hamburger.active .hamburger-line:nth-child(3){transform:rotate(45deg) translate(-5px,-6px)}}@media (min-width: 1920px){.navbar-container{padding:0 15rem}}@media (min-width: 1440px) and (max-width: 1919px){.navbar-container{padding:0 10rem}}@media (min-width: 1024px) and (max-width: 1439px){.navbar-container{padding:0 5rem}}@media (min-width: 769px) and (max-width: 1023px){.navbar-container{padding:0 3rem}}@media (min-width: 481px) and (max-width: 768px){.navbar-container{padding:0 2rem}}@media (max-width: 480px){.navbar-container{padding:0 1rem}}.parent{display:grid;grid-template-columns:repeat(10,1fr);grid-template-rows:auto auto auto;grid-column-gap:0px;grid-row-gap:0px;margin:0 -10rem}.div1{grid-area:1 / 1 / span 1 / span 10;position:relative;overflow:hidden;z-index:11;height:64vh}.cards-container{grid-area:2 / 2 / span 1 / span 8;z-index:11;display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-top:-50px;margin-bottom:50px}.div5{grid-area:1 / 4 / span 1 / span 4;z-index:11;align-self:center;margin-top:20px}.div6{grid-area:1 / 4 / span 1 / span 4;z-index:11;align-self:center;margin-top:100px}.card{background:linear-gradient(to bottom,#fff,#f1f1f1);padding:20px;box-shadow:0 -16px 16px #0000001a;z-index:11}.carousel-image{position:absolute;width:100%;max-height:64vh;object-fit:cover;opacity:0;transition:opacity 1s ease-in-out;z-index:0}.carousel-image.active{opacity:1;z-index:1}h1,h2{text-align:center;color:#fff;text-shadow:2px 2px 4px black}h1{font-size:3.5rem;font-weight:700}h2{font-size:1.5rem;font-weight:semi-bold}h5{font-size:1.25rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;margin:.75rem;text-shadow:.5px .5px 1px #555}@media (max-width: 1024px){.parent{margin:0 -2rem}.cards-container{grid-template-columns:1fr;gap:20px;margin-top:20px;margin-bottom:20px}.div1{height:50vh}h1{font-size:2.5rem}h2{font-size:1.2rem}}@media (max-width: 768px){.parent{margin:0 -1rem}.div5{grid-area:1 / 2 / span 1 / span 8}.div6{grid-area:1 / 2 / span 1 / span 8;margin-top:80px}h1{font-size:2rem}h2{font-size:1rem}}.about-section{padding:3rem 7rem 8rem}.about-content{display:flex;align-items:center;justify-content:space-between;gap:2rem;text-align:left;flex-wrap:wrap}.about-texts{flex:1;min-width:300px}.about-image{flex:1;display:flex;justify-content:center;min-width:300px}.about-image img{width:100%;max-width:400px;height:auto;border-radius:8px;box-shadow:0 12px 24px #0006,0 6px 12px #0003}.about-title{font-size:1.2rem;color:#d9b766;font-weight:700;text-transform:uppercase;letter-spacing:1px}.about-header{font-size:2.5rem;font-weight:700;margin:0}.about-links{font-size:1.25rem;color:#333;margin:0!important;padding-left:1rem}.about-intro{font-size:1.25rem;color:#333;line-height:1.8}.about-email{font-size:1.25rem;color:#333;margin:0 0 2rem;padding-left:1rem}.about-line{height:3px;background-color:#d9b766;margin:0 auto;border-radius:2px}.about-links a,.about-email a{text-decoration:none;color:inherit}.social-icon{font-size:1.75rem;vertical-align:middle}@media (max-width: 768px){.about-content{flex-direction:column}.about-texts,.about-image{flex:none;width:100%}.about-image img{max-width:80%}.about-section{padding:2rem 1rem}.about-texts p{font-size:1rem}}.sample-works{padding:2rem;background-color:#f8f9fa}.works-category{margin-bottom:3rem}.category-title{font-size:1.8rem;margin-bottom:1.5rem;color:#d9b766;text-transform:uppercase;text-align:center;text-shadow:1px 1px 2px rgba(0,0,0,.1)}.image-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1.5rem}.image-container{position:relative;height:300px;overflow:hidden}.grid-image{width:100%;height:100%;object-fit:cover;display:block;border-radius:4px;box-shadow:0 4px 8px #0000001a;transition:all .5s ease;opacity:0;transform:scale(.95)}.grid-image.loaded{opacity:1;transform:scale(1)}.image-placeholder{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(110deg,#ececec 8%,#f5f5f5 18%,#ececec 33%);background-size:200% 100%;animation:1.5s shine linear infinite;border-radius:4px}@keyframes shine{to{background-position-x:-200%}}.grid-image:hover{transform:scale(1.02);box-shadow:0 6px 12px #00000026}.image-modal{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000e6;display:flex;justify-content:center;align-items:center;z-index:1000;cursor:pointer}.image-modal-content{max-width:90%;max-height:90%}.image-modal-content img{max-width:100%;max-height:90vh;object-fit:contain;box-shadow:0 0 20px #0009}.button{position:absolute;top:20px;right:20px;width:90px;height:30px;background:#fff3;border:none;border-radius:4px;cursor:pointer;display:flex;justify-content:center;align-items:center;color:#fff;font-weight:700;transition:background .3s ease}.button:hover{background:#ffffff4d}.X{position:absolute;width:20px;height:2px;background-color:#fff;transform:rotate(45deg)}.Y{position:absolute;width:20px;height:2px;background-color:#fff;transform:rotate(-45deg)}@media (max-width: 768px){.image-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.grid-image{height:250px}.category-title{font-size:1.5rem}}@media (prefers-reduced-motion: no-preference){.grid-image{transition:opacity .7s ease,transform .7s ease,box-shadow .3s ease}}.contact-section{display:flex;justify-content:center;padding:4rem 1rem}.contact-form{width:100%;max-width:720px;padding:2rem;border-radius:12px;box-sizing:border-box}.contact-title{font-size:2.5rem;font-weight:800;text-align:center;text-transform:uppercase;letter-spacing:.25rem;margin-bottom:2.5rem;position:relative;color:#222}.contact-title:after{content:"";display:block;width:60px;height:4px;background:#f3cd7e;margin:.75rem auto 0;border-radius:2px}label{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;margin-left:.5rem}.form-group{margin-bottom:2rem}.form-group label{display:block;font-size:.9rem;margin-bottom:.75rem;color:#555;letter-spacing:.5px}.form-group input,.form-group textarea{width:100%;padding:1rem;font-size:1rem;border:1px solid #e0e0e0;border-radius:6px;box-sizing:border-box;transition:all .3s ease}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:#f3cd7e;box-shadow:0 0 0 2px #f3cd7e33}.form-group textarea{height:140px;resize:vertical}.submit-btn{background-color:#f3cd7e;color:#222;padding:1rem 2rem;border:none;border-radius:6px;font-size:1.1rem;font-weight:600;cursor:pointer;width:100%;transition:all .3s ease;letter-spacing:.5px;text-transform:uppercase;box-shadow:0 2px 4px #0000001a}.submit-btn:hover{background-color:#e8c06d;transform:translateY(-2px);box-shadow:0 4px 8px #00000026}@media (max-width: 768px){.contact-form{padding:1.75rem}.contact-title{font-size:2.25rem}}@media (max-width: 480px){.contact-title{font-size:2rem}.form-group input,.form-group textarea{padding:.9rem}.submit-btn{padding:.9rem;font-size:1rem}}.footer-wrapper{width:100vw;position:relative;left:50%;right:50%;margin-left:-50vw;margin-right:-50vw;background-color:#1f1f1f}footer{max-width:1200px;margin:0 auto;padding:2rem 1rem;color:#fff}.footer-content{display:flex;justify-content:center;align-items:flex-start;flex-wrap:wrap;gap:2rem}.footer-contact,.footer-social{width:250px;text-align:left}.footer-contact h4,.footer-social h4{margin-bottom:1rem;font-size:1.2rem;font-weight:700;color:#f3cd7e}.footer-contact p,.footer-social a{margin:.5rem 0;font-size:1rem;color:#fff;text-decoration:none;transition:color .3s ease;display:block}.footer-social a:hover{color:#f3cd7e}@media (max-width: 1023px){.footer-contact,.footer-social{width:220px}.footer-contact h4,.footer-social h4{font-size:1.1rem}.footer-contact p,.footer-social a{font-size:.95rem}}@media (max-width: 767px){.footer-content{flex-direction:column;align-items:center;gap:1.5rem}.footer-contact,.footer-social{width:100%;max-width:250px}.footer-contact h4,.footer-social h4{font-size:1rem}.footer-contact p,.footer-social a{font-size:.9rem}}@media (max-width: 479px){.footer-contact h4,.footer-social h4{font-size:.95rem}.footer-contact p,.footer-social a{font-size:.85rem}footer{padding:1.5rem 1rem}}
