.page[data-page="about"] {
  background: #f8f2e8;
}

.page[data-page="about"] .about-hero {
  min-height: 390px;
}

.page[data-page="about"] .about-hero::before {
  background: linear-gradient(90deg, rgba(9, 55, 45, 0.94), rgba(9, 55, 45, 0.52));
}

.about-content {
  padding-block: 76px 92px;
}

.about-content > .about-collection {
  max-width: none;
  gap: 28px;
}

.about-collection .about-entry {
  position: relative;
  isolation: isolate;
  grid-template-columns: minmax(0, 1.04fr) minmax(0, 0.96fr);
  gap: 0;
  padding: 0;
  overflow: hidden;
  border: 1px solid rgba(139, 103, 61, 0.11);
  border-radius: 30px;
  background:
    radial-gradient(circle at 92% 8%, rgba(199, 143, 77, 0.13), transparent 34%),
    linear-gradient(135deg, #fffdf8 0%, #f3e6d3 100%);
  box-shadow: 0 24px 60px rgba(57, 48, 34, 0.09);
}

.about-collection .about-entry > img {
  width: 100%;
  height: 100%;
  min-height: 460px;
  aspect-ratio: auto;
  object-fit: cover;
}

.about-collection .about-entry > div {
  position: relative;
  z-index: 1;
  align-self: center;
  padding: clamp(38px, 5vw, 66px);
}

.about-collection .about-entry small {
  display: inline-flex;
  align-items: center;
  gap: 14px;
  color: #a85e37;
  font-size: 11px;
  letter-spacing: 0.17em;
}

.about-collection .about-entry small::before {
  width: 46px;
  height: 2px;
  background: #c89d51;
  content: "";
}

.about-collection .about-entry h2 {
  margin: 16px 0 12px;
  color: #173d2b;
  font-size: clamp(34px, 4vw, 48px);
  line-height: 1.23;
}

.about-collection .about-entry .subtitle {
  margin: 0 0 22px;
  color: #bd6940;
  font-family: "Noto Serif SC", Georgia, serif;
  font-size: clamp(18px, 2vw, 23px);
  font-weight: 600;
  line-height: 1.55;
}

.about-collection .about-entry .body {
  margin: 0;
  color: #53645d;
  font-size: 16px;
  line-height: 1.95;
  overflow-wrap: anywhere;
}

.about-collection .mother-church-link {
  display: inline-flex;
  align-items: center;
  gap: 14px;
  min-height: 52px;
  margin-top: 26px;
  padding: 11px 17px;
  border: 1px solid rgba(21, 84, 67, 0.28);
  border-radius: 999px;
  color: #154f42;
  background: rgba(255, 255, 255, 0.62);
  font-weight: 800;
  transition: background .2s ease, color .2s ease, border-color .2s ease;
}

.about-collection .mother-church-link small {
  color: #a85e37;
  font-size: 10px;
  letter-spacing: .09em;
}

.about-collection .mother-church-link small::before { display: none; }
.about-collection .mother-church-link:hover { color: #fff; border-color: #155443; background: #155443; }
.about-collection .mother-church-link:hover small { color: #f3cb83; }

.about-collection .about-entry.no-image {
  display: block;
}

.about-collection .about-entry.no-image > div {
  max-width: 1000px;
  padding-block: clamp(44px, 6vw, 72px);
}

.about-collection .about-entry.has-image:nth-child(even) > img {
  grid-column: 2;
}

.about-collection .about-entry.has-image:nth-child(even) > div {
  grid-column: 1;
  grid-row: 1;
}

.about-collection .about-entry.about-beliefs {
  display: grid;
  grid-template-columns: minmax(230px, 0.62fr) minmax(0, 1.38fr);
  color: #fff;
  border-color: rgba(255, 255, 255, 0.08);
  background:
    radial-gradient(circle at 96% 10%, rgba(210, 169, 91, 0.17), transparent 30%),
    linear-gradient(135deg, #123f31 0%, #0b3328 100%);
  box-shadow: 0 28px 70px rgba(13, 55, 43, 0.19);
}

.about-collection .about-entry.about-beliefs > div {
  display: grid;
  grid-column: 1 / -1;
  grid-template-columns: minmax(230px, 0.62fr) minmax(0, 1.38fr);
  align-items: center;
  max-width: none;
  gap: 0 48px;
}

.about-collection .about-beliefs small,
.about-collection .about-beliefs h2 {
  grid-column: 1;
}

.about-collection .about-beliefs small {
  color: #efc77d;
}

.about-collection .about-beliefs h2 {
  color: #fff6e8;
}

.about-collection .about-beliefs .subtitle {
  grid-column: 1;
  color: #efc77d;
}

.about-collection .about-beliefs .body {
  grid-column: 2;
  grid-row: 1 / span 4;
  padding-left: 48px;
  border-left: 1px solid rgba(239, 199, 125, 0.52);
  color: #dce8e2;
}

.about-collection .about-beliefs .media-actions {
  grid-column: 2;
}

@media (max-width: 820px) {
  .about-content {
    padding-block: 48px 64px;
  }

  .about-collection .about-entry,
  .about-collection .about-entry.about-beliefs,
  .about-collection .about-entry.about-beliefs > div {
    grid-template-columns: 1fr;
  }

  .about-collection .about-entry {
    border-radius: 24px;
  }

  .about-collection .about-entry > img,
  .about-collection .about-entry.has-image:nth-child(even) > img {
    grid-column: 1;
    grid-row: 1;
    min-height: 0;
    aspect-ratio: 1.35;
  }

  .about-collection .about-entry.about-story > img,
  .about-collection .about-entry.about-story.has-image:nth-child(even) > img {
    height: auto;
    max-height: none;
    aspect-ratio: auto;
    object-fit: contain;
    background: #153b32;
  }

  .about-collection .about-entry.about-pastor > img,
  .about-collection .about-entry.about-pastor.has-image:nth-child(even) > img {
    width: 100%;
    height: auto;
    max-height: none;
    aspect-ratio: auto;
    object-fit: contain;
    object-position: center;
  }

  .about-collection .about-entry > div,
  .about-collection .about-entry.has-image:nth-child(even) > div {
    grid-column: 1;
    grid-row: 2;
    padding: 32px 26px 38px;
  }

  .about-collection .about-entry h2 {
    font-size: clamp(29px, 8.5vw, 38px);
    line-height: 1.28;
  }

  .about-collection .about-entry .subtitle {
    font-size: 18px;
    line-height: 1.65;
  }

  .about-collection .about-entry .body {
    font-size: 16px;
    line-height: 1.9;
    text-wrap: pretty;
  }

  .about-collection .mother-church-link {
    width: 100%;
    align-items: flex-start;
    justify-content: space-between;
    border-radius: 14px;
  }

  .about-collection .about-entry.no-image > div,
  .about-collection .about-entry.about-beliefs > div {
    grid-row: auto;
  }

  .about-collection .about-beliefs small,
  .about-collection .about-beliefs h2,
  .about-collection .about-beliefs .subtitle,
  .about-collection .about-beliefs .body,
  .about-collection .about-beliefs .media-actions {
    grid-column: 1;
  }

  .about-collection .about-beliefs .body {
    grid-row: auto;
    margin-top: 18px;
    padding: 24px 0 0;
    border-top: 1px solid rgba(239, 199, 125, 0.42);
    border-left: 0;
  }
}

/* Configurable editorial image presentation */
.about-collection .about-entry.image-layout-wide {
  grid-template-columns: minmax(0, 1fr);
}

.about-collection .about-entry.image-layout-wide > img {
  grid-column: 1;
  grid-row: 1;
  width: 100%;
  height: auto;
  min-height: 0;
  max-height: none;
  aspect-ratio: auto;
  background: #153b32;
}

.about-collection .about-entry.image-layout-wide > div,
.about-collection .about-entry.image-layout-wide:nth-child(even) > div {
  grid-column: 1;
  grid-row: 2;
  width: min(100%, 1060px);
  margin-inline: auto;
  padding-block: clamp(42px, 5vw, 66px);
}

.about-collection .about-entry.image-layout-side.image-fit-contain > img {
  object-fit: contain;
  background: #153b32;
}

.about-collection .about-entry.image-layout-wide.image-fit-cover > img {
  height: auto;
  aspect-ratio: 16 / 9;
  object-fit: cover;
}

.about-collection .about-entry.image-layout-wide.image-fit-contain > img {
  object-fit: contain;
}

.about-collection .about-entry.about-pastor > img {
  width: 100%;
  height: auto;
  min-height: 0;
  aspect-ratio: auto;
  object-fit: contain;
  background: #153b32;
}

.about-collection .image-position-center > img { object-position: center center; }
.about-collection .image-position-top > img { object-position: center top; }
.about-collection .image-position-bottom > img { object-position: center bottom; }
.about-collection .image-position-left > img { object-position: left center; }
.about-collection .image-position-right > img { object-position: right center; }

/* Pastor profiles use a composed editorial layout on desktop while keeping
   every image choice (fit, position and wide/side layout) CMS-controlled. */
@media (min-width: 821px) {
  .about-collection .about-entry.about-pastor:not(.image-layout-wide) {
    grid-template-columns: minmax(360px, .86fr) minmax(0, 1.14fr);
    min-height: 560px;
  }

  .about-collection .about-entry.about-pastor:not(.image-layout-wide) > img {
    width: 100%;
    height: 100%;
    min-height: 560px;
    max-height: 680px;
    object-fit: cover;
  }

  .about-collection .about-entry.about-pastor.image-fit-contain:not(.image-layout-wide) > img {
    object-fit: contain;
  }

  .about-collection .about-entry.about-pastor:not(.image-layout-wide) > div {
    width: min(100%, 650px);
    padding: clamp(42px, 4.5vw, 68px);
  }
}

@media (max-width: 820px) {
  .about-collection .about-entry.image-layout-wide > img,
  .about-collection .about-entry.image-layout-wide:nth-child(even) > img {
    grid-column: 1;
    grid-row: 1;
    height: auto;
    min-height: 0;
    aspect-ratio: auto;
  }

  .about-collection .about-entry.image-layout-wide.image-fit-cover > img {
    aspect-ratio: 16 / 9;
  }

  .about-collection .about-entry.image-layout-wide > div,
  .about-collection .about-entry.image-layout-wide:nth-child(even) > div {
    grid-column: 1;
    grid-row: 2;
    width: auto;
    margin: 0;
  }
}