*{
    margin:0;
    padding:0;
    box-sizing:border-box;
    font-family:'Poppins',sans-serif;
}

html{
    scroll-behavior:smooth;
}

body{
    background:#ffffff;
    color:#1f1f1f;
    overflow-x:hidden;
}

/* ========================================= */
/* TOP BAR */
/* ========================================= */

/* ===== PREMIUM GLASS TOP BAR ===== */

.top-bar{
    position:fixed;
    top:0;
    width:100%;
    height:52px;

    display:flex;
    align-items:center;
    justify-content:center;

    background:rgba(10,10,10,0.72);

    backdrop-filter:blur(14px);
    -webkit-backdrop-filter:blur(14px);

    border-bottom:1px solid rgba(255,255,255,0.06);

    color:white;

    font-size:12px;
    letter-spacing:4px;
    font-weight:500;

    z-index:5000;

    transition:0.4s ease;
}

/* subtle gold glow */
.top-bar::before{
    content:"";

    position:absolute;

    width:300px;
    height:120px;

    background:radial-gradient(circle,
    rgba(184,150,60,0.18),
    transparent 70%);

    top:-40px;
    left:50%;

    transform:translateX(-50%);
}

/* hover */
.top-bar:hover{
    background:rgba(15,15,15,0.82);
}

/* ========================================= */
/* NAVBAR */
/* ========================================= */

header{

    position:fixed;

    top:50px;

    width:100%;

    height:100px;

    display:flex;

    justify-content:space-between;

    align-items:center;

    padding:0 8%;

    background:
    rgba(255, 255, 255, 0.72);

    backdrop-filter:blur(16px);

    z-index:4000;

    border-bottom:
    1px solid rgba(0,0,0,0.04);
}

/* BRAND */

.brand{
    display:flex;
    align-items:center;
    gap:5px;
}

.brand img{
    height:100px;
    width:auto;
    object-fit:contain;
}

/* TEXT */
.text{
    display:flex;
    flex-direction:column;
    justify-content:center;
    line-height:1.1;
}

.text .main{
    font-size:18px;
    font-weight:600;
    letter-spacing:0.5px;
    color:#1d1d1d;
}

.text .sub{
    font-size:13px;
    color:#777;
    letter-spacing:0.3px;}

.brand img{
    height:100px;
    width:auto;
}

.text{

    display:flex;

    flex-direction:column;
}

.text .main{

    font-size:36px;

    font-weight:600;
}

.text .sub{

    font-size:18px;

    color:#777;
}

/* NAV */

nav{

    display:flex;

    align-items:center;
}

nav a{

    margin-left:40px;

    text-decoration:none;

    color:#333;

    font-size:14px;

    position:relative;

    transition:0.3s;
}

nav a::after{

    content:"";

    position:absolute;

    left:0;
    bottom:-6px;

    width:0%;

    height:2px;

    background:#b8963c;

    transition:0.3s;
}

nav a:hover::after{
    width:100%;
}

/* ================= HERO ================= */

.hero{

    width:90%;
    max-width:1450px;
    margin:auto;

    display:grid;

    grid-template-columns:45% 55%;

    align-items:center;

    gap:70px;

    padding:70px 0;

}


/* LEFT */

.hero-content h1{

    font-size:6rem;

    line-height:.95;

    margin:20px 0;

    font-weight:700;

}

.hero-tag{

    letter-spacing:5px;

    font-size:.8rem;

    color:#C9A33A;

}

.hero-content p{

    font-size:1.3rem;

    color:#555;

    line-height:1.8;

    max-width:520px;

    margin-bottom:40px;

}


/* BUTTONS */

.hero-buttons{

    display:flex;

    gap:18px;

}

.btn{

    padding:18px 42px;

    border-radius:50px;

    text-decoration:none;

    transition:.4s;

    font-weight:500;

}

.primary-btn{

    background:#111;

    color:white;

}

.primary-btn:hover{

    transform:translateY(-4px);

}

.secondary-btn{

    border:1px solid #ddd;

    color:#111;

}

.secondary-btn:hover{

    background:#111;

    color:white;

}


/* RIGHT SIDE */

.hero-gallery{

    display:flex;

    flex-direction:column;

    gap:22px;

}


/* BIG IMAGE */

.hero-main{

    height:430px;

    border-radius:28px;

    overflow:hidden;

    box-shadow:0 25px 60px rgba(0,0,0,.08);

}

.hero-main img{

    width:100%;

    height:100%;

    object-fit:cover;

    transition:.8s;

}

.hero-main:hover img{

    transform:scale(1.05);

}


/* SMALL IMAGES */

.hero-bottom{

    display:grid;

    grid-template-columns:1fr 1fr;

    gap:22px;

}

.hero-small{

    height:220px;

    border-radius:24px;

    overflow:hidden;

    box-shadow:0 18px 45px rgba(0,0,0,.08);

}

