/* Chibamil preview: original Chiba landscape clipped to a soft prefecture silhouette. */
.home .hero {
  isolation: isolate;
  background:
    radial-gradient(circle at 13% 15%, rgba(255, 255, 255, .88), transparent 33%),
    linear-gradient(145deg, #eef9f3 0%, #fffdf8 54%, #fff1dc 100%);
}

.home .hero::before {
  position: absolute;
  z-index: 0;
  top: 20px;
  right: clamp(8px, 2.5vw, 48px);
  bottom: 18px;
  width: min(50vw, 690px);
  background-image:
    linear-gradient(135deg, rgba(255, 255, 255, .04), rgba(255, 247, 224, .16)),
    url("chiba-coast-fields-1440.webp");
  background-position: center;
  background-size: cover;
  content: "";
  filter: drop-shadow(0 22px 34px rgba(15, 84, 66, .19)) saturate(.94) contrast(.98);
  opacity: .58;
  pointer-events: none;
  -webkit-mask-image: url("chiba-prefecture-mask-v2.png");
  -webkit-mask-position: center;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-size: contain;
  mask-image: url("chiba-prefecture-mask-v2.png");
  mask-position: center;
  mask-repeat: no-repeat;
  mask-size: contain;
}

.home .hero::after {
  z-index: 0;
}

.home .hero-grid {
  z-index: 2;
}

.home .hero-panel {
  border-color: rgba(255, 255, 255, .95);
  background: rgba(255, 255, 255, .77);
  box-shadow: 0 24px 55px rgba(20, 76, 59, .15);
  -webkit-backdrop-filter: blur(14px) saturate(1.06);
  backdrop-filter: blur(14px) saturate(1.06);
}

.home .chibamil-hero-map-source {
  position: relative;
  z-index: 3;
  margin: 13px 0 0;
  color: #6b7b76;
  font-size: 9px;
  line-height: 1.6;
}

.home .chibamil-hero-map-source a {
  color: inherit;
  text-decoration: underline;
  text-decoration-color: rgba(28, 105, 82, .3);
  text-underline-offset: 2px;
}

@media (min-width: 1100px) {
  .home .hero-grid {
    grid-template-columns: minmax(0, .86fr) minmax(330px, .62fr);
    gap: clamp(210px, 17vw, 280px);
  }

  .home .hero::before {
    right: auto;
    left: 55%;
    width: min(30.5vw, 400px);
    opacity: .78;
    transform: translateX(-50%);
  }
}

@media (min-width: 761px) and (max-width: 1099px) {
  .home .hero::before {
    right: 20%;
    width: 46vw;
    opacity: .34;
  }
}

@media (max-width: 720px) {
  .home .hero::before {
    top: 14px;
    right: -14%;
    bottom: auto;
    width: 78vw;
    height: 480px;
    background-image:
      linear-gradient(135deg, rgba(255, 255, 255, .12), rgba(255, 247, 224, .26)),
      url("chiba-coast-fields-720.webp");
    opacity: .25;
  }

  .home .hero-copy {
    text-shadow: 0 1px 0 rgba(255, 255, 255, .92);
  }

  .home .hero-panel {
    background: rgba(255, 255, 255, .86);
  }
}

@media (prefers-reduced-data: reduce) {
  .home .hero::before {
    background-image: linear-gradient(145deg, #b7dfd0, #f9d99a);
    opacity: .24;
  }
}