/* Tighter, more balanced spacing shared by every page. */
.home-intro,
.page-intro,
.detail-intro {
  padding-top: 42px;
  padding-bottom: 42px;
}

.featured,
.process,
.real-projects,
.live-stage {
  padding-top: 52px;
  padding-bottom: 52px;
}

.featured-head {
  margin-bottom: 28px;
}

.feature-item img,
.feature-item:nth-child(2) img {
  height: 520px;
}

.process-top {
  gap: 32px;
}

.steps {
  margin-top: 32px;
}

.live-promo {
  min-height: 520px;
}

.confidence {
  padding-top: 36px;
  padding-bottom: 36px;
}

.rich-cta,
.cta,
.sub-cta {
  padding-top: 56px;
  padding-bottom: 56px;
}

.rich-footer {
  padding-top: 32px;
  padding-bottom: 22px;
}

.footer-grid {
  padding-bottom: 26px;
}

.statement {
  padding-top: 52px;
  padding-bottom: 52px;
}

.split img {
  min-height: 520px;
}

.dark {
  padding: 64px;
}

.section-head {
  padding-top: 48px;
  padding-bottom: 34px;
}

.cards {
  gap: 40px;
  padding-bottom: 52px;
}

.project-grid,
.camera-grid,
.project-pair,
.gallery {
  padding-bottom: 52px;
}

.sub-hero {
  min-height: 580px;
  height: 76vh;
}

.sub-copy {
  padding-top: clamp(110px, 14vh, 135px);
}

.editorial-list {
  padding-bottom: 52px;
}

.editorial,
.real-project {
  min-height: 460px;
}

.editorial-copy,
.real-project-copy {
  padding: clamp(36px, 4vw, 56px);
}

.project-feature img {
  height: min(62vh, 620px);
}

.transparency {
  margin-top: 26px;
  padding-top: 22px;
}

.real-project:last-child,
.editorial:last-child {
  margin-bottom: 0;
}

.detail-hero {
  min-height: 570px;
  height: 76vh;
}

.detail-copy {
  padding-top: clamp(160px, 21vh, 210px);
}

@media (max-width: 800px) {
  .home-intro,
  .page-intro,
  .detail-intro,
  .featured,
  .process,
  .real-projects,
  .live-stage {
    padding-top: 44px;
    padding-bottom: 44px;
  }

  .sub-hero,
  .detail-hero {
    min-height: 540px;
    height: 72vh;
  }

  .feature-item img,
  .feature-item:nth-child(2) img,
  .project-feature img {
    height: 440px;
  }

  .editorial,
  .real-project {
    min-height: 0;
  }

  .editorial img,
  .real-project img {
    min-height: 360px;
  }

  .rich-cta,
  .cta,
  .sub-cta {
    padding-top: 48px;
    padding-bottom: 48px;
  }
}

@media (max-width: 520px) {
  .home-intro,
  .page-intro,
  .detail-intro,
  .featured,
  .process,
  .real-projects,
  .live-stage {
    padding-top: 38px;
    padding-bottom: 38px;
  }

  .editorial-copy,
  .real-project-copy,
  .dark {
    padding: 42px 24px;
  }

  .feature-item img,
  .feature-item:nth-child(2) img,
  .project-feature img {
    height: 380px;
  }
}