.hero-small img{

    width:100%;

    height:100%;

    object-fit:cover;

    transition:.8s;

}

.hero-small:hover img{

    transform:scale(1.05);

}


/* RESPONSIVE */

@media(max-width:1000px){

.hero{

grid-template-columns:1fr;

}

.hero-content{

text-align:center;

}

.hero-content p{

margin:auto;
margin-bottom:35px;

}

.hero-buttons{

justify-content:center;

}

.hero-content h1{

font-size:4rem;

}

}

/* Floating Card */

.floating-card{

    position:absolute;

    left:-55px;

    bottom:35px;

    width:290px;

    background:rgba(255,255,255,.92);

    backdrop-filter:blur(20px);

    padding:32px;

    border-radius:24px;

    box-shadow:0 25px 70px rgba(0,0,0,.12);

}

.floating-card span{

    color:#b8963c;

    font-size:11px;

    letter-spacing:3px;

}

.floating-card h3{

    margin-top:16px;

    font-size:48px;

    line-height:1.05;

    font-family:"Cormorant Garamond",serif;

    font-weight:500;

}


/* Hover */

.hero-column:hover{

    transform:translateY(-8px);

    transition:.4s;

}
/* ========================================= */
/* FLOATING CARD */
/* ========================================= */

.floating-card{

    position:absolute;

    left:-70px;

    bottom:35px;

    width:270px;

    padding:34px;

    background:rgba(255,255,255,.94);

    backdrop-filter:blur(18px);

    border-radius:28px;

    box-shadow:
    0 20px 60px rgba(0,0,0,.10);

    z-index:100;

}

.floating-card span{

    color:#b8963c;

    font-size:11px;

    letter-spacing:3px;

}

.floating-card h3{

    margin-top:18px;

    font-size:54px;

    line-height:1.02;

    font-family:"Cormorant Garamond",serif;

    font-weight:400;

    color:#222;

}
/* ================= FLOAT CARD ================= */

.floating-card{

position:absolute;

left:-40px;

bottom:35px;

width:250px;

padding:28px;

background:rgba(255,255,255,.92);

backdrop-filter:blur(16px);

border-radius:26px;

box-shadow:0 20px 60px rgba(0,0,0,.08);

z-index:20;

}

.floating-card span{

font-size:11px;

letter-spacing:3px;

color:#b8963c;

}

.floating-card h3{

margin-top:14px;

font-size:52px;

line-height:1;

font-family:"Cormorant Garamond",serif;

font-weight:400;

color:#222;

}
/* ========================================= */
/* ABOUT */
/* ========================================= */

.about-section{

    padding:140px 8%;

    display:flex;

    justify-content:space-between;

    gap:80px;
}

.about-left{

    flex:1;
}

.about-left h2{

    font-size:56px;

    line-height:1.15;

    margin-top:20px;
}

.about-right{

    flex:1;
}

.about-right p{

    color:#666;

    line-height:2;

    margin-bottom:25px;
}
/* ===== FACTORY SECTION ===== */

.factory-section{
    display:grid;
    grid-template-columns:1.1fr 1fr;
    align-items:center;

    background:#0a0a0a;
    color:white;

    overflow:hidden;
}

/* IMAGE */
.factory-image{
    height:700px;
    overflow:hidden;
}

.factory-image img{
    width:100%;
    height:100%;
    object-fit:cover;

    transition:1.2s ease;
}

.factory-section:hover .factory-image img{
    transform:scale(1.05);
}

/* CONTENT */
.factory-content{
    padding:90px;
    position:relative;
}

/* subtle gold glow */
.factory-content::before{
    content:"";
    position:absolute;

    width:350px;
    height:350px;

    background:radial-gradient(circle,
    rgba(184,150,60,0.15),
    transparent);

    top:-120px;
    right:-120px;
}

/* small tag */
.factory-tag{
    color:#b8963c;
    letter-spacing:3px;
    font-size:12px;
}

/* heading */
.factory-content h2{
    font-size:54px;
    line-height:1.1;

    margin:25px 0;

    font-weight:600;
}

/* paragraph */
.factory-content p{
    color:#cfcfcf;
    line-height:1.9;

    margin-bottom:40px;

    max-width:500px;
}

/* points */
.factory-points{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:20px;
}

.factory-points div{
    border:1px solid rgba(255,255,255,0.08);

    padding:18px 20px;

    background:rgba(255,255,255,0.03);

    backdrop-filter:blur(10px);

    transition:0.4s;
}

.factory-points div:hover{
    border-color:#b8963c;

    transform:translateY(-5px);
}

/* mobile */
@media(max-width:1000px){

    .factory-section{
        grid-template-columns:1fr;
    }

    .factory-image{
        height:450px;
    }

    .factory-content{
        padding:60px 30px;
    }

    .factory-content h2{
        font-size:40px;
    }

    .factory-points{
        grid-template-columns:1fr;
    }

}
/* ===== FACTORY IMAGE SLIDER ===== */

