
/* Day 5 — city overview with separate included-experience features */
.image-placeholder{
  min-height:260px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:6px;
  border:1px solid rgba(36,76,59,.18);
  background:rgba(255,255,255,.32);
  color:#5f5b53;
  text-align:center;
}
.image-placeholder span{
  font-family:Georgia,"Times New Roman",serif;
  font-size:1.08rem;
  color:#244c3b;
}
.image-placeholder small{
  font-size:.72rem;
  letter-spacing:.1em;
  text-transform:uppercase;
  color:#777268;
}
.day-image-placeholder .image-placeholder{
  width:100%;
  aspect-ratio:4/3;
  min-height:0;
}
.included-experience-feature{
  display:grid;
  grid-template-columns:minmax(260px,.9fr) minmax(0,1.1fr);
  gap:38px;
  align-items:start;
  margin:0 4px 34px 110px;
  padding-top:28px;
  border-top:1px solid rgba(36,76,59,.18);
}
.included-experience-feature .experience-heading{
  grid-column:1/-1;
  margin:0 0 2px;
  font-size:.9rem;
  line-height:1.3;
  letter-spacing:.09em;
  font-weight:700;
  text-transform:uppercase;
  color:#5f5b53;
}
.included-experience-feature .experience-image{
  grid-column:1;
}
.included-experience-feature .experience-image img{
  display:block;
  width:100%;
  aspect-ratio:4/3;
  object-fit:cover;
}
.included-experience-feature .experience-copy{
  grid-column:2;
}
.included-experience-feature .experience-copy h4{
  margin:0 0 14px;
  font-family:Georgia,"Times New Roman",serif;
  font-size:clamp(1.12rem,2vw,1.42rem);
  font-weight:400;
  color:#244c3b;
}
.included-experience-feature .experience-copy p{
  margin:0;
}
@media(max-width:850px){
  .included-experience-feature{
    grid-template-columns:1fr;
    margin-left:70px;
    gap:20px;
  }
  .included-experience-feature .experience-image,
  .included-experience-feature .experience-copy{
    grid-column:1;
  }
}
@media(max-width:560px){
  .included-experience-feature{margin-left:0;}
}
