html{scroll-behavior:smooth}body{background-color:#0c0c0c}body{margin:0;font-family:Montserrat,sans-serif;background-color:#0c0c0c;color:#e0e0e0;overflow-x:hidden}a{text-decoration:none;color:inherit;transition:color .3s ease}a:hover{color:#ff4d4d}body.no-scroll{overflow-y:hidden;position:fixed;width:100%}h1,h2{font-family:Oswald,sans-serif;color:#fff}a{text-decoration:none;color:#d69e78;font-family:Merriweather;font-style:normal;font-weight:300;transition:color .3s ease}a:hover{color:#ff4d4d;text-decoration:underline}.menu-toggle{display:block;cursor:pointer;z-index:200;margin-right:5%}.bar{width:25px;height:3px;background-color:#d69e78;margin:5px 0;align-content:flex-end;transition:all .3s ease-in-out}.menu-toggle.active .bar:nth-child(2){opacity:0}.menu-toggle.active .bar:nth-child(1){transform:translateY(8px) rotate(45deg)}.menu-toggle.active .bar:nth-child(3){transform:translateY(-8px) rotate(-45deg)}@media (max-width: 992px){.about-section{flex-direction:column;text-align:center}.about-content{margin-bottom:30px}}@media (max-width: 768px){.hero-section h1{font-size:2.5rem}}@media (max-width: 768px){.menu-toggle{margin-right:15%}}footer{text-align:center;padding:40px 20px;background-color:#111}.hero-section{position:relative;width:100vw;height:100vh;display:flex;justify-content:center;align-items:center;text-align:center;background-image:url(/hero-background.webp);background-size:cover;background-position:center;background-repeat:no-repeat;opacity:100%;transition:opacity .3s ease,visibility .3s ease}.hero-section.hero-gone{opacity:0;visibility:hidden}.hero-section h1{font-size:4.5rem;font-family:Merriweather;font-style:normal;font-weight:300;font-stretch:100%;margin:0;opacity:100%;background:#d69e78;-webkit-background-clip:text;-webkit-text-fill-color:transparent}@media (min-width: 320px) and (max-width: 480px){.hero-section h1{font-size:2.5rem}}.about-section{padding:50px 20px;max-width:1200px;margin:auto;display:flex;align-items:center;gap:40px}.about-content{flex:1;background:linear-gradient(135deg,#0c0c0ccc,#191919cc);padding:30px;border-radius:10px;box-shadow:0 4px 15px #0006}.about-section h2{font-size:30px;margin-bottom:20px;color:#fff;border-bottom:2px solid #ff4d4d;display:inline-block;padding-bottom:5px}.about-section p{font-size:15px;line-height:1.8;color:#e0e0e0;margin-bottom:25px;text-align:justify}.image-container{flex:1;text-align:center}.image-container img{max-width:100%;width:340px;height:500px;border-radius:10px;border:2px solid #ff4d4d;margin-top:50px;box-shadow:0 4px 15px #0006;transition:transform .3s ease}.image-container img:hover{transform:scale(1.03)}@media (min-width: 320px) and (max-width: 480px){.image-container img{height:400px;width:270px}.about-content p{font-size:14px;-webkit-hyphens:auto;hyphens:auto}.about-content h2{font-size:26px}}.clients-container{padding:50px 20px;max-width:900px;margin:0 auto;text-align:center}.clients-container h2{font-family:Merriweather;font-size:2.5rem;margin-bottom:20px}.client-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:30px;margin-top:40px}.client-item{background-color:#1a1a1a;padding:25px;border-radius:10px;transition:transform .3s ease,background-color .3s ease;box-shadow:0 4px 8px #0003}.client-item:hover{transform:translateY(-5px);background-color:#2a2a2a}.client-item h3{margin-top:0;color:#d69e78;font-family:Merriweather;font-size:1.5rem}.client-item p{margin:0;font-size:1rem;line-height:1.6}@media (min-width: 320px){.client-item img{width:150px;height:90px;align-items:center\;}.clients-container h2{font-family:Merriweather;font-size:2rem;margin-bottom:20px}}@media (min-width: 768px){.client-item img{width:190px;height:90px}}.contact-container{padding:50px 20px;max-width:800px;margin:0 auto;text-align:center}.contact-container h2{font-size:2.5rem;margin-bottom:20px;font-family:Merriweather}.contact-details{display:flex;flex-direction:column;gap:20px;margin-top:40px}.contact-details p{font-size:1.2rem;line-height:1.8;margin-bottom:10px;font-family:Merriweather}.contact-item{background-color:#1a1a1a;padding:25px;border-radius:10px;transition:transform .3s ease,background-color .3s ease}.contact-item:hover{transform:translateY(-5px);background-color:#2a2a2a}.contact-item h3{margin-top:0;color:#d69e78;font-family:Merriweather;font-size:1.5rem}.contact-item p{margin:0;font-size:1rem;font-family:Merriweather}@media (min-width: 320px){.contact-container h2{font-size:2rem}.contact-container p{font-size:1rem}}.gallery-container{padding:20px;max-width:1200px;margin:0 auto}.gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px}.gallery-item{overflow:hidden;cursor:pointer;box-shadow:0 4px 10px #00000080;transition:transform .3s ease,box-shadow .3s ease}.gallery-item:hover{transform:scale(1.03);box-shadow:0 8px 15px #000000b3}.gallery-item img{width:100%;height:100%;object-fit:cover;display:block}#lightbox{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000f2;display:flex;justify-content:center;align-items:center;z-index:1000}#lightbox img,#lightbox video{max-width:90%;max-height:90%;object-fit:contain}.close-btn{position:absolute;top:20px;right:30px;color:#fff;font-size:40px;font-weight:700;cursor:pointer;transition:color .3s ease;z-index:1001}.close-btn:hover{color:#ff4d4d}@media (max-width: 768px){.gallery{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.gallery-video .gallery{grid-template-columns:1fr}.gallery-video .gallery-item{height:500px}.gallery-video video{height:auto;width:100%}}@media (min-width: 768px){.gallery-1-col .gallery{grid-template-columns:1fr 1fr;gap:50px 150px;height:1650px;width:1000px;margin-left:100px}.gallery-2-col .gallery{grid-template-columns:1fr 1fr;gap:50px 150px;height:2900px;width:1000px;margin-left:89px}.gallery-3-col .gallery{grid-template-columns:1fr 1fr;gap:50px 150px;height:2000px;width:1100px;margin-left:40px}.gallery-4-col .gallery{grid-template-columns:1fr 1fr;gap:50px 150px;height:2800px;width:1100px;margin-left:40px}.gallery-video .gallery{grid-template-columns:1fr 1fr;gap:40px 140px;width:1100px;margin:0 auto 0 40px;align-items:center;justify-items:center}.gallery-video .gallery-item{height:500px;overflow:hidden}.gallery-video video{width:100%;height:900px;object-fit:cover;object-position:0px -200px}.gallery-5-col .gallery{grid-template-columns:1fr 1fr;gap:50px 150px;height:1900px;width:1100px;margin-left:40px}.gallery-6-col .gallery{grid-template-columns:1fr 1fr;gap:50px 140px;height:2700px;width:1100px;margin-left:40px}}.main-header{position:fixed;top:0;left:0;width:100%;display:flex;justify-content:space-between;align-items:center;padding:20px 40px;background-color:transparent;transition:background-color .4s ease,transform .3s ease;z-index:100}.main-header.header-scrolled{background-color:#0c0c0cb3;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.main-header.header-content-hidden{transform:translateY(-100%);transition:background-color .4s ease,transform .3s ease}.main-header:not(.header-content-hidden){transform:translateY(0);transition:background-color .4s ease,transform .1s linear 0s}.logo h1 a{font-size:1.5rem;font-weight:700;letter-spacing:2px}.main-header .logo img{height:40px;width:100px}.main-header .logo{border-radius:10%;line-height:0;z-index:1000;background-color:#0c0c0c;padding-left:10px;padding-right:10px;margin-top:-10px;box-shadow:0 2px 8px #0003}.main-header.header-content-hidden .logo,.main-header.header-content-hidden .menu-toggle{opacity:0;pointer-events:none}.main-header:not(.header-content-hidden) .logo,.main-header:not(.header-content-hidden) .menu-toggle{opacity:1;transition:opacity .1s,transform .1s}.main-nav{position:relative}.nav-menu{list-style:none;margin:0;padding:0;display:flex;align-items:center;opacity:0;visibility:hidden;transform:translate(10%);transition:opacity .4s ease,transform .4s ease}.nav-menu.active{opacity:1;visibility:visible;transform:translate(0)}.menu-item{margin-left:35px;position:relative}.has-submenu:hover .submenu{opacity:1;visibility:visible;transform:translateY(0)}.submenu{position:absolute;top:100%;left:0;background-color:#191919e6;list-style:none;padding:10px 0;margin-top:5px;min-width:200px;opacity:0;visibility:hidden;transform:translateY(10px);transition:opacity .3s ease,transform .3s ease;border-radius:5px;box-shadow:0 4px 8px #0000004d}.submenu li a{display:block;padding:10px 20px;white-space:nowrap}.submenu li a:hover{background-color:#1a1a1a}#main-header{background-color:transparent;-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:none}@media (max-width: 768px){.main-header .logo img{height:30px;width:70px}.main-header .logo{border-radius:10%;line-height:0;z-index:1000;background-color:#0c0c0c;padding-left:10px;padding-right:10px;margin-left:-4px;margin-top:4px;box-shadow:0 2px 8px #0003}}@media (max-width: 768px){.main-header{padding:15px 20px}.nav-menu{flex-direction:column;position:fixed;top:0;left:-100%;height:100vh;width:70%;background-color:#0c0c0cf2;padding-top:80px;transition:left .5s ease;z-index:150;opacity:1;visibility:visible;transform:none}.nav-menu.active{left:0}.menu-item{margin:15px 0;text-align:center;width:100%}.has-submenu:hover .submenu{opacity:0;visibility:hidden}.submenu{position:static;background-color:transparent;box-shadow:none;padding:0;min-width:auto;opacity:0;visibility:hidden;transform:none;height:0;transition:none}.submenu li a{padding:8px 10px;background-color:transparent}.has-submenu.submenu-open .submenu{visibility:visible;opacity:1;height:auto;transition:opacity .3s ease}}
