/* PERBRA — Strandresidenzen page-specific refinement */
.residences-page .investment-hero-image {
  background-image: url('../images/Strandresidenzen7.jpg');
  background-position: center 57%;
}
.residences-page .investment-overview::before {
  content: "RESIDENCES";
  right: -5vw;
  font-size: clamp(105px, 17vw, 285px);
}
.residences-page .investment-hero-overlay {
  background: linear-gradient(180deg, rgba(4,4,3,.58), rgba(4,4,3,.06) 34%, rgba(4,4,3,.10) 60%, rgba(4,4,3,.84) 100%), linear-gradient(90deg, rgba(4,4,3,.30), transparent 58%, rgba(4,4,3,.10));
}
@media (max-width: 900px) {
  .residences-page .investment-hero-image {
    background-position: 62% center;
  }
}
.residences-page .investment-project-card:nth-child(4) .investment-project-image img {
  object-position: 50% 45%;
}
.residences-page .investment-project-card:nth-child(5) .investment-project-image img {
  object-position: 50% 48%;
}
@media (max-width: 720px) {
  .residences-page .investment-project-copy h3 {
    max-width: 10ch;
  }
  .residences-page .investment-project-card:nth-child(2) .investment-project-copy h3 {
    max-width: 9ch;
  }
  .residences-page .investment-project-card:nth-child(3) .investment-project-copy h3 {
    max-width: 8ch;
  }
  .residences-page .investment-project-card:nth-child(4) .investment-project-copy h3 {
    max-width: none;
  }
  .residences-page .investment-project-card:nth-child(5) .investment-project-copy h3 {
    max-width: none;
    font-size: clamp(1.75rem, 3.2vw, 3.35rem);
  }
}
@media (max-width: 560px) {
  .residences-page .investment-hero-image {
    background-position: 64% center;
  }
  .residences-page .investment-project-copy h3,
  .residences-page .investment-project-card:nth-child(2) .investment-project-copy h3,
  .residences-page .investment-project-card:nth-child(3) .investment-project-copy h3 {
    max-width: none;
  }
}

/* Match the shared portfolio-card typography in every one-column tablet mode. */
@media (min-width: 641px) and (max-width: 1024px),
       (min-width: 1025px) and (max-width: 1366px) and (max-height: 820px) and (orientation: landscape) and (hover: none) and (pointer: coarse),
       (min-width: 1025px) and (orientation: portrait) and (hover: none) and (pointer: coarse) {
  .residences-page .investment-project-copy h3,
  .residences-page .investment-project-card:nth-child(2) .investment-project-copy h3,
  .residences-page .investment-project-card:nth-child(3) .investment-project-copy h3,
  .residences-page .investment-project-card:nth-child(4) .investment-project-copy h3,
  .residences-page .investment-project-card:nth-child(5) .investment-project-copy h3 {
    max-width: none;
    font-size: 34px;
  }
}