main {
  position: relative;
  z-index: 1;
}

.page-hero,
.content-section,
.collection-preview,
.listing-feature,
.listing-grid,
.contact-section,
.legal-content,
.cta-strip,
.site-footer {
  width: min(100% - (var(--space-page) * 2), var(--container));
  margin-inline: auto;
}

.page-hero {
  position: relative;
  min-height: 40rem;
  display: grid;
  align-items: end;
  padding: 8rem 0 5rem;
  isolation: isolate;
}

.page-hero::before {
  content: "";
  position: absolute;
  inset: 0 calc(var(--space-page) * -1);
  z-index: -2;
  background: #070806;
  background: -webkit-linear-gradient(to bottom, rgba(7, 8, 6, .24), rgba(7, 8, 6, .92));
  background: linear-gradient(to bottom, rgba(7, 8, 6, .24), rgba(7, 8, 6, .92));
}

.page-hero__media {
  position: absolute;
  inset: 0 calc(var(--space-page) * -1);
  z-index: -3;
  overflow: hidden;
}

.page-hero__media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  filter: saturate(.88) contrast(1.06);
}

.page-hero__content {
  max-width: 54rem;
}

.page-hero__content p:last-child {
  max-width: 43rem;
  margin-top: 1.5rem;
}

.content-section,
.collection-preview,
.listing-feature,
.contact-section,
.legal-content,
.cta-strip {
  margin-top: clamp(4.5rem, 12vw, 8rem);
}

.home-manifesto,
.home-mosaic,
.home-atlas,
.home-trust,
.home-contact,
.approach-intro,
.approach-pillars,
.approach-faq,
.collection-editorial,
.scenic-gallery,
.vibrant-stage,
.contact-note,
.not-found-panel {
  width: min(100% - (var(--space-page) * 2), var(--container));
  margin-inline: auto;
  margin-top: clamp(4.5rem, 12vw, 8rem);
}

.content-section,
.listing-feature,
.legal-content {
  display: grid;
  gap: 1.4rem;
}

.collection-preview__grid {
  display: grid;
  gap: 1rem;
  margin-top: 2rem;
}

.listing-grid {
  display: grid;
  gap: 1.25rem;
  margin-top: clamp(2rem, 7vw, 4.5rem);
}

.contact-section {
  display: grid;
  gap: 2rem;
}

.site-footer {
  display: grid;
  gap: 2rem;
  margin-top: clamp(5rem, 14vw, 9rem);
  padding: 3rem 0;
}