.factory-image{
    position:relative;
    height:700px;
    overflow:hidden;
}

/* slides */
.factory-slide{
    position:absolute;
    width:100%;
    height:100%;

    opacity:0;

    transition:1.5s ease;
}

.factory-slide.active{
    opacity:1;
    z-index:2;
}

/* images */
.factory-slide img{
    width:100%;
    height:100%;
    object-fit:cover;

    animation:factoryZoom 14s ease infinite;
}

/* cinematic zoom */
@keyframes factoryZoom{

    0%{
        transform:scale(1);
    }

    50%{
        transform:scale(1.06);
    }

    100%{
        transform:scale(1);
    }
}
/* ===== STUDIO SECTION ===== */

.studio-section{
    display:grid;
    grid-template-columns:1fr 1.1fr;

    align-items:center;

    background:#f7f7f7;

    overflow:hidden;
}

/* CONTENT */
.studio-content{
    padding:90px;
    position:relative;
}

.studio-content::before{
    content:"";

    position:absolute;

    width:300px;
    height:300px;

    background:radial-gradient(circle,
    rgba(184,150,60,0.12),
    transparent);

    bottom:-100px;
    left:-100px;
}

/* TAG */
.studio-tag{
    color:#b8963c;
    letter-spacing:3px;
    font-size:12px;
}

/* HEADING */
.studio-content h2{
    font-size:54px;
    line-height:1.1;

    margin:25px 0;

    color:#111;
}

/* TEXT */
.studio-content p{
    color:#666;
    line-height:1.9;

    margin-bottom:40px;

    max-width:500px;
}

/* POINTS */
.studio-points{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:20px;
}

.studio-points div{
    padding:18px 20px;

    border:1px solid rgba(0,0,0,0.06);

    background:white;

    transition:0.4s;
}

.studio-points div:hover{
    border-color:#b8963c;

    transform:translateY(-5px);
}

/* IMAGE */
.studio-image{
    height:700px;
    overflow:hidden;
}

.studio-image img{
    width:100%;
    height:100%;
    object-fit:cover;

    transition:1s ease;
}

.studio-section:hover .studio-image img{
    transform:scale(1.05);
}

/* MOBILE */
@media(max-width:1000px){

    .studio-section{
        grid-template-columns:1fr;
    }

    .studio-content{
        padding:60px 30px;
    }

    .studio-content h2{
        font-size:40px;
    }

    .studio-image{
        height:450px;
    }

    .studio-points{
        grid-template-columns:1fr;
    }

}
/* ========================================= */
/* SECTION HEAD */
/* ========================================= */

.section-head{

    text-align:center;

    margin-bottom:90px;
}

.section-tag{

    color:#b8963c;

    letter-spacing:4px;

    font-size:11px;
}

.section-head h2{

    font-size:54px;

    margin-top:20px;
}

/* ========================================= */
/* COLLECTION */
/* ========================================= */
.collection-section{
    padding:30px 0 30px;
}

.collection-grid{

    display:grid;

    grid-template-columns:
    repeat(auto-fit,minmax(320px,1fr));

    gap:40px;
}

.collection-card{

    position:relative;

    height:500px;

    overflow:hidden;

    border-radius:28px;

    cursor:pointer;
}

.collection-card img{

    width:100%;
    height:100%;

    object-fit:cover;

    transition:1s;
}

.collection-card:hover img{

    transform:scale(1.08);
}

.collection-content{

    position:absolute;

    bottom:0;

    width:100%;

    padding:40px;

    color:white;

    background:
    linear-gradient(
        to top,
        rgba(0,0,0,0.65),
        transparent
    );
}

.collection-content span{

    letter-spacing:3px;

    font-size:11px;
}

.collection-content h3{

    margin-top:10px;

    font-size:34px;
}
/* ==============================
   PRODUCTS SECTION
=================================*/

.products-grid{
    width:90%;
    margin:120px auto;
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:70px 55px;
}


/* ==============================
      PRODUCT
=================================*/

.product{
    display:flex;
    flex-direction:column;
    cursor:pointer;
}


/* ==============================
      IMAGE
=================================*/

.product-image{

    position:relative;
    width:100%;
    height:420px;

    overflow:hidden;
    border-radius:12px;

    background:#fafafa;

}


.product-image img{

    position:absolute;
    width:100%;
    height:100%;
    object-fit:cover;

    transition:.65s ease;

}


/* OFF IMAGE */

.product-image .off{

    opacity:1;

}


/* ON IMAGE */

.product-image .on{

    opacity:0;

}


/* Hover */

.product:hover .off{

    opacity:0;
    transform:scale(1.06);

}

