/* The existing artboard positions remain shared by the home and plans pages. */
.apartments-card.featured-apartment {
  container-type: inline-size;
  background: #f6f4f0;
  color: #352617;
  font-family: FinalCormorant, "Cormorant Garamond", Georgia, serif;
  font-weight: 400;
  text-align: left;
}
.featured-apartment__plan,
.featured-apartment__plan--studio {
  position: absolute;
  inset: 8% auto 8% 5%;
  width: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  pointer-events: none;
}
.featured-apartment__plan img,
.featured-apartment__plan--studio img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.featured-apartment__info {
  position: absolute;
  top: 6%;
  right: 5%;
  bottom: 4%;
  width: 34%;
  display: flex;
  flex-direction: column;
  align-items: stretch;
}
.featured-apartment__type {
  display: block;
  width: 80%;
  padding-bottom: 1.3cqw;
  border-bottom: 1px solid #d8d3ca;
  font-size: 9.2cqw;
  font-style: italic;
  line-height: 1;
}
.featured-apartment__area {
  display: block;
  margin-top: 1.8cqw;
  font-size: 5.6cqw;
  line-height: 1;
}
.featured-apartment__area sup {
  font-size: .6em;
}
.featured-apartment__label {
  display: block;
  font-size: max(11px, 3.7cqw);
  line-height: 1;
}
.featured-apartment__location {
  display: flex;
  gap: 5.4cqw;
  margin-top: 2cqw;
  font-size: 5.6cqw;
  line-height: 1;
}
.featured-apartment__pricing {
  display: flex;
  flex-direction: column;
  margin-top: 2cqw;
  padding-top: 2cqw;
}
.featured-apartment__list-price {
  color: #8b8175;
  font-size: 4.5cqw;
  line-height: 1.05;
  text-decoration-thickness: 1px;
  white-space: nowrap;
}
.featured-apartment__discount-price {
  margin-top: .5cqw;
  font-size: 6.1cqw;
  line-height: 1.1;
  white-space: nowrap;
}
.featured-apartment__unit-price {
  font-size: max(11px, 3.7cqw);
  line-height: 1.1;
  white-space: nowrap;
}
.featured-apartment__terms {
  margin-top: 1.4cqw;
  font-size: max(9px, 2.4cqw);
  line-height: 1.12;
  text-wrap: pretty;
}
.featured-apartment__more {
  display: block;
  align-self: flex-start;
  margin-top: 2cqw;
  padding: 1.6cqw 3.8cqw;
  border-radius: 1.3cqw;
  background: #7c8040;
  color: #f6f4f0;
  font-size: 4.9cqw;
  line-height: 1;
}
.featured-apartment:hover .featured-apartment__more {
  background: #686c35;
}
.featured-apartment:focus-visible {
  outline: 2px solid #7c8040;
  outline-offset: -2px;
}
@media (min-width: 480px) and (max-width: 1023px) {
  .apartments-showcase,
  .apartments-artboard {
    height: 198vw;
  }
  .apartments-cards {
    top: 74.75vw;
    left: 2.5vw;
    right: 2.5vw;
    bottom: auto;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 2.5vw;
  }
  .apartments-cards > .apartments-card,
  .apartments-cards > .apartments-catalog-card {
    position: relative;
    top: auto;
    left: auto;
    width: 100%;
    height: auto;
    aspect-ratio: 367 / 294;
  }
  .apartments-catalog-card span {
    font-size: 2.8vw;
  }
}
@media (min-width: 480px) and (max-width: 639px) {
  .apartments-showcase,
  .apartments-artboard {
    height: 550vw;
  }
  .apartments-cards {
    grid-template-columns: minmax(0, 1fr);
  }
  .apartments-catalog-card span {
    font-size: 5.6vw;
  }
}