/* ===================================================================
   SECTION: community-strip  (Figma node 4:169)
   Page-level position: left:0; top:5728px; width:1440px; height:773px
   =================================================================== */

.community-strip {
  position: absolute;
  left: 0;
  top: 5728px;
  width: 1440px;
  height: 773px;
  overflow: hidden;
  background: linear-gradient(180deg, #0a1a33 0%, #081327 100%);
}

/* ---------- Section heading ---------- */
.community-strip-heading {
  position: absolute;
  left: 96px;
  right: 96px;
  top: 26px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  text-align: center;
}

.community-strip-title {
  margin: 0;
  width: 100%;
  font-family: "Playfair Display", serif;
  font-weight: 500;
  font-size: 48px;
  line-height: 1.2;
  background-image: linear-gradient(
    178.5deg,
    rgb(180, 136, 48) 9.83%,
    rgb(228, 190, 91) 46.04%,
    rgb(255, 225, 135) 70.19%,
    rgb(228, 190, 91) 94.34%,
    rgb(159, 113, 35) 130.55%
  );
  background-clip: text;
  -webkit-background-clip: text;
  color: transparent;
  -webkit-text-fill-color: transparent;
}
.community-strip-title .i {
  font-style: italic;
  font-weight: 400;
}

.community-strip-subtitle {
  margin: 0;
  width: 100%;
  font-size: 20px;
  line-height: 1.5;
  color: #ffffff;
}

/* ---------- Reels (shared) ---------- */
.community-reel-thumb {
  position: absolute;
  inset: 0;
  overflow: hidden;
  border-radius: inherit;
  background: #0c1c38;
}
.community-reel-thumb img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  pointer-events: none;
}

.community-reel-caption {
  position: absolute;
  width: 161px;
  margin: 0;
  transform: translateX(-50%);
  text-align: center;
  font-weight: 700;
  font-style: italic;
  font-size: 14px;
  line-height: 1.5;
  background-image: linear-gradient(90deg, #ffffff 0%, #ffcb74 52.885%, #9f7123 100%);
  background-clip: text;
  -webkit-background-clip: text;
  color: transparent;
  -webkit-text-fill-color: transparent;
}

.community-reel-desc {
  position: absolute;
  margin: 0;
  transform: translateX(-50%);
  text-align: center;
  font-weight: 300;
  font-size: 14px;
  line-height: 1.4;
  color: #ffffff;
}

/* Reel 1 */
.community-reel--1 {
  position: absolute;
  left: 246px;
  top: 220px;
  width: 271px;
  height: 364px;
  border-radius: 33px;
}
.community-reel-caption--1 { left: 381.5px; top: 687px; }
.community-reel-desc--1 { left: 382px; top: 604px; width: 250px; }

/* Middle reel */
.community-reel--2 {
  position: absolute;
  left: 546px;
  top: 154px;
  width: 347px;
  height: 466px;
  border-radius: 36px;
}
.community-reel-caption--2 { left: 719.5px; top: 726px; }
.community-reel-desc--2 { left: 719.5px; top: 651px; width: 303px; }

/* 3rd reel */
.community-reel--3 {
  position: absolute;
  left: 922px;
  top: 220px;
  width: 271px;
  height: 364px;
  border-radius: 33px;
}
.community-reel-caption--3 { left: 1057.5px; top: 682px; }
.community-reel-desc--3 { left: 1057.5px; top: 604px; width: 293px; }

/* ---------- Carousel arrows ---------- */
.community-arrow {
  position: absolute;
  top: 426.5px;
  width: 48px;
  height: 48px;
  padding: 0;
  border: none;
  background: transparent;
  cursor: pointer;
}
.community-arrow img {
  width: 100%;
  height: 100%;
  display: block;
}
.community-arrow--left { left: 168px; }
.community-arrow--right { left: 1224px; }