*{margin:0;padding:0;box-sizing:border-box}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.6;color:#333}.container{max-width:1200px;margin:0 auto;padding:0 20px}.header{position:fixed;top:0;left:0;right:0;background:#000000b3;box-shadow:0 2px 10px #0000001a;padding:15px 0;z-index:1000;transform:translateY(-100%);transition:transform .3s ease}.header.visible{transform:translateY(0)}.header .container{display:flex;justify-content:space-between;align-items:center}.logo{display:flex;align-items:center;gap:.5rem}.logo-img{height:60px;width:60px;border-radius:50%;object-fit:cover}.company-name{font-size:1.5rem;font-weight:700;font-family:Poppins,sans-serif;color:#fff}nav ul{display:flex;list-style:none}nav ul li{margin-left:30px}nav ul li a{text-decoration:none;color:#fff;font-weight:500;font-size:16px;transition:color .3s ease}nav ul li a:hover{color:#ffc107}.hero-video{position:relative;height:100vh;overflow:hidden}.background-video{width:100%;height:100%;object-fit:cover;position:absolute;top:0;left:0}.hero-content{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;color:#fff;z-index:10;width:90%;max-width:800px}.hero-content h1{font-size:48px;margin-bottom:20px;text-shadow:2px 2px 10px rgba(0,0,0,.5)}.hero-content p{font-size:24px;margin-bottom:30px;text-shadow:1px 1px 5px rgba(0,0,0,.5)}.btn{display:inline-block;background-color:#ffc107;color:#333;padding:12px 30px;border-radius:30px;text-decoration:none;font-weight:700;font-size:18px;transition:background-color .3s ease,transform .3s ease}.btn:hover{background-color:#ffca28;transform:translateY(-3px)}.projects{padding:80px 0;background-color:#f5f5f5}.projects h2{text-align:center;font-size:36px;margin-bottom:50px;color:#333}.projects-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(500px,1fr));gap:30px}.project-card{background-color:#fff;border-radius:8px;overflow:hidden;box-shadow:0 5px 15px #0000001a;transition:transform .3s ease,box-shadow .3s ease}.project-card:hover{transform:translateY(-5px);box-shadow:0 10px 20px #0000001a}.project-main{cursor:pointer}.project-image{height:300px;position:relative;overflow:hidden}.project-image img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.project-card:hover .project-image img{transform:scale(1.05)}.project-info{padding:20px}.project-info h3{margin-bottom:10px;font-size:24px}.expand-btn{background-color:transparent;border:none;color:#ffc107;font-weight:700;cursor:pointer;padding:5px 0;margin-top:10px;font-size:16px}.expand-btn:hover{text-decoration:underline}.project-details{padding:0 20px 20px}.full-description{margin-bottom:20px;line-height:1.8}.process{padding:80px 0;background-color:#fff}.process h2{text-align:center;font-size:36px;margin-bottom:50px;color:#333}.process-steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:30px}.step{text-align:center;transition:transform .3s ease}.step:hover{transform:scale(1.05)}.step-image-container{position:relative;overflow:hidden;border-radius:50%;width:200px;height:200px;margin:0 auto 1.5rem}.step-image{width:100%;height:100%;object-fit:cover}.step h3{margin-bottom:10px;font-size:24px}.step-number{position:absolute;width:40px;height:40px;border-radius:50%;background-color:#ffc107;color:#333;display:flex;justify-content:center;align-items:center;font-weight:700;font-size:20px;top:10px;right:10px;z-index:10}.footer{background-color:#333;color:#fff;padding:60px 0 20px}.footer-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:40px;margin-bottom:40px}.director-profile{display:flex;align-items:center}.director-image{width:100px;height:100px;border-radius:50%;overflow:hidden;margin-right:20px}.director-image img{width:100%;height:100%;object-fit:cover}.director-info h3{margin-bottom:5px;color:#ffc107}.contact-info h3{margin-bottom:15px;color:#ffc107}.copyright{text-align:center;border-top:1px solid rgba(255,255,255,.1);padding-top:20px;font-size:14px}@media (max-width: 992px){.projects-grid{grid-template-columns:1fr}.process-steps{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.hero-content h1{font-size:36px}.hero-content p{font-size:18px}.process-steps{grid-template-columns:1fr}.director-profile{flex-direction:column;text-align:center}.director-image{margin:0 auto 20px}}.project-image{position:relative;overflow:hidden}.image-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#000000b3;display:flex;justify-content:center;align-items:center;opacity:1;color:#fff;text-align:center}.step-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#0009;display:flex;justify-content:center;align-items:center;opacity:1;color:#fff;text-align:center}.step-overlay .step-number{position:absolute;width:40px;height:40px;border-radius:50%;background-color:#ffc107;color:#333;display:flex;justify-content:center;align-items:center;font-weight:700;font-size:1.2rem;top:20px;right:20px}.step-overlay .overlay-content h3{color:#fff;font-size:1.5rem;margin-top:1rem}.additional-images{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1rem;margin-top:1.5rem}.additional-image-container{position:relative;overflow:hidden;border-radius:4px;height:200px}.additional-image-container img{width:100%;height:100%;object-fit:cover}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}