/* Full-width natural-colour photograph, with a compact light text panel. */
.hero.hero-natural {
  display: flex;
  align-items: center;
  min-height: 660px;
  height: calc(100svh - 94px);
  max-height: 920px;
  background: #f4efe5;
  color: #343c32;
}
.hero.hero-natural::after { display: none; }
.hero.hero-natural .hero-img {
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center 46%;
  filter: none;
  opacity: 1;
}
.hero.hero-natural .hero-content {
  width: 41%;
  max-width: 640px;
  margin-left: 5.5%;
  padding: 42px 36px;
  background: rgba(250, 247, 239, .74);
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
  border: 1px solid rgba(255, 255, 255, .35);
  box-shadow: 0 12px 36px rgba(64, 49, 29, .035);
}
.hero.hero-natural .eyebrow { color: #594125; margin-bottom: 26px; }
.hero.hero-natural h1 {
  color: #343c32;
  font-size: clamp(2.7rem, 4.2vw, 5.6rem);
  line-height: 1.08;
  letter-spacing: -.048em;
  margin-bottom: 28px;
}
.hero.hero-natural h1 em { color: #78552f; }
.hero.hero-natural p {
  color: #43493c;
  font-size: clamp(.94rem, 1.06vw, 1.15rem);
  line-height: 1.85;
  max-width: 430px;
  margin-bottom: 32px;
}
.hero.hero-natural .actions { gap: 13px; flex-wrap: wrap; }
.hero.hero-natural .button { min-height: 53px; padding: 15px 20px; font-size: .82rem; }
.hero.hero-natural .button.clear { color: #3f483d; border-color: #b8af9e; background: transparent; }
.hero.hero-natural .button.clear:hover { background: #e6dece; }
.hero.hero-natural .hero-bottom { left: 5.5%; right: auto; bottom: 26px; color: #3f483d; background: #faf7eff0; padding: 10px 14px; }

@media (min-width: 701px) and (max-width: 1100px) {
  .hero.hero-natural { min-height: 640px; max-height: 850px; }
  .hero.hero-natural .hero-content { margin-left: 4%; padding: 32px 27px; width: 46%; }
  .hero.hero-natural .hero-img { left: 0; width: 100%; }
  .hero.hero-natural h1 { font-size: clamp(2.4rem, 4.55vw, 3.2rem); }
  .hero.hero-natural .hero-bottom { left: 4%; }
  .hero.hero-natural .eyebrow { font-size: .72rem; letter-spacing: .13em; }
}

@media (max-width: 700px) {
  .hero.hero-natural { flex-direction: column; align-items: stretch; height: auto; min-height: 0; max-height: none; }
  .hero.hero-natural .hero-img {
    position: relative;
    inset: auto;
    width: 100%;
    height: clamp(295px, 95vw, 460px);
    object-position: 95% 43%;
  }
  .hero.hero-natural .hero-content { width: 100%; max-width: none; margin: 0; padding: 37px 7% 30px; background: #f4efe5; border: 0; box-shadow: none; -webkit-backdrop-filter: none; backdrop-filter: none; }
  .hero.hero-natural .eyebrow { margin-bottom: 19px; font-size: .72rem; letter-spacing: .13em; }
  .hero.hero-natural h1 { font-size: clamp(2.5rem, 10.4vw, 4rem); margin-bottom: 23px; }
  .hero.hero-natural p { font-size: .96rem; max-width: 520px; margin-bottom: 25px; }
  .hero.hero-natural .actions { flex-direction: column; align-items: stretch; max-width: 390px; gap: 10px; }
  .hero.hero-natural .button { justify-content: space-between; min-height: 51px; padding: 14px 19px; }
  .hero.hero-natural .hero-bottom { position: static; padding: 0 7% 32px; width: 100%; background: #f4efe5; }
  .hero.hero-natural .hero-bottom>a { max-width: none; }
}