.rural-hero {
  position: relative;
  isolation: isolate;
  display: flex;
  min-height: clamp(245px, 24vw, 280px);
  overflow: hidden;
  background: #14281b;
  color: #fff;
}

.rural-hero-image,
.rural-hero-shade {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
}

.rural-hero-image {
  z-index: -3;
  display: block;
  object-fit: cover;
  object-position: center 48%;
}

.rural-hero-shade {
  z-index: -2;
  background:
    linear-gradient(90deg, rgb(9 24 15 / 94%) 0%, rgb(10 29 18 / 78%) 36%, rgb(11 30 18 / 25%) 70%, rgb(14 31 20 / 8%) 100%),
    linear-gradient(0deg, rgb(5 16 10 / 25%), transparent 60%);
}

.rural-hero-inner {
  display: flex;
  align-items: center;
  padding-block: 1.25rem 1.5rem;
}

.rural-hero-glass {
  width: min(610px, 66%);
  padding: clamp(1rem, 2vw, 1.35rem);
  border: 1px solid rgb(240 229 189 / 26%);
  border-radius: 8px;
  background: rgb(12 35 21 / 62%);
  box-shadow: 0 24px 55px rgb(0 0 0 / 25%), inset 0 1px 0 rgb(255 255 255 / 8%);
  backdrop-filter: blur(14px) saturate(112%);
  -webkit-backdrop-filter: blur(14px) saturate(112%);
}

.rural-hero-kicker {
  display: block;
  margin-bottom: .35rem;
  color: #e4cc86;
  font-size: .74rem;
  font-weight: 850;
  text-transform: uppercase;
}

.rural-hero h1 {
  margin: 0 0 .45rem;
  color: #fff;
  font: 800 clamp(2rem, 4vw, 3.2rem)/1 var(--serif, "Libre Franklin", serif);
  overflow-wrap: anywhere;
}

.rural-hero-glass > p {
  max-width: 510px;
  margin: 0;
  color: #e6eee7;
  font-size: clamp(.82rem, 1.2vw, .95rem);
  line-height: 1.45;
}

.rural-hero-meta {
  display: flex;
  align-items: center;
  gap: .55rem;
  margin-top: .75rem;
  padding-top: .65rem;
  border-top: 1px solid rgb(255 255 255 / 17%);
  color: #cad7cb;
  font-size: .68rem;
  font-weight: 700;
}

.rural-hero-meta strong {
  color: #fff;
  font-size: 1.05rem;
  line-height: 1;
}

.rural-hero-meta i {
  width: 3px;
  height: 3px;
  border-radius: 50%;
  background: #d6bd73;
}

.rural-hero-accent {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 2;
  display: grid;
  grid-template-columns: 1.35fr 1fr 1fr .28fr;
  height: 4px;
}

.rural-hero-accent span:nth-child(1) { background: #315f3b; }
.rural-hero-accent span:nth-child(2) { background: #b8984f; }
.rural-hero-accent span:nth-child(3) { background: #6f8a47; }
.rural-hero-accent span:nth-child(4) { background: #e1cc8c; }

@media (max-width: 720px) {
  .rural-hero {
    min-height: 280px;
    align-items: end;
  }

  .rural-hero-image { object-position: 65% center; }

  .rural-hero-shade {
    background: linear-gradient(180deg, rgb(8 23 14 / 12%) 8%, rgb(8 26 15 / 58%) 48%, rgb(7 23 13 / 96%) 100%);
  }

  .rural-hero-inner {
    align-items: end;
    padding-block: 2.5rem 1rem;
  }

  .rural-hero-glass {
    width: 100%;
    padding: .9rem 1rem;
    background: rgb(10 31 18 / 72%);
  }

  .rural-hero h1 { font-size: clamp(2rem, 10vw, 2.65rem); }
  .rural-hero-glass > p { font-size: .78rem; line-height: 1.4; }

  .rural-hero-meta {
    gap: .45rem;
    margin-top: .6rem;
    padding-top: .5rem;
    font-size: .59rem;
  }

  .rural-hero-meta strong { font-size: 1.08rem; }
}

@media (prefers-reduced-motion: reduce) {
  .rural-hero * { scroll-behavior: auto; }
}