.home-page .hero {
  position: relative;
  height: 680px;
  background-image: linear-gradient(90deg, rgba(10, 28, 22, 0.78) 0%, rgba(10, 28, 22, 0.42) 30%, rgba(10, 28, 22, 0) 60%), url('../images/home-hero.jpg');
  background-position: center;
  background-size: cover;
}

.home-page .hero-copy {
  position: absolute;
  top: 90px;
  left: 68px;
  width: 500px;
  color: white;
}

.home-page .hero h1 {
  margin: 0 0 30px;
  font-family: "Cormorant Garamond", "Cormorant", Garamond, serif;
  font-size: 72px;
  font-weight: 300;
  line-height: 0.96;
}

.home-page .kicker {
  font-size: 13px;
  font-weight: 400;
  line-height: 1.7;
  letter-spacing: 3px;
}

.home-page .btn {
  display: inline-block;
  padding: 17px 28px;
  margin-top: 28px;
  background: #075b3a;
  color: #fff;
  font-family: "Futura PT", "Futura", "Century Gothic", sans-serif;
  font-size: 12px;
  font-weight: 400;
  letter-spacing: 2px;
  text-decoration: none;
}

.home-page .intro {
  display: grid;
  grid-template-columns: 1.35fr 0.65fr;
  gap: 70px;
  padding: 78px 72px;
  background: #f4f1e8;
}

.home-page .eyebrow {
  color: #075b3a;
  font-family: "Futura PT", "Futura", "Century Gothic", sans-serif;
  font-size: 12px;
  font-weight: 400;
  letter-spacing: 3px;
}

.home-page .intro h2,
.home-page .services h2,
.home-page .cta h2 {
  margin: 16px 0 24px;
  color: #173f31;
  font-family: "Cormorant Garamond", "Cormorant", Garamond, serif;
  font-size: 48px;
  font-weight: 300;
  line-height: 1.05;
}

.home-page .intro p {
  max-width: 720px;
  font-size: 17px;
  line-height: 1.7;
}

.home-page .quote {
  padding-left: 55px;
  border-left: 1px solid #aaa;
  color: #173f31;
  font-family: "Cormorant Garamond", "Cormorant", Garamond, serif;
  font-size: 39px;
  font-style: italic;
  line-height: 1.15;
}

.home-page .diff {
  padding: 52px 65px 58px;
  background: #075b3a;
  color: #fff;
}

.home-page .diff-title {
  margin-bottom: 35px;
  font-size: 12px;
  letter-spacing: 3px;
}

.home-page .diff-grid {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 0;
}

.home-page .diff-item {
  min-height: 170px;
  padding: 0 28px;
  border-right: 1px solid rgba(255, 255, 255, 0.35);
}

.home-page .diff-item:first-child {
  padding-left: 0;
}

.home-page .diff-item:last-child {
  border: 0;
}

.home-page .num {
  font-size: 13px;
}

.home-page .diff-item h3 {
  margin: 12px 0;
  font-family: "Cormorant Garamond", "Cormorant", Garamond, serif;
  font-size: 27px;
  font-weight: 300;
}

.home-page .diff-item p {
  font-size: 14px;
  line-height: 1.5;
}

.home-page .photo-story {
  display: grid;
  grid-template-columns: 1.12fr 0.88fr;
  background: #f4f1e8;
}

.home-page .photo-story img {
  width: 100%;
  height: 500px;
  object-fit: cover;
}

.home-page .story-copy {
  padding: 78px 72px;
}

.home-page .story-copy h2 {
  margin: 15px 0 25px;
  color: #173f31;
  font-family: "Cormorant Garamond", "Cormorant", Garamond, serif;
  font-size: 47px;
  font-weight: 300;
  line-height: 1.05;
}

.home-page .story-copy p {
  font-size: 16px;
  line-height: 1.65;
}

.home-page .services {
  padding: 72px;
  background: #fbfaf6;
}

.home-page .service-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 26px;
}

.home-page .service {
  padding: 28px 8px 10px;
  border-top: 1px solid #7b897f;
}

.home-page .service h3 {
  color: #173f31;
  font-family: "Cormorant Garamond", "Cormorant", Garamond, serif;
  font-size: 27px;
  font-weight: 300;
}

.home-page .service p {
  font-size: 15px;
  line-height: 1.6;
}

.home-page .testimonial {
  position: relative;
  height: 590px;
  background: url('../images/home-testimonial.jpg') center / cover no-repeat;
}

.home-page .testimonial::before {
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, rgba(4, 43, 29, 0.88) 0%, rgba(4, 43, 29, 0.78) 46%, rgba(4, 43, 29, 0.15) 70%, rgba(4, 43, 29, 0) 100%);
  content: "";
}

.home-page .test-copy {
  position: absolute;
  top: 70px;
  left: 70px;
  width: 610px;
  color: #fff;
}

.home-page .test-copy .eyebrow {
  color: #dbe8dc;
  font-family: "Futura PT", "Futura", "Century Gothic", sans-serif;
}

.home-page .test-copy blockquote {
  margin: 28px 0 22px;
  font-family: "Cormorant Garamond", "Cormorant", Garamond, serif;
  font-size: 35px;
  font-style: italic;
  line-height: 1.28;
}

.home-page .test-copy p {
  font-size: 13px;
  letter-spacing: 1.7px;
}

.home-page .cta {
  padding: 72px;
  background: #f4f1e8;
  text-align: center;
}

.home-page .cta h2 {
  max-width: 800px;
  margin: 12px auto 18px;
}

.home-page .cta p {
  font-size: 16px;
}