body {margin:0;font-family:'Montserrat',sans-serif;background:#f8f8f8;color:#333;}
    *{box-sizing:border-box}
    h2{text-align:center;margin:30px 0;color:#1d2d22}

.hero-section {
    position: relative;
    height: 100vh;
    overflow: hidden;
}

.video-container {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.background-video {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.video-container {
    background: url("images/hero-poster.png") center/cover no-repeat;
}

.hero-overlay {
    position: relative;
    z-index: 2;
    text-align: center;
    color: #fff;
    top: 40%;
}

    /* Filter Bar */
    .sticky-filters{position:sticky;top:65px;z-index:999;background:#fff;padding:10px;border-bottom:1px solid #ddd;text-align:center}
    .filter-btn{background:transparent;color:#000;border:1.5px solid #c9a22d;padding:8px 18px;margin:5px;border-radius:50px;cursor:pointer;transition:.3s;font-size:14px}
    .filter-btn.active,.filter-btn:hover{background:#c9a22d;color:#000}

    /* Projects */
    .project-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:25px;max-width:1200px;margin:auto;padding:20px}
    .project-card{background:#fff;border-radius:10px;overflow:hidden;text-decoration:none;color:#000;box-shadow:0 2px 6px rgba(0,0,0,.08);transition:.3s;}
    .img-wrap img{width:100%;height:220px;object-fit:cover;transition:transform .5s}
    .project-card:hover .img-wrap img{transform:scale(1.05)}
    .project-card .info{padding:15px;}
    .project-card h3{color:#c9a22d;margin:0 0 8px;font-size:18px}
    .project-card p{font-size:14px;color:#444;margin:0 0 10px}
    .project-card span{font-size:12px;color:#666}
    .project-card:hover{transform:translateY(-5px);box-shadow:0 6px 15px rgba(0,0,0,.15)}
.project-card {
    opacity: 1 !important;
    transform: translateY(0) !important;
}

    /* Carousel */
    .carousel-section{padding:50px 20px;text-align:center}
    .carousel{overflow:hidden;max-width:1200px;margin:auto}
    .carousel-track{display:flex;gap:20px;animation:scroll 40s linear infinite}
    .carousel-card{min-width:280px;background:#fff;border:1px solid #ddd;border-radius:10px;padding:20px;box-shadow:0 2px 6px rgba(0,0,0,.08)}
    .carousel-card img{width:100%;border-radius:8px;margin-bottom:10px}
    @keyframes scroll{from{transform:translateX(0);}to{transform:translateX(-50%);}}
    .fade-in.visible{opacity:1;transform:translateY(0);transition:opacity 0.6s ease, transform 0.6s ease}

     /* Modal */
    .modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.6);justify-content:center;align-items:center;z-index:2000}
    .modal-content{background:#fff;padding:20px;border-radius:8px;max-width:400px;width:90%;position:relative}
    .modal-content h2{margin-top:0;color:#1d2d22}
    .modal-content input,.modal-content textarea{width:100%;padding:8px;border:1px solid #ccc;border-radius:4px;margin-bottom:10px}
    .modal-content button{background:#c9a22d;border:none;padding:10px 20px;color:#000;font-weight:600;border-radius:30px;cursor:pointer}
    .close{position:absolute;top:10px;right:15px;cursor:pointer;font-size:20px}

    a
    {
        text-decoration:none;
    }