.mirador-campestre { background: #f3f0eb; color: #262725; padding: 42px 0 90px; }
.mirador-campestre .section-label { margin-bottom: 65px; }
.mirador-campestre-heading { display: grid; grid-template-columns: minmax(0, 1.12fr) minmax(0, .88fr); gap: clamp(35px, 7vw, 120px); align-items: end; margin-bottom: 55px; }
.mirador-campestre-heading h2 { margin: 16px 0 26px; font-size: clamp(72px, 9.8vw, 160px); line-height: .82; letter-spacing: -.075em; font-weight: 400; }
.mirador-campestre-heading h2 i { font-family: Georgia, serif; font-weight: 400; letter-spacing: -.075em; }
.mirador-campestre-lead { max-width: 520px; font-size: clamp(18px, 2vw, 27px); line-height: 1.25; letter-spacing: -.03em; }
.mirador-campestre-detail > p { max-width: 480px; font-size: 16px; line-height: 1.65; color: #555651; margin: 0 0 32px; }
.mirador-campestre-credits { display: grid; grid-template-columns: 1fr 1fr; gap: 24px 19px; border-top: 1px solid #bcb8b0; padding-top: 23px; }
.mirador-campestre-credits div { display: flex; flex-direction: column; gap: 8px; }
.mirador-campestre-credits span { font-size: 10px; line-height: 1.3; letter-spacing: .12em; color: #686963; }
.mirador-campestre-credits strong { font-size: 15px; line-height: 1.4; font-weight: 500; }
.mirador-campestre figure { margin: 0; }
.mirador-campestre img { display: block; width: 100%; height: 100%; object-fit: cover; }
.mirador-campestre figcaption { font-size: 10px; letter-spacing: .12em; text-transform: uppercase; padding-top: 12px; }
.mirador-campestre-hero img { aspect-ratio: 1.55; object-fit: cover; height: auto; }
.mirador-campestre-subtitle { display: flex; align-items: end; justify-content: space-between; gap: 24px; margin: 90px 0 25px; padding-bottom: 17px; border-bottom: 1px solid #bcb8b0; }
.mirador-campestre-subtitle span { font-size: 12px; font-weight: 600; letter-spacing: .11em; }
.mirador-campestre-subtitle p { font-size: 19px; font-family: Georgia, serif; font-style: italic; margin: 0; }
.mirador-campestre-gallery { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 35px 19px; }
.mirador-campestre-gallery figure img { aspect-ratio: 1.27; height: auto; }
.mirador-campestre-gallery .mirador-campestre-wide { grid-column: 1 / -1; }
.mirador-campestre-gallery .mirador-campestre-wide img { aspect-ratio: 1.95; }
.mirador-campestre-note { margin: 70px 0 0; padding: 20px 0 0; border-top: 1px solid #bcb8b0; color: #696a64; font-size: 12px; line-height: 1.6; }
@media(max-width:900px) {
  .mirador-campestre { padding: 45px 0 70px; }
  .mirador-campestre .section-label { margin-bottom: 36px; }
  .mirador-campestre-heading { display: block; margin-bottom: 34px; }
  .mirador-campestre-heading h2 { font-size: clamp(62px, 12vw, 110px); }
  .mirador-campestre-detail { margin-top: 35px; }
  .mirador-campestre-subtitle { margin-top: 65px; }
  .mirador-campestre-subtitle p { font-size: 15px; }
}
@media(max-width:580px) {
  .mirador-campestre-heading h2 { font-size: clamp(55px, 13.3vw, 76px); }
  .mirador-campestre-credits { gap: 20px 12px; }
  .mirador-campestre-credits strong { font-size: 13px; }
  .mirador-campestre-hero img { aspect-ratio: 1.1; }
  .mirador-campestre-subtitle { display: block; }
  .mirador-campestre-subtitle p { margin-top: 10px; }
  .mirador-campestre-gallery { gap: 28px 12px; }
  .mirador-campestre-gallery figure img { aspect-ratio: .83; }
  .mirador-campestre-gallery .mirador-campestre-wide img { aspect-ratio: 1.2; }
  .mirador-campestre figcaption { font-size: 9px; }
}