.projects-hero .hero-photo { object-position: 50% 44%; }
.projects-hero::before { background: #08281ea8; }
.projects-hero-inner { position: relative; min-height: 430px; padding-block: 27px 56px; }
.projects-breadcrumbs { display: flex; align-items: center; gap: 13px; color: #e2e9dc; font-size: 11px; margin-bottom: 32px; }
.projects-breadcrumbs svg { width: 12px; height: 12px; }
.projects-breadcrumbs a:hover { color: var(--pink); }
.projects-hero .hero-copy { max-width: 690px; }
.projects-hero .hero-eyebrow { margin-bottom: 16px; }
.projects-hero h1 { font-size: 58px; }
.projects-hero-statement { font-family: var(--serif); font-size: 28px; line-height: 1.45; margin-top: 22px; }
.projects-hero-statement em { color: var(--pink); }
.projects-hero-description { color: #e0e8da; font-size: 13px; line-height: 1.8; max-width: 580px; margin-top: 18px; }
.projects-section-nav { background: var(--pink-light); border-bottom: 1px solid #efd7df; }
.projects-section-nav .container { display: flex; align-items: center; justify-content: space-between; gap: 32px; min-height: 66px; overflow-x: auto; }
.projects-section-nav a { display: flex; align-items: center; gap: 12px; font-size: 12px; font-weight: 600; white-space: nowrap; padding-block: 21px; }
.projects-section-nav a > span { color: #a17486; font-family: var(--serif); font-size: 16px; font-weight: 400; }
.projects-section-nav a:hover { color: #99526e; }
.project-feature-layout { display: grid; grid-template-columns: 1fr 1fr; align-items: center; gap: 90px; }
.project-feature-reversed .project-feature-copy { grid-column: 2; grid-row: 1; }
.project-feature-reversed .project-feature-photo { grid-column: 1; grid-row: 1; }
.project-kicker { display: flex; align-items: center; gap: 13px; margin-bottom: 20px; }
.project-kicker .eyebrow { margin: 0; }
.project-symbol { width: 43px; height: 43px; border-radius: 50%; display: grid; place-items: center; background: #e7efdf; color: #617e51; }
.project-symbol svg { width: 23px; height: 23px; }
.project-feature h2 { font-size: 38px; }
.project-feature-copy .lead { margin-top: 20px; font-size: 18px; line-height: 1.8; color: var(--muted); }
.project-detail-label { font-size: 9px; text-transform: uppercase; color: #8c7666; margin-top: 26px; }
.project-feature-copy blockquote { font-family: var(--serif); color: var(--green); font-size: 24px; line-height: 1.5; margin: 10px 0 0; padding-left: 20px; border-left: 3px solid var(--pink); }
.project-detail-heading { font-size: 21px; margin-top: 26px; }
.related-pillar { margin-top: 26px; }
.project-feature-actions { padding-top: 27px; margin-top: 25px; border-top: 1px solid #dce4d7; }
.project-feature-photo { position: relative; }
.project-feature-photo img { width: 100%; height: 430px; object-fit: cover; border-radius: 4px; }
.project-feature-photo figcaption { position: absolute; right: 10px; bottom: 10px; font-size: 8px; padding: 3px 7px; color: #fff; background: #173d2de6; border-radius: 2px; }
.project-shala-section { background: #eff5eb; border-block: 1px solid #e0e9d9; }
.school-support-list { padding: 0; margin: 17px 0 0; list-style: none; display: grid; grid-template-columns: 1fr 1fr; gap: 11px 20px; }
.school-support-list li { position: relative; padding-left: 16px; font-size: 13px; line-height: 1.8; color: var(--muted); }
.school-support-list li::before { content: ''; position: absolute; width: 4px; height: 4px; border-radius: 50%; background: #839c71; top: 10px; left: 0; }
.project-khedi-section { background: #fcf6e9; border-bottom: 1px solid #ede5d5; }
.project-khedi-section .project-symbol { color: #9b7b36; background: #f2e5c3; }
.project-khedi-section .eyebrow { color: #997936; }
.project-khedi-section blockquote { border-color: #ceab66; }
.project-khedi-section .project-feature-actions { border-color: #e2d6bb; }
.khedi-connections { list-style: none; padding: 0; margin: 18px 0 0; display: grid; grid-template-columns: 1fr 1fr; gap: 15px 25px; }
.khedi-connections li { display: flex; align-items: center; gap: 10px; font-size: 12px; color: #8d713d; font-weight: 600; }
.khedi-connections svg { width: 19px; height: 19px; }
.project-khedi-section .project-feature-photo img { object-position: 65% 50%; }
.project-gaavvari-section { background: var(--pink-light); }
.project-gaavvari-section .project-symbol { color: #995e76; background: #f2d7e1; }
.project-gaavvari-section .eyebrow { color: #995e76; }
.project-gaavvari-section .project-feature-actions { border-color: #e8cdd7; }
.project-contribute-section { padding-block: 55px; background: var(--green); color: #fff; }
.project-contribute-layout { display: flex; align-items: center; justify-content: space-between; gap: 40px; }
.project-contribute-layout .eyebrow { color: #bed1b5; }
.project-contribute-layout h2 { color: #fff; font-size: 32px; }
.project-contribute-layout p:not(.eyebrow) { font-size: 13px; color: #d4e1cc; margin-top: 15px; }
.project-contribute-layout > .button { flex-shrink: 0; }
@media (max-width: 1100px) {
  .project-feature-layout { gap: 48px; }
  .project-feature h2 { font-size: 34px; }
  .project-feature-copy .lead { font-size: 16px; }
  .project-feature-copy blockquote { font-size: 22px; }
  .project-feature-photo img { height: 420px; }
  .school-support-list { gap: 10px 14px; }
  .school-support-list li { font-size: 12px; }
  .khedi-connections { gap: 15px; }
}
@media (max-width: 760px) {
  .projects-hero-inner { min-height: 0; padding-block: 22px 44px; }
  .projects-breadcrumbs { margin-bottom: 27px; font-size: 10px; }
  .projects-hero h1 { font-size: 46px; }
  .projects-hero-statement { font-size: 26px; }
  .projects-hero-description { font-size: 12px; }
  .projects-section-nav .container { min-height: 58px; gap: 28px; }
  .projects-section-nav a { font-size: 11px; padding-block: 18px; gap: 8px; }
  .project-feature-layout { grid-template-columns: 1fr; gap: 32px; }
  .project-feature-reversed .project-feature-copy, .project-feature-reversed .project-feature-photo { grid-column: auto; grid-row: auto; }
  .project-feature h2 { font-size: 32px; }
  .project-feature-photo img { height: 340px; }
  .project-feature-copy .lead { font-size: 17px; }
  .project-kicker { margin-bottom: 17px; }
  .project-contribute-layout { display: block; }
  .project-contribute-layout h2 { font-size: 29px; }
  .project-contribute-layout > .button { margin-top: 25px; }
}
@media (max-width: 480px) {
  .projects-hero .hero-photo { object-position: 65% 40%; }
  .projects-hero::before { background: #08281eb0; }
  .projects-hero h1 { font-size: 40px; }
  .projects-hero .hero-eyebrow { font-size: 9px; }
  .projects-hero-statement { font-size: 24px; }
  .project-kicker .eyebrow { font-size: 9px; }
  .project-feature h2 { font-size: 30px; }
  .project-feature-copy .lead { font-size: 16px; }
  .project-feature-copy blockquote { font-size: 22px; padding-left: 16px; }
  .project-feature-photo img { height: 270px; }
  .school-support-list { grid-template-columns: 1fr; gap: 10px; }
  .school-support-list li { font-size: 13px; }
  .khedi-connections { gap: 14px 12px; }
  .khedi-connections li { font-size: 11px; gap: 8px; }
  .khedi-connections svg { width: 17px; height: 17px; }
}