/* Shared presentation for the two principal content cards. */
.about-section,
.booking-modern{
  background:#fff;
}

.about-section{
  padding:clamp(22px,2.2vw,34px) 0 0;
}

.booking-modern{
  padding:clamp(18px,1.8vw,28px) 0 0;
  overflow:visible;
}

.about.about-compact,
.booking-panel-v2{
  width:var(--fluid-section);
  max-width:1380px;
  margin-inline:auto;
  border:1px solid rgba(185,133,79,.12);
  border-radius:14px;
  overflow:hidden;
  box-shadow:0 12px 38px rgba(92,67,45,.055);
}

.about.about-compact{
  height:clamp(500px,34vw,540px);
  min-height:0;
  background:#fbf7f2;
}

.about-compact .about-photo-real{
  height:100%;
  min-height:0;
  aspect-ratio:auto;
}

.about-compact .about-photo-real>img{
  object-fit:cover;
  object-position:center 62%;
}

/* Portrait in the About card: keep the face, upper body and reception detail
   naturally framed while preserving the existing card dimensions. */
.about-compact .about-photo-real.about-owner-photo>img{
  object-position:center 27%;
  filter:saturate(.94) contrast(.99) brightness(1.025) sepia(.012);
}

.about-compact .about-copy{
  height:100%;
}

.booking-panel-v2{
  height:clamp(500px,34vw,540px);
  min-height:0;
  padding:clamp(54px,4.5vw,72px) clamp(44px,4.4vw,72px);
  grid-template-columns:minmax(310px,40%) minmax(0,60%);
  gap:clamp(38px,4.5vw,72px);
  background:linear-gradient(115deg,#f8f0e8 0%,#f3e6da 58%,#f0e1d4 100%);
}

.booking-intro h2{
  font-size:clamp(32px,2.35vw,40px);
}

@media(max-width:1100px){
  .about.about-compact,
  .booking-panel-v2{
    width:min(100% - 64px,1050px);
    height:auto;
  }

  .booking-panel-v2{
    padding:64px 50px;
  }
}

@media(max-width:960px){
  .about.about-compact,
  .booking-panel-v2{
    width:calc(100% - 40px);
  }

  .about-compact .about-photo-real{
    height:auto;
    aspect-ratio:16/10;
  }

  .about-compact .about-photo-real>img{
    position:absolute;
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:center 62%;
  }


  .about-compact .about-photo-real.about-owner-photo>img{
    object-position:center 27%;
  }
}

@media(max-width:720px){
  .about-section{
    padding-top:28px;
  }

  .booking-modern{
    padding-top:18px;
  }

  .about.about-compact,
  .booking-panel-v2{
    width:calc(100% - 30px);
    border-radius:12px;
  }

  .about-compact .about-photo-real{
    aspect-ratio:4/5;
  }

  .about-compact .about-photo-real.about-owner-photo>img{
    object-position:center 36%;
  }

  .booking-panel-v2{
    padding:44px 26px;
  }
}