.product:hover .on{

    opacity:1;
    transform:scale(1.06);

}


/* =====================================
        DETAILS
======================================*/

.product-details{

    margin-top:28px;

}


.product-details span{

    font-size:11px;

    letter-spacing:4px;

    color:#b78a33;

    text-transform:uppercase;

}


.product-details h2{

    margin:10px 0;

    font-size:38px;

    font-weight:600;

    color:#111;

    transition:.35s;

}


.product-details p{

    color:#666;

    font-size:15px;

    letter-spacing:.3px;

    margin-bottom:24px;

}


/* =====================================
       Explore
======================================*/

.product-details a{

    text-decoration:none;

    color:#111;

    font-size:15px;

    font-weight:500;

    letter-spacing:1px;

    transition:.35s;

    position:relative;

}


.product-details a::after{

    content:"";

    position:absolute;

    left:0;
    bottom:-8px;

    width:0;

    height:2px;

    background:#b78a33;

    transition:.4s;

}


.product:hover a{

    color:#b78a33;

    padding-left:12px;

}


.product:hover a::after{

    width:100%;

}


.product:hover h2{

    color:#b78a33;

}



/* =====================================
        IMAGE GLOW
======================================*/

.product:hover .product-image{

    box-shadow:

    0 25px 60px rgba(0,0,0,.12),

    0 0 35px rgba(205,170,85,.28);

}



/* =====================================
        RESPONSIVE
======================================*/

@media(max-width:1200px){

.products-grid{

grid-template-columns:repeat(2,1fr);

}

}



@media(max-width:768px){

.products-grid{

grid-template-columns:1fr;

width:92%;

gap:55px;

}

.product-image{

height:360px;

}

.product-details h2{

font-size:30px;

}

}

/* ========================================= */
/* PROJECTS */
/* ========================================= */

.projects-section{

    padding:140px 8%;
}

.project-row{

    display:flex;

    align-items:center;

    gap:90px;

    margin-bottom:160px;
}

.project-row.reverse{

    flex-direction:row-reverse;
}

.project-image{

    flex:1;

    overflow:hidden;

    border-radius:30px;

    box-shadow:
    0 40px 100px rgba(0,0,0,0.08);
}

.project-image img{

    width:100%;
    height:700px;

    object-fit:cover;

    transition:1s;
}

.project-row:hover img{

    transform:scale(1.06);
}

.project-text{

    flex:1;

    position:relative;
}

.project-text span{

    position:absolute;

    top:-100px;

    font-size:180px;

    opacity:0.05;

    font-weight:600;
}

.project-text h3{

    font-size:58px;

    line-height:1.1;
}

.project-text p{

    margin-top:30px;

    line-height:2;

    color:#666;

    max-width:520px;
}

/* ========================================= */
/* STATS */
/* ========================================= */

/* ===== PREMIUM STATS SECTION ===== */
/* ===== ULTRA PREMIUM STATS ===== */

.stats{
    background:#050505;
    padding:100px 60px;
    position:relative;
    overflow:hidden;
}

/* subtle premium gold light */
.stats::before{
    content:"";
    position:absolute;
    width:700px;
    height:700px;
    background:radial-gradient(circle, rgba(184,150,60,0.12), transparent 70%);
    top:-300px;
    right:-200px;
}

/* container */
.stats-container{
    max-width:1300px;
    margin:auto;

    display:grid;
    grid-template-columns:repeat(3,1fr);

    align-items:center;
    gap:20px;

    position:relative;
    z-index:2;
}

/* each box */
.stat-box{
    text-align:center;
    padding:20px 10px;
    position:relative;
}

/* separators */
.stat-box:not(:last-child)::after{
    content:"";
    position:absolute;
    right:0;
    top:50%;
    transform:translateY(-50%);
    width:1px;
    height:120px;
    background:rgba(255,255,255,0.08);
}

/* numbers */
.stat-box h1{
    font-size:110px;
    line-height:1;
    color:#b8963c;
    font-weight:600;
    letter-spacing:2px;

    text-shadow:0 0 25px rgba(184,150,60,0.15);
}

/* labels */
.stat-box p{
    margin-top:18px;
    color:#d6d6d6;
    font-size:18px;
    letter-spacing:1px;
    font-weight:300;
}

/* hover effect */
.stat-box{
    transition:0.4s ease;
}

.stat-box:hover{
    transform:translateY(-8px);
}

/* mobile */
@media(max-width:900px){

    .stats-container{
        grid-template-columns:1fr;
        gap:60px;
    }

    .stat-box:not(:last-child)::after{
        display:none;
    }

    .stat-box h1{
        font-size:80px;
    }
}
/* ========================================= */
/* CONTACT */
/* ========================================= */

.contact-section{

    padding:140px 8%;

    display:flex;

    justify-content:space-between;

    gap:80px;

    background:
    linear-gradient(
        135deg,
        #f0f0ed,
        #ffffff
    );
}

