*{
    margin:0;
    padding:0;
    box-sizing:border-box;
}

html{
    scroll-behavior:smooth;
}

body{
    font-family:'Inter',sans-serif;
    background:#0d0d0d;
    color:white;
    overflow-x:hidden;
}

/* HERO */

.hero{

    min-height:92vh;

    background:
    linear-gradient(rgba(0,0,0,0.60),
    rgba(0,0,0,0.72)),
    url('../images/photo1.jpg');

    background-size:cover;
    background-position:center;

    padding:18px 60px 60px;
}

/* NAVBAR */

.navbar{

    width:100%;

    height:78px;

    display:flex;

    justify-content:space-between;

    align-items:center;

    padding:0 28px;

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

    backdrop-filter:blur(12px);

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

    border-radius:18px;

    position:relative;

    z-index:1000;
}

/* LOGO */

.logo{

    display:flex;

    align-items:center;

    justify-content:center;
}

.logo img{

    width:200px;

    object-fit:contain;

    display:block;
}
/* NAV LINKS */

.nav-links{

    display:flex;

    align-items:center;

    gap:34px;
}

.nav-links a{

    color:white;

    text-decoration:none;

    font-size:14px;

    font-weight:400;

    transition:0.3s;
}

.nav-links a:hover{

    color:#d8b47c;
}
/* NAV RIGHT */

.nav-right{

    display:flex;

    align-items:center;

    gap:14px;
}

/* ICONS */

.nav-icon{

    width:42px;

    height:42px;

    display:flex;

    align-items:center;

    justify-content:center;

    border-radius:12px;

    background:#171717;

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

    color:white;

    text-decoration:none;

    transition:0.3s;
}

.nav-icon:hover{

    border-color:#d8b47c;

    color:#d8b47c;

    transform:translateY(-2px);
}
/* NAV BUTTON */

.btn-nav{

    background:#d8b47c;

    color:black;

    text-decoration:none;

    padding:12px 22px;

    border-radius:12px;

    font-size:13px;

    font-weight:600;

    transition:0.3s;
}

.btn-nav:hover{

    transform:translateY(-2px);
}

/* HERO CONTAINER */

.hero-container{

    display:flex;

    justify-content:space-between;
gap:30px;

    align-items:center;

    gap:70px;

    margin-top:55px;
}

/* HERO CONTENT */

.hero-content{

    max-width:620px;
}

.subtitle{

    color:#d8b47c;

    letter-spacing:4px;

    font-size:11px;

    margin-bottom:20px;
}

h1{

    font-family:'Cormorant Garamond',serif;

    font-size:82px;

    line-height:0.92;

    font-weight:500;

    margin-bottom:28px;
}

.description{

    font-size:20px;

    line-height:1.7;

    color:#d6d6d6;

    max-width:520px;
}

/* HERO BUTTONS */

.hero-buttons{

    display:flex;

    gap:16px;

    margin-top:38px;
}

.btn-primary{

    background:#d8b47c;

    color:black;

    text-decoration:none;

    padding:16px 26px;

    border-radius:12px;

    font-weight:600;

    font-size:14px;

    transition:0.3s;
}

.btn-primary:hover{

    transform:translateY(-2px);
}

.btn-secondary{

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

    color:white;

    text-decoration:none;

    padding:16px 26px;

    border-radius:12px;

    font-size:14px;

    transition:0.3s;
}

