.dest-hero{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:30px;
  align-items:center;
  padding:20px 0 50px;
}

.dest-kicker{
  margin:0 0 10px;
  color:#8B6F47;
  letter-spacing:2px;
  text-transform:uppercase;
  font-size:14px;
}

.dest-hero h1{
  margin:0 0 18px;
  color:#193C19;
  font-size:56px;
  line-height:1.1;
}

.dest-intro{
  max-width:58ch;
  font-size:18px;
  line-height:1.7;
}

.dest-hero-image img{
  width:100%;
  height:420px;
  object-fit:cover;
  border-radius:16px;
  display:block;
}

.dest-section{
  padding:40px 0;
}

.dest-title{
  margin:0 0 20px;
  color:#193C19;
  letter-spacing:2px;
  text-align:center;
  font-size:30px;
}

.dest-title.left{
  text-align:left;
}

.dest-section p{
  line-height:1.8;
  margin:0 0 16px;
}

/* FACTS */
.facts-grid{
  display:grid;
  grid-template-columns:repeat(4, 1fr);
  gap:18px;
}

.fact-card{
  background:rgba(255,255,255,0.45);
  padding:20px;
  border-radius:14px;
  box-shadow:0 4px 10px rgba(0,0,0,0.06);
}

.fact-card h3{
  margin:0 0 10px;
  color:#193C19;
  font-size:18px;
}

.fact-card p{
  margin:0;
  font-size:16px;
}

/* 2 COLUMN */
.two-col{
  display:grid;
  grid-template-columns:1.1fr 0.9fr;
  gap:28px;
  align-items:center;
}

.side-image img{
  width:100%;
  height:420px;
  object-fit:cover;
  border-radius:16px;
  display:block;
}

/* HIGHLIGHTS */
.highlights-grid{
  display:grid;
  grid-template-columns:repeat(4, 1fr);
  gap:18px;
}

.highlight-card{
  background:rgba(255,255,255,0.45);
  border-radius:14px;
  overflow:hidden;
  box-shadow:0 4px 10px rgba(0,0,0,0.06);
}

.highlight-card img{
  width:100%;
  height:200px;
  object-fit:cover;
  display:block;
}

.highlight-card h3{
  margin:16px 16px 8px;
  color:#193C19;
  font-size:20px;
}

.highlight-card p{
  margin:0 16px 18px;
  font-size:15px;
  line-height:1.6;
}

/* DAYS */
.day-list{
  display:grid;
  gap:20px;
}

.day-card{
  background:rgba(255,255,255,0.45);
  border-radius:14px;
  padding:24px;
  box-shadow:0 4px 10px rgba(0,0,0,0.06);
}

.day-card h3{
  margin:0 0 12px;
  color:#193C19;
  font-size:24px;
}

.day-card p:last-child{
  margin-bottom:0;
}

/* PHOTO GRID */
.photo-grid{
  display:grid;
  grid-template-columns:repeat(5, 1fr);
  gap:18px;
}

.photo-grid img{
  width:100%;
  height:250px;
  object-fit:cover;
  border-radius:14px;
  display:block;
}

/* REFLECTION */
.reflection{
  max-width:900px;
  margin:0 auto;
  text-align:center;
}

/* TABLET */
@media (max-width:1000px){
  .dest-hero{
    grid-template-columns:1fr;
  }

  .two-col{
    grid-template-columns:1fr;
  }

  .facts-grid{
    grid-template-columns:repeat(2, 1fr);
  }

  .highlights-grid{
    grid-template-columns:repeat(2, 1fr);
  }

  .photo-grid{
    grid-template-columns:repeat(2, 1fr);
  }

  .dest-hero h1{
    font-size:44px;
  }
}

/* MOBILE */
@media (max-width:600px){
  .dest-hero{
    gap:20px;
    padding:0 0 30px;
  }

  .dest-hero h1{
    font-size:34px;
  }

  .dest-intro{
    font-size:16px;
  }

  .dest-title{
    font-size:24px;
  }

  .facts-grid,
  .highlights-grid,
  .photo-grid{
    grid-template-columns:1fr;
  }

  .dest-hero-image img,
  .side-image img{
    height:280px;
  }

  .highlight-card img{
    height:220px;
  }

  .photo-grid img{
    height:220px;
  }

  .day-card{
    padding:18px;
  }

  .day-card h3{
    font-size:20px;
  }
}