.contact-left{

    flex:1;
}

.contact-left h2{

    font-size:58px;

    line-height:1.1;

    margin-top:20px;
}

.contact-left p{

    margin-top:25px;

    color:#666;

    line-height:1.9;
}

.contact-form{

    flex:1;

    background:white;

    padding:50px;

    border-radius:30px;

    box-shadow:
    0 30px 80px rgba(0,0,0,0.06);
}

.input-group{

    position:relative;

    margin-bottom:30px;
}

.input-group input,
.input-group textarea{

    width:100%;

    padding:18px;

    border-radius:12px;

    border:1px solid #ddd;

    outline:none;
}

.input-group label{

    position:absolute;

    top:18px;
    left:18px;

    color:#777;

    transition:0.3s;

    background:white;

    padding:0 5px;
}

.input-group input:focus + label,
.input-group textarea:focus + label,
.input-group input:valid + label,
.input-group textarea:valid + label{

    top:-8px;

    font-size:11px;

    color:#b8963c;
}

/* ========================================= */
/* MODAL */
/* ========================================= */

.modal{

    display:none;

    position:fixed;

    width:100%;
    height:100%;

    background:
    rgba(0,0,0,0.5);

    justify-content:center;

    align-items:center;

    z-index:10000;
}

.modal.active{

    display:flex;
}

.modal-box{

    background:white;

    padding:50px;

    border-radius:24px;

    text-align:center;

    position:relative;
}

.close{

    position:absolute;

    right:20px;
    top:15px;

    cursor:pointer;
}

.download-btn{

    display:inline-block;

    margin-top:20px;

    padding:14px 28px;

    background:#1f1f1f;

    color:white;

    border-radius:10px;

    text-decoration:none;
}

/* ========================================= */
/* FADE */
/* ========================================= */

.fade{

    opacity:0;

    transform:translateY(40px);

    transition:1s;
}

.fade.show{

    opacity:1;

    transform:translateY(0px);
}
/* ========================================= */
/* PRODUCTS */
/* ========================================= */

.products-page{
    padding:140px 8%;
    background:#f7f7f5;
}

.products-hero{
    text-align:center;
    margin-bottom:120px;
}

.products-hero h1{
    font-size:72px;
    margin-top:20px;
}

.products-hero p{
    max-width:700px;
    margin:25px auto 0;
    color:#666;
    line-height:1.9;
}

.product-category{
    margin-bottom:150px;
}

.category-top{
    display:flex;
    justify-content:space-between;
    gap:60px;
    margin-bottom:60px;
}

.category-top h2{
    font-size:56px;
    line-height:1;
}

.category-top p{
    max-width:500px;
    color:#666;
    line-height:1.9;
}

.product-grid{
    display:grid;
    grid-template-columns:
    repeat(auto-fit,minmax(300px,1fr));
    gap:35px;
}

.product-card{
    background:white;
    border-radius:28px;
    overflow:hidden;
    padding:35px;
    position:relative;
    transition:0.5s;
    box-shadow:
    0 10px 30px rgba(0,0,0,0.04);
}

.product-card:hover{
    transform:translateY(-12px);
    box-shadow:
    0 30px 60px rgba(0,0,0,0.08);
}

.product-image{
    height:240px;
    display:flex;
    align-items:center;
    justify-content:center;
}

.product-image img{
    width:100%;
    max-width:240px;
    object-fit:contain;
    transition:0.6s;
}

.product-card:hover img{
    transform:scale(1.08);
}

.product-info h3{
    font-size:32px;
    margin-top:20px;
}

.product-info p{
    color:#666;
    line-height:1.8;
    margin-top:12px;
}

.product-specs{
    display:flex;
    flex-wrap:wrap;
    gap:10px;
    margin-top:22px;
}

.product-specs span{
    padding:10px 16px;
    background:#f3f3f3;
    border-radius:50px;
    font-size:13px;
}

/* ========================================= */
/* VIEW PRODUCTS BUTTON */
/* ========================================= */

.view-products-btn{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    margin-top:45px;

    padding:18px 34px;

    border-radius:60px;

    text-decoration:none;

    color:#111;

    font-size:14px;

    letter-spacing:2px;

    background:
    rgba(255,255,255,0.7);

    backdrop-filter:blur(14px);

    border:
    1px solid rgba(0,0,0,0.06);

    box-shadow:
    0 10px 30px rgba(0,0,0,0.05);

    transition:0.5s;
}

.view-products-btn::after{

    content:"→";

    margin-left:12px;

    transition:0.4s;
}

.view-products-btn:hover{

    transform:
    translateY(-6px);

    background:#111;

    color:white;

    box-shadow:
    0 25px 50px rgba(0,0,0,0.12);
}

