.hero-estate {
  position: relative;
}
.hero-estate-layout > * {
  min-width: 0;
}
.hero-estate-copy {
  max-width: 34rem;
}
.hero-estate-media {
  min-width: 0;
}
.hero-estate-collage {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1.1fr) minmax(0, 0.9fr);
  gap: var(--grid-gap-sm);
  align-items: stretch;
  width: 100%;
}
.hero-estate-media,
.hero-estate-main,
.hero-estate-sidecard {
  width: 100%;
  min-width: 0;
}
.hero-estate-main {
  grid-column: 1 / 2;
}
.hero-estate-main-image {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.hero-estate-sidecard {
  grid-column: 2 / 3;
  align-self: center;
}
.hero-estate-side-media {
  box-shadow: var(--shadow-soft);
}
.hero-estate-meta {
  max-width: 36rem;
}
.estate-overview {
  background: radial-gradient(circle at top left, rgba(197, 139, 90, 0.08), transparent 55%), var(--color-bg);
}
.estate-overview-grid {
  align-items: start;
}
.estate-overview-grid > * {
  min-width: 0;
  width: 100%;
}
.estate-overview-text {
  max-width: 40rem;
}
.estate-overview-media {
  width: 100%;
  max-width: 32rem;
  margin-inline: auto;
}
.estate-overview-figure {
  width: 100%;
  box-shadow: var(--shadow-soft);
}
.estate-overview-figure.media-frame-tall::after {
  padding-bottom: 75%;
}
.estate-prose {
  font-size: var(--font-size-md);
}
.estate-signature-header {
  max-width: var(--container-max);
  margin-left: auto;
  margin-right: auto;
}
.estate-signature-grid > * {
  min-width: 0;
}
.estate-signature-card {
  height: 100%;
}
.estate-signature-figure img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.estate-atmosphere-copy {
  margin-left: auto;
  margin-right: auto;
}
.estate-atmosphere-timeline {
  max-width: 32rem;
  margin-left: auto;
  margin-right: auto;
}
.estate-reserve-card {
  border-radius: var(--radius-card);
}
.estate-reserve-notice {
  flex-wrap: wrap;
  row-gap: var(--space-xs);
}
.estate-reserve-actions {
  flex-wrap: wrap;
}
.hero-primary-cta,
.hero-secondary-cta,
.estate-reserve-primary,
.estate-reserve-secondary {
  max-width: 100%;
}
@media (max-width: 1023.98px) {
  .hero-estate-collage {
    grid-template-columns: minmax(0, 1fr);
  }
  .hero-estate-sidecard {
    grid-column: auto;
  }
  .estate-overview-grid {
    grid-template-columns: minmax(0, 1fr);
  }
  .estate-overview-media {
    max-width: 100%;
    margin-top: var(--space-xl);
  }
}
@media (max-width: 767.98px) {
  .hero-estate-copy {
    max-width: 100%;
  }
  .estate-signature-grid {
    margin-top: var(--space-2xl);
  }
  .estate-reserve-card {
    padding: 1.5rem 1.3rem;
  }
  .estate-reserve-actions {
    flex-direction: column;
  }
  .estate-reserve-actions .button {
    width: 100%;
  }
}