.btn-secondary:hover{

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

/* FORMULAIRE */

.quote-box{

    width:420px;

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

    backdrop-filter:blur(14px);

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

    border-radius:24px;

    padding:38px;
}

.quote-box h3{

    font-size:38px;

    font-family:'Cormorant Garamond',serif;

    font-weight:500;

    margin-bottom:10px;
}

.quote-box p{

    color:#bdbdbd;

    margin-bottom:28px;

    font-size:14px;
}

/* FORM */

.quote-box form{

    display:flex;

    flex-direction:column;

    gap:16px;
}

.quote-box input,
.quote-box textarea{

    width:100%;

    background:#141414;

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

    border-radius:12px;

    padding:16px;

    color:white;

    font-size:14px;

    outline:none;
}

.quote-box textarea{

    min-height:120px;

    resize:none;
}

.quote-box button{

    background:#d8b47c;

    color:black;

    border:none;

    border-radius:12px;

    padding:16px;

    font-weight:600;

    font-size:14px;

    cursor:pointer;

    transition:0.3s;
}

.quote-box button:hover{

    transform:translateY(-2px);
}

/* AVANTAGES */

.advantages{

    background:#090909;

    display:grid;

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

    gap:16px;

    padding:30px 60px;
}

.advantage-card{

    background:#111111;

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

    border-radius:18px;

    padding:28px 18px;

    text-align:center;
}

.advantage-card i{

    font-size:24px;

    color:#d8b47c;

    margin-bottom:16px;
}

.advantage-card h3{

    margin-bottom:10px;

    font-size:15px;
}

.advantage-card p{

    color:#bdbdbd;

    line-height:1.6;

    font-size:13px;
}

/* SECTION */

.section{

    background:#f3efe8;

    color:black;

    padding:90px 60px;
}

.left-text{

    max-width:580px;

    margin-bottom:45px;
}

.small-title{

    color:#b18b56;

    letter-spacing:4px;

    font-size:11px;

    margin-bottom:16px;
}

.left-text h2{

    font-family:'Cormorant Garamond',serif;

    font-size:62px;

    line-height:1;

    font-weight:500;
}

/* GALLERY */

.gallery{

    display:grid;

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

    gap:18px;
}

.gallery img{

    width:100%;

    height:260px;

    object-fit:cover;

    border-radius:18px;

    transition:0.4s;
}

.gallery img:hover{

    transform:scale(1.02);
}

/* CONTACT SECTION */

.contact-section{

    background:#050505;

    padding:100px 60px;
}

/* BOX */

.contact-box{

    max-width:1100px;

    margin:auto;

    background:#101010;

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

    border-radius:28px;

    padding:80px 50px;

    text-align:center;
}

/* TITLE */

.contact-box .small-title{

    color:#b18b56;

    letter-spacing:4px;

    font-size:12px;

    margin-bottom:18px;
}

.contact-box h2{

    font-family:'Cormorant Garamond',serif;

    font-size:72px;

    font-weight:500;

    margin-bottom:50px;

    line-height:0.95;
}

/* CONTACT LINKS */

.contact-links{

    display:flex;

    justify-content:center;

    align-items:center;

    flex-wrap:wrap;

    gap:18px;

    margin-bottom:45px;
}

/* LINK */

.contact-link{

    display:flex;

    align-items:center;

    justify-content:center;

    gap:12px;

    padding:16px 24px;

    background:#171717;

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

    border-radius:14px;

    color:white;

    text-decoration:none;

    font-size:15px;

    transition:0.3s;
}

.contact-link:hover{

    border-color:#d8b47c;

    transform:translateY(-2px);
}

/* ICON */

.contact-link i{

    color:#d8b47c;

    font-size:15px;
}

/* BUTTON */

.contact-btn{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    padding:18px 34px;

    background:#d8b47c;

    color:black;

    border-radius:14px;

    text-decoration:none;

    font-weight:600;

    transition:0.3s;
}

.contact-btn:hover{

    transform:translateY(-2px);
}

/* RESPONSIVE */

@media(max-width:1200px){

    .advantages{

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

@media(max-width:1100px){

    .hero-container{

        flex-direction:column;

        align-items:flex-start;
    }

    .quote-box{

        width:100%;
    }
}

@media(max-width:900px){
.nav-right{

    width:100%;

    justify-content:center;
}
    .hero{

        padding:18px;
    }

    .navbar{

        height:auto;

        padding:22px;

        flex-direction:column;

        gap:20px;
    }

    .nav-links{

        flex-wrap:wrap;

        justify-content:center;
    }

    h1{

        font-size:58px;
    }

    .gallery{

        grid-template-columns:1fr;
    }

    .advantages{

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

    .section,
    .contact-section{

        padding:70px 20px;
    }

    .contact-box h2{

        font-size:52px;
    }

    .contact-links{

        flex-direction:column;
    }
}

@media(max-width:650px){

    .advantages{

        grid-template-columns:1fr;
    }

    h1{

        font-size:46px;
    }

    .left-text h2{

        font-size:42px;
    }

    .contact-box{

        padding:50px 20px;
    }

    .contact-box h2{

        font-size:40px;
    }
}/* SMOOTH PREMIUM */

html{
    scroll-behavior:smooth;
}

/* ANIMATIONS */

.gallery img,
.advantage-card,
.contact-link,
.btn-primary,
.btn-secondary,
.btn-nav,
.nav-icon,
.quote-box{

    transition:0.35s ease;
}

/* HOVER */

.gallery img:hover{

    transform:scale(1.02);
}

.advantage-card:hover{

    transform:translateY(-6px);

    border-color:rgba(216,180,124,0.20);
}

.quote-box:hover{

    transform:translateY(-4px);
}

/* INPUT FOCUS */

.quote-box input:focus,
.quote-box textarea:focus{

    border-color:#d8b47c;

    box-shadow:0 0 0 1px #d8b47c;
}

/* NAVBAR PREMIUM */

.navbar{

    position:sticky;

    top:15px;
}

/* MOBILE */

@media(max-width:900px){

    .hero-container{

        gap:35px;
    }

    .quote-box{

        padding:28px;
    }

    .navbar{

        gap:16px;
    }

    .nav-links{

        gap:18px;
    }

    .nav-right{

        width:100%;

        justify-content:center;
    }

}/* MOBILE */

@media(max-width:900px){

    body{
        overflow-x:hidden;
    }

    /* NAVBAR MOBILE */

@media(max-width:900px){

    .navbar{

        position:fixed;

        top:12px;

        left:12px;

        right:12px;

        height:72px;

        padding:0 16px;

        border-radius:18px;

        display:flex;

        align-items:center;

        justify-content:space-between;

        flex-wrap:nowrap;

        z-index:9999;

        backdrop-filter:blur(12px);
    }

    /* MENU */

    .nav-links{

        display:flex;

        align-items:center;

        gap:12px;

        flex:1;

        justify-content:center;
    }

    .nav-links a{

        font-size:12px;

        white-space:nowrap;
    }

    /* LOGO */

    .logo{

        position:absolute;

        left:50%;

        transform:translateX(-50%);
    }

    .logo img{

        height:54px;

        width:auto;
    }

    /* DROITE */

    .nav-right{

        display:flex;

        align-items:center;

        gap:8px;
    }

    .phone-btn{

        width:38px;

        height:38px;

        border-radius:50%;

        display:flex;

        align-items:center;

        justify-content:center;

        font-size:16px;
    }

    .facebook-btn{

        width:38px;

        height:38px;

        border-radius:50%;

        display:flex;

        align-items:center;

        justify-content:center;

        font-size:16px;
    }

    .btn-nav{

        display:none;
    }

    /* HERO */

    .hero{

        padding-top:120px;
    }

}

    /* HERO */

    .hero{

        padding:140px 20px 70px;
    }

    .hero h1{

        font-size:52px;

        line-height:0.95;
    }

    .hero p{

        font-size:16px;

        line-height:1.5;
    }

    .hero-buttons{

        flex-direction:column;

        align-items:flex-start;

        width:100%;
    }

    .btn-primary,
    .btn-secondary{

        width:100%;
    }

    /* AVANTAGES */

    .advantages{

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

        gap:10px;
    }

    .advantage-card{

        padding:18px 14px;
    }

    .advantage-card i{

        font-size:22px;
    }

    .advantage-card h3{

        font-size:13px;
    }

    .advantage-card p{

        font-size:12px;

        line-height:1.4;
    }

    /* GALERIE */

    .gallery{

        grid-template-columns:1fr;
    }

    .gallery img{

        height:240px;
    }

    /* CONTACT */

    .contact-box{

        padding:35px 22px;
    }

    .contact-links{

        flex-direction:column;

        gap:14px;
    }

    .quote-box{

        padding:24px;
    }

    .quote-box form{

        grid-template-columns:1fr;
    }

    .quote-box button{

        width:100%;
    }

}