.view-products-btn:hover::after{

    transform:translateX(6px);
}
/* ========================================= */
/* VIEW PRODUCTS BUTTON */
/* ========================================= */

.view-products-btn{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    margin-top:45px;

    padding:18px 34px;

    border-radius:60px;

    text-decoration:none;

    color:#111;

    font-size:14px;

    letter-spacing:2px;

    background:
    rgba(255,255,255,0.75);

    backdrop-filter:blur(14px);

    border:
    1px solid rgba(0,0,0,0.06);

    box-shadow:
    0 10px 30px rgba(0,0,0,0.05);

    transition:0.5s;
}

.view-products-btn::after{

    content:"→";

    margin-left:12px;

    transition:0.4s;
}

.view-products-btn:hover{

    transform:
    translateY(-6px);

    background:#111;

    color:white;

    box-shadow:
    0 25px 50px rgba(0,0,0,0.12);
}

.view-products-btn:hover::after{

    transform:translateX(6px);
}
/* ===== PREMIUM CATALOG FORM ===== */

.modal-box form{
    margin-top:30px;
}

/* INPUT GROUP */
.modal-box .input-group{
    position:relative;
    margin-bottom:22px;
}

/* INPUTS */
.modal-box input{
    width:100%;

    padding:16px;

    border-radius:10px;

    border:1px solid rgba(255,255,255,0.08);

    background:#f8f8f8;

    outline:none;

    transition:0.3s;
}

/* focus */
.modal-box input:focus{
    border-color:#b8963c;

    box-shadow:0 0 0 4px rgba(184,150,60,0.12);
}

/* labels */
.modal-box label{
    position:absolute;

    top:16px;
    left:16px;

    color:#777;

    transition:0.3s;

    background:white;

    padding:0 6px;
}

/* floating */
.modal-box input:focus + label,
.modal-box input:valid + label{

    top:-8px;

    font-size:11px;

    color:#b8963c;
}

/* BUTTON */
.download-btn{
    width:100%;

    padding:16px;

    border:none;

    background:#111;

    color:white;

    border-radius:10px;

    letter-spacing:1px;

    cursor:pointer;

    transition:0.4s;
}

.download-btn:hover{
    background:#b8963c;

    transform:translateY(-2px);
}
/* ===== PREMIUM FOOTER ===== */
.footer{
    background:
    linear-gradient(
    135deg,
    #6e6764,
    #5f5a57);

    position:relative;
}

/* luxury glow */
.footer::after{
    content:"";

    position:absolute;

    width:500px;
    height:500px;

    background:radial-gradient(
    circle,
    rgba(184,150,60,0.15),
    transparent);

    right:-150px;
    top:-150px;

    pointer-events:none;
}

.footer{
    background:#706a67;

    padding:100px 80px 40px;

    color:white;

    position:relative;

    overflow:hidden;
}

/* subtle glow */
.footer::before{
    content:"";

    position:absolute;

    width:500px;
    height:500px;

    background:radial-gradient(circle,
    rgba(184,150,60,0.12),
    transparent);

    top:-250px;
    right:-200px;
}

/* CONTAINER */
.footer-container{
    display:grid;

    grid-template-columns:
    1fr 1fr 1.5fr;

    gap:80px;
}

/* COLUMN */
.footer-column{
    display:flex;
    flex-direction:column;
}

/* HEADING */
.footer-column h4{
    font-size:18px;

    margin-bottom:30px;

    position:relative;
}

/* top line */
.footer-column h4::before{
    content:"";

    position:absolute;

    width:60px;
    height:2px;

    background:white;

    top:-15px;
    left:0;
}

/* LINKS */
.footer-column a{
    color:#ececec;

    text-decoration:none;

    margin-bottom:18px;

    transition:0.3s;
}

.footer-column a:hover{
    color:#b8963c;

    transform:translateX(5px);
}

/* BIG SECTION */
.footer-big h2{
    font-size:56px;

    line-height:1.1;

    margin-bottom:25px;
}

.footer-big p{
    color:#ececec;

    max-width:420px;

    line-height:1.8;

    margin-bottom:35px;
}

/* SOCIALS */
.footer-socials{
    display:flex;
    gap:18px;
    margin-top:30px;
}

.footer-socials a{
    width:60px;
    height:60px;

    border-radius:50%;

    display:flex;
    align-items:center;
    justify-content:center;

    background:rgba(255,255,255,0.08);

    border:1px solid rgba(255,255,255,0.15);

    color:#ffffff;

    font-size:24px;

    text-decoration:none;

    transition:0.4s;
}

/* ICONS */
.footer-socials i{
    color:#ffffff;
}

/* HOVER */
.footer-socials a:hover{
    background:#b8963c;

    transform:
    translateY(-5px)
    scale(1.08);

    box-shadow:
    0 10px 30px rgba(184,150,60,0.35);
}
/* ========================= */
/* MARQUEE */
/* ========================= */

.footer-marquee{
    background:#0f0f0f;
    overflow:hidden;
    padding:18px 0;
    white-space:nowrap;
}

.footer-marquee-track{

    display:inline-block;

    color:#b8963c;

    font-size:15px;

    font-weight:600;

    letter-spacing:4px;

    text-transform:uppercase;

    animation:marquee 25s linear infinite;
}

@keyframes marquee{

    from{
        transform:translateX(0);
    }

    to{
        transform:translateX(-50%);
    }

}

/* ========================= */
/* CTA CARD */
/* ========================= */
.footer::after{

    content:"KMS";

    position:absolute;

    right:40px;

    bottom:40px;

    font-size:260px;

    font-weight:700;

    color:white;

    opacity:0.025;

    pointer-events:none;

    line-height:1;
}
.footer-big{
    position:relative;
}

.footer-cta{

    background:rgba(255,255,255,0.05);

    backdrop-filter:blur(15px);

    border:1px solid rgba(255,255,255,0.08);

    border-radius:25px;

    padding:45px;

    position:relative;

    overflow:hidden;
}

.footer-cta::before{

    content:"";

    position:absolute;

    width:250px;
    height:250px;

    background:radial-gradient(
        circle,
        rgba(184,150,60,0.18),
        transparent
    );

    top:-120px;
    right:-100px;
}

.footer-cta h2{

    font-size:52px;

    line-height:1.1;

    margin-bottom:20px;

    color:white;
}

.footer-cta p{

    color:#e6e6e6;

    line-height:1.8;

    margin-bottom:35px;

    max-width:450px;
}

/* BUTTONS */

.footer-buttons{

    display:flex;

    gap:15px;

    flex-wrap:wrap;
}

.footer-btn{

    background:#b8963c;

    color:white;

    text-decoration:none;

    padding:14px 30px;

    border-radius:40px;

    transition:.3s;
}

.footer-btn:hover{

    transform:translateY(-3px);

    box-shadow:0 10px 25px rgba(184,150,60,.3);
}

.footer-btn-outline{

    border:1px solid rgba(255,255,255,.2);

    color:white;

    text-decoration:none;

    padding:14px 30px;

    border-radius:40px;

    transition:.3s;
}

.footer-btn-outline:hover{

    background:white;

    color:black;
}
/* ========================= */
/* MARQUEE */
/* ========================= */

.footer-marquee{
    background:#0a0a0a;
    overflow:hidden;
    padding:14px 0;
    white-space:nowrap;
}

.footer-marquee-track{

    display:inline-block;

    color:#b8963c;

    font-size:14px;

    font-weight:600;

    letter-spacing:4px;

    animation:marquee 25s linear infinite;
}

@keyframes marquee{

    from{
        transform:translateX(0);
    }

    to{
        transform:translateX(-50%);
    }

}

/* ========================= */
/* FOOTER */
/* ========================= */

.footer{

    background:linear-gradient(
    135deg,
    #5f5a57,
    #4f4a47);

    padding:90px 80px 40px;

    position:relative;

    overflow:hidden;

    color:white;
}

/* KMS WATERMARK */

.footer::after{

    content:"KMS";

    position:absolute;

    right:40px;

    bottom:30px;

    font-size:240px;

    font-weight:700;

    opacity:0.03;

    pointer-events:none;
}

/* GRID */

.footer-container{

    display:grid;

    grid-template-columns:
    1fr 1fr 1.5fr;

    gap:80px;
}

/* COLUMN */

.footer-column{

    display:flex;

    flex-direction:column;
}

.footer-column h4{

    font-size:22px;

    margin-bottom:30px;

    position:relative;
}

.footer-column h4::before{

    content:"";

    position:absolute;

    width:60px;

    height:2px;

    background:white;

    top:-15px;

    left:0;
}

/* LINKS */

.footer-column a{

    color:#ececec;

    text-decoration:none;

    margin-bottom:18px;

    transition:.3s;
}

.footer-column a:hover{

    color:#b8963c;

    transform:translateX(5px);
}

/* CTA CARD */

.footer-cta{

    background:white;

    border-radius:25px;

    padding:45px;

    box-shadow:
    0 20px 60px rgba(0,0,0,.1);
}

.footer-cta h2{

    color:#111;

    font-size:48px;

    line-height:1.1;

    margin-bottom:20px;
}

.footer-cta p{

    color:#666;

    line-height:1.8;

    margin-bottom:30px;
}

/* BUTTONS */

.footer-buttons{

    display:flex;

    gap:15px;

    flex-wrap:wrap;
}

.footer-btn{

    background:#b8963c;

    color:white;

    text-decoration:none;

    padding:14px 28px;

    border-radius:40px;

    transition:.3s;
}

.footer-btn:hover{

    transform:translateY(-3px);
}

.footer-btn-outline{

    border:1px solid #ddd;

    color:#111;

    text-decoration:none;

    padding:14px 28px;

    border-radius:40px;

    transition:.3s;
}

.footer-btn-outline:hover{

    background:#111;

    color:white;
}

/* CONTACT */

.footer-contact-mini{

    display:flex;

    flex-direction:column;

    gap:10px;

    margin-top:25px;

    color:#666;

    font-size:14px;
}

/* BOTTOM */

.footer-bottom{

    margin-top:60px;

    padding-top:25px;

    border-top:1px solid rgba(255,255,255,.1);

    display:flex;

    justify-content:space-between;

    align-items:center;
}

/* MOBILE */

@media(max-width:1000px){

    .footer{

        padding:70px 30px 30px;
    }

    .footer-container{

        grid-template-columns:1fr;

        gap:50px;
    }

    .footer-cta h2{

        font-size:38px;
    }

    .footer-bottom{

        flex-direction:column;

        gap:15px;

        text-align:center;
    }
}
.lux-footer{

    background:#0f0f0f;

    color:white;

    padding:80px 10% 35px;
}

.footer-top{

    text-align:center;

    margin-bottom:60px;
}

.footer-top h2{

    font-size:42px;

    font-weight:600;

    margin-bottom:15px;

    letter-spacing:1px;
}

.footer-top p{

    color:#bdbdbd;

    max-width:600px;

    margin:auto;

    line-height:1.8;
}

.footer-grid{

    display:grid;

    grid-template-columns:
    repeat(3,1fr);

    gap:80px;

    margin-bottom:60px;
}

.footer-grid h3{

    color:#c7a03d;

    margin-bottom:25px;

    font-size:18px;

    letter-spacing:1px;
}

.footer-grid a{

    display:block;

    color:#d7d7d7;

    text-decoration:none;

    margin-bottom:15px;

    transition:.3s;
}

.footer-grid a:hover{

    color:#c7a03d;

    transform:translateX(5px);
}

.socials{

    margin-top:25px;
}

.footer-bottom{

    border-top:
    1px solid rgba(255,255,255,.1);

    padding-top:25px;

    display:flex;

    justify-content:space-between;

    flex-wrap:wrap;

    color:#9a9a9a;

    font-size:14px;

    letter-spacing:1px;
}
/* ===========================
   DIRECTOR SECTION
=========================== */

.director-section{

    display:grid;
    grid-template-columns:1fr 1fr;

    align-items:center;

    gap:80px;

    padding:120px 10%;

    background:#ffffff;
}

.director-image{

    overflow:hidden;

    border-radius:30px;
}

.director-image img{

    width:100%;

    display:block;

    transition:.6s;
}

.director-image:hover img{

    transform:scale(1.05);
}

.director-content .section-tag{

    color:#c9a13a;

    letter-spacing:4px;

    font-size:13px;

    font-weight:600;
}

.director-content h2{

    font-size:64px;

    line-height:1.1;

    color:#111;

    margin:20px 0 30px;
}

.director-content p{

    color:#666;

    line-height:1.9;

    margin-bottom:25px;

    font-size:18px;
}

.director-sign{

    margin-top:40px;

    padding-left:20px;

    border-left:4px solid #c9a13a;
}

.director-sign h4{

    color:#111;

    margin-bottom:5px;

    font-size:22px;
}

.director-sign span{

    color:#777;
}

/* MOBILE */

@media(max-width:900px){

.director-section{

    grid-template-columns:1fr;

    gap:50px;
}

.director-content h2{

    font-size:42px;
}

}
/* ==========================
   PROJECTS PREVIEW
========================== */

.projects-preview{

    display:grid;

    grid-template-columns:1fr 1fr;

    gap:80px;

    align-items:center;

    padding:120px 10%;

    background:#f8f8f8;
}

.projects-tag{

    color:#c9a13a;

    letter-spacing:4px;

    font-size:14px;

    font-weight:600;
}

.projects-content h2{

    font-size:72px;

    line-height:1.05;

    margin:20px 0;

    color:#111;
}

.projects-content p{

    color:#666;

    line-height:1.9;

    max-width:500px;

    margin-bottom:35px;
}

.projects-btn{

    display:inline-block;

    padding:15px 40px;

    background:#111;

    color:white;

    text-decoration:none;

    border-radius:50px;

    transition:.4s;
}

.projects-btn:hover{

    background:#c9a13a;

    transform:translateY(-4px);
}

.projects-image{

    overflow:hidden;

    border-radius:30px;
}

.projects-image img{

    width:100%;

    display:block;

    transition:.6s;
}

.projects-image:hover img{

    transform:scale(1.05);
}

/* MOBILE */

@media(max-width:900px){

.projects-preview{

    grid-template-columns:1fr;

    gap:50px;
}

.projects-content h2{

    font-size:46px;
}

}