.ideas-hero {
  width: min(920px, calc(100% - 2.8rem));
  margin: 0 auto;
  padding: 5.3rem 0 4.4rem;
}

.ideas-hero .eyebrow a {
  text-decoration: none;
}

.ideas-hero h1 {
  margin: 0 0 1.5rem;
  font-size: clamp(3.2rem, 7vw, 6.8rem);
  font-weight: 500;
  letter-spacing: -.055em;
  line-height: .94;
}

.ideas-intro {
  max-width: 800px;
  color: var(--ink-soft);
  font-size: 1.06rem;
}

.ideas-intro p {
  margin: 0 0 1rem;
}

.ideas-section {
  width: min(var(--max-width), calc(100% - 2.8rem));
  margin: 0 auto 5.2rem;
}

.section-copy {
  max-width: 820px;
  margin: 0 auto 2.4rem;
}

.section-copy h2,
.closing-copy h2 {
  margin: 0 0 1.15rem;
  font-size: clamp(2.2rem, 4.3vw, 3.8rem);
  font-weight: 500;
  letter-spacing: -.045em;
  line-height: 1.02;
}

.section-copy p:not(.eyebrow),
.closing-copy p:not(.eyebrow) {
  color: var(--ink-soft);
}

.foundations,
.image-story,
.social-theatre,
.closing-section {
  padding: 2.85rem;
  border-radius: 22px;
}

.foundations {
  background: linear-gradient(145deg, rgba(244,238,233,.52), rgba(247,242,239,.38));
}

.image-story {
  background: linear-gradient(145deg, rgba(241,236,247,.47), rgba(250,245,238,.38));
}

.social-theatre {
  background: linear-gradient(145deg, rgba(235,242,248,.53), rgba(241,247,241,.45));
}

.closing-section {
  background: linear-gradient(145deg, rgba(249,238,238,.46), rgba(239,246,242,.42));
}

.ritual-place,
.meeting-section {
  padding: 1rem 0 .2rem;
}

.photo-grid {
  display: grid;
  gap: 1.15rem;
  margin-top: 2rem;
}

.photo-grid.two-up {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.photo-grid figure,
.feature-figure {
  margin: 0;
  padding: .7rem;
  background: rgba(255,255,255,.82);
  border: 1px solid rgba(70,70,66,.07);
  border-radius: 21px;
  box-shadow: 0 8px 22px rgba(60,55,51,.035);
}

.photo-grid img,
.feature-figure img {
  width: 100%;
  display: block;
  border-radius: 14px;
}

.photo-grid figcaption,
.feature-figure figcaption {
  padding: .68rem .2rem .12rem;
  color: var(--muted);
  font-size: .82rem;
  line-height: 1.48;
}

.credit {
  display: block;
  margin-top: .22rem;
  color: var(--ink-soft);
  font-weight: 600;
}

.masks-grid,
.social-grid {
  max-width: 1020px;
  margin-left: auto;
  margin-right: auto;
}

.masks-grid img {
  aspect-ratio: 3 / 2;
  object-fit: cover;
}

.social-grid img {
  aspect-ratio: 3 / 2;
  object-fit: cover;
}

.ndp-section,
.academia-section {
  padding: 1rem 0 .3rem;
}

.ndp-layout,
.academia-layout {
  display: grid;
  grid-template-columns: minmax(300px, .95fr) minmax(390px, 1.05fr);
  gap: 3rem;
  align-items: center;
}

.ndp-copy,
.academia-copy {
  margin: 0;
}

.ndp-figure img {
  aspect-ratio: 3 / 2;
  object-fit: cover;
}

.article-figure img {
  aspect-ratio: 4 / 3;
  object-fit: contain;
  background: #eee8df;
}

.theatre-for-change {
  color: var(--ink) !important;
  font-size: clamp(1.35rem, 2.6vw, 2rem);
  font-weight: 600;
  letter-spacing: -.025em;
}

.social-quote {
  max-width: 720px;
  margin: 2rem auto 0;
  padding: 1.4rem 1.55rem;
  border-left: 4px solid var(--plum);
  border-radius: 0 16px 16px 0;
  background: rgba(255,255,255,.7);
  color: var(--ink) !important;
  font-size: clamp(1.3rem, 2.7vw, 2rem);
  font-weight: 500;
  letter-spacing: -.025em;
  line-height: 1.25;
}

.closing-copy {
  max-width: 860px;
  margin: 0 auto;
  text-align: center;
}

.closing-line {
  margin: 1.6rem auto 0;
  max-width: 780px;
  color: var(--ink) !important;
  font-size: clamp(1.4rem, 2.8vw, 2.2rem);
  font-weight: 500;
  letter-spacing: -.03em;
  line-height: 1.22;
}

.archive-back {
  width: min(var(--max-width), calc(100% - 2.8rem));
  margin: -1rem auto 5rem;
  text-align: center;
}

.archive-back a {
  display: inline-block;
  padding: .75rem 1rem;
  border: 1px solid rgba(70,70,66,.14);
  border-radius: 999px;
  background: rgba(255,255,255,.72);
  text-decoration: none;
  font-weight: 600;
}

.archive-back a:hover,
.archive-back a:focus-visible {
  background: #fff;
}

@media (max-width: 960px) {
  .ndp-layout,
  .academia-layout {
    grid-template-columns: 1fr;
  }

  .ndp-copy,
  .academia-copy {
    margin: 0 auto;
  }

  .ndp-figure,
  .article-figure {
    max-width: 820px;
    margin: 0 auto;
  }

  .foundations,
  .image-story,
  .social-theatre,
  .closing-section {
    padding: 2rem;
  }
}

@media (max-width: 640px) {
  .ideas-hero,
  .ideas-section,
  .archive-back {
    width: min(100% - 2rem, var(--max-width));
  }

  .ideas-hero {
    padding-top: 3.6rem;
  }

  .photo-grid.two-up {
    grid-template-columns: 1fr;
  }

  .foundations,
  .image-story,
  .social-theatre,
  .closing-section {
    padding: 1.25rem;
    border-radius: 22px;
  }
}

/* v47 visual rebalancing: more action images, stronger Sue presence */
.foundations-layout {
  display: grid;
  grid-template-columns: minmax(0, 1.06fr) minmax(320px, .94fr);
  gap: 2.4rem;
  align-items: center;
}

.foundations-layout .section-copy {
  margin: 0;
}

.foundations-figure img,
.meeting-figure img {
  aspect-ratio: 3 / 2;
  object-fit: cover;
}

.single-mask-figure {
  max-width: 720px;
  margin: 2rem auto 0;
}

.single-mask-figure img {
  aspect-ratio: 3 / 2;
  object-fit: cover;
}

.ndp-action-grid {
  align-self: center;
  margin-top: 0;
}

.ndp-action-grid img {
  aspect-ratio: 4 / 3;
  object-fit: cover;
}

.meeting-figure {
  max-width: 900px;
  margin: 2rem auto 0;
}

@media (max-width: 960px) {
  .foundations-layout {
    grid-template-columns: 1fr;
  }

  .foundations-figure {
    max-width: 820px;
    margin: 0 auto;
  }
}

/* v48 visual refinement: stronger opening and ritual imagery */
.opening-figure {
  max-width: 920px;
  margin: 2.4rem auto 0;
}

.opening-figure img {
  aspect-ratio: 3 / 2;
  object-fit: cover;
}

.masks-grid img,
.ritual-grid img {
  aspect-ratio: 3 / 2;
  object-fit: cover;
}

.ritual-grid {
  max-width: 1020px;
  margin-left: auto;
  margin-right: auto;
}

/* v49: additional Ideas growing through practice image */
.foundations-practice-figure {
  max-width: 900px;
  margin: 2rem auto 0;
}

.foundations-practice-figure img {
  aspect-ratio: 3 / 2;
  object-fit: cover;
}