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

    html{
      scroll-behavior:smooth;
    }

    body{
      font-family:'Inter',sans-serif;
      background:#f6f1eb;
      color:#111;
      overflow-x:hidden;
    }

    img{
      width:100%;
      display:block;
    }

    /* HERO */

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

    .hero img{
      height:100%;
      object-fit:cover;
    }

    .overlay{
      position:absolute;
      inset:0;
      background:rgba(0,0,0,0.35);
    }

    .hero-content{
      position:absolute;
      top:50%;
      left:50%;
      transform:translate(-50%,-50%);
      text-align:center;
      color:white;
      width:90%;
    }

    .hero-content h1{
      font-family:'Cormorant Garamond',serif;
      font-size:110px;
      font-weight:600;
      letter-spacing:10px;
      margin-bottom:20px;
    }

    .hero-content p{
      font-size:20px;
      font-weight:300;
      margin-bottom:35px;
    }

    .hero-buttons{
      display:flex;
      justify-content:center;
      gap:20px;
      flex-wrap:wrap;
    }

    .hero-buttons a{
      padding:16px 32px;
      border-radius:50px;
      text-transform:uppercase;
      letter-spacing:2px;
      font-size:12px;
      transition:0.3s;
    }

    .primary{
      background:white;
      color:black;
    }

    .secondary{
      border:1px solid white;
      color:white;
    }

    .hero-buttons a:hover{
      transform:translateY(-3px);
    }

    /* INTRO */

    .intro{
      padding:140px 0;
      text-align:center;
    }

    .section-subtitle{
      text-transform:uppercase;
      letter-spacing:3px;
      font-size:12px;
      margin-bottom:20px;
      opacity:0.6;
    }

    .section-title{
      font-family:'Cormorant Garamond',serif;
      font-size:60px;
      margin-bottom:30px;
      font-weight:600;
    }

    .intro p{
      max-width:800px;
      margin:auto;
      line-height:1.9;
      color:#555;
      font-size:18px;
    }

    /* SERVICES */

    .services{
      padding-bottom:140px;
    }

    .services-grid{
      display:grid;
      grid-template-columns:repeat(3,1fr);
      gap:30px;
      margin-top:70px;
    }

    .service-card{
      background:white;
      border-radius:24px;
      overflow:hidden;
      transition:0.4s;
    }

    .service-card:hover{
      transform:translateY(-10px);
    }

    .service-content{
      padding:35px;
    }

    .service-content h3{
      font-family:'Cormorant Garamond',serif;
      font-size:36px;
      margin-bottom:15px;
    }

    .service-content p{
      line-height:1.8;
      color:#666;
    }

    /* EXPERIENCE */

    .experience{
      background:#ece3d8;
      padding:140px 0;
    }

    .experience-wrapper{
      display:grid;
      grid-template-columns:1fr 1fr;
      gap:70px;
      align-items:center;
    }

    .experience-image img{
      border-radius:30px;
      height:750px;
      object-fit:cover;
    }

    .experience-content h2{
      font-family:'Cormorant Garamond',serif;
      font-size:65px;
      margin-bottom:30px;
    }

    .experience-content p{
      line-height:1.9;
      color:#555;
      margin-bottom:35px;
    }

    .experience-list{
      display:flex;
      flex-direction:column;
      gap:20px;
    }

    .experience-list div{
      background:white;
      padding:20px 25px;
      border-radius:18px;
    }

    /* GALLERY */

    .gallery{
      padding:140px 0;
    }

.gallery-grid{
    display:flex;
    flex-wrap:wrap;
    justify-content:center;
    gap:20px;
}

.gallery-grid img{
    width:calc(25% - 15px);
    height:320px;
    object-fit:cover;
    display:block;
}

    .gallery-grid img:hover{
      transform:scale(1.02);
    }

    /* TESTIMONIALS */

    .testimonials{
      background:#111;
      color:white;
      padding:140px 0;
      text-align:center;
    }

    .testimonial-grid{
      display:grid;
      grid-template-columns:repeat(3,1fr);
      gap:30px;
      margin-top:70px;
    }

    .testimonial{
      background:rgba(255,255,255,0.05);
      padding:40px;
      border-radius:24px;
    }

    .testimonial p{
      line-height:1.8;
      margin-bottom:25px;
      color:#ddd;
    }

    .testimonial span{
      letter-spacing:2px;
      font-size:12px;
      text-transform:uppercase;
      opacity:0.7;
    }

    /* CTA */

    .cta{
      padding:140px 0;
      text-align:center;
    }

    .cta p{
      max-width:700px;
      margin:30px auto 50px;
      line-height:1.8;
      color:#666;
    }