.home-community {
  position: relative;
  overflow: hidden;
  padding: clamp(76px, 9vw, 118px) 0 clamp(82px, 9vw, 120px);
  background:
    radial-gradient(circle at 8% 18%, rgba(230, 174, 65, 0.14), transparent 25%),
    radial-gradient(circle at 92% 86%, rgba(121, 50, 31, 0.09), transparent 27%),
    #fffaf0;
}

.home-community::before,
.home-community::after {
  content: "";
  position: absolute;
  width: 250px;
  height: 250px;
  border: 1px solid rgba(206, 151, 45, 0.24);
  border-radius: 62% 38% 70% 30%;
  pointer-events: none;
}

.home-community::before { left: -150px; top: -100px; transform: rotate(24deg); }
.home-community::after { right: -160px; bottom: -125px; transform: rotate(-18deg); }

.home-community-heading {
  max-width: 720px;
  text-align: center;
}

.home-community-heading h2 {
  margin: 0;
  color: #5b1d13;
  font: 700 clamp(40px, 5vw, 64px) / 1.05 "Playfair Display", serif;
}

.home-community-heading > p:last-child {
  max-width: 620px;
  margin: 18px auto 0;
  color: #705c4f;
  font-size: 17px;
  line-height: 1.7;
}

.home-photo-rail {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: clamp(10px, 1.5vw, 20px);
  align-items: end;
  margin-top: 46px;
}

.home-photo-rail figure {
  height: clamp(310px, 29vw, 390px);
  margin: 0;
  overflow: hidden;
  border: 7px solid rgba(255, 255, 255, 0.96);
  border-radius: 140px 140px 18px 18px;
  background: #e5ece7;
  box-shadow: 0 20px 46px rgba(74, 34, 19, 0.15);
  transition: transform 280ms ease, box-shadow 280ms ease;
}

.home-photo-rail figure:nth-child(even) { height: clamp(345px, 32vw, 430px); }
.home-photo-rail figure:hover { transform: translateY(-9px); box-shadow: 0 28px 58px rgba(74, 34, 19, 0.21); }
.home-photo-rail img { display: block; width: 100%; height: 100%; object-fit: cover; }
.home-photo-rail figure:nth-child(1) img { object-position: 50% 30%; }
.home-photo-rail figure:nth-child(2) img { object-position: 50% 24%; }
.home-photo-rail figure:nth-child(3) img { object-position: 50% 28%; }
.home-photo-rail figure:nth-child(4) img { object-position: 50% 100%; transform: scale(1.45); transform-origin: 50% 100%; }

.home-community-link {
  display: flex;
  width: max-content;
  margin: 34px auto 0;
  color: #7b2f1f;
  font-weight: 700;
  text-decoration: none;
  border-bottom: 1px solid rgba(123, 47, 31, 0.35);
}

.home-community-link span { margin-left: 8px; transition: transform 180ms ease; }
.home-community-link:hover span { transform: translateX(4px); }

@media (max-width: 720px) {
  .home-community { padding: 66px 0 74px; }
  .home-community-heading { width: calc(100% - 34px); }
  .home-community-heading h2 { font-size: 39px; }
  .home-community-heading > p:last-child { font-size: 15px; }
  .home-photo-rail { width: calc(100% - 28px); grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 9px; margin-top: 32px; }
  .home-photo-rail figure,
  .home-photo-rail figure:nth-child(even) { height: auto; aspect-ratio: 4 / 5; border-width: 4px; border-radius: 76px 76px 12px 12px; }
  .home-community-link { margin-top: 28px; font-size: 14px; }
}

@media (prefers-reduced-motion: reduce) {
  .home-photo-rail figure,
  .home-community-link span { transition: none; }
}