/* Meditation, service and the photographs supplied for the philosophy pages. */
.marga-hero .split-hero-grid { grid-template-columns: minmax(0,1.12fr) minmax(0,.88fr); gap: 72px; }
.marga-hero .split-hero-copy h1 { font-size: clamp(3.6rem,6vw,6.1rem); line-height: 1.06; }
.marga-hero .split-hero-copy .page-lede { max-width: 520px; }
.marga-hero .split-hero-photo { width: 100%; max-width: 470px; justify-self: end; }
.marga-hero .split-hero-photo img { height: auto; aspect-ratio: 800/1055; }
.marga-hero .split-hero-photo figcaption { color: #d5dfce; }
.marga-aims { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 60px; margin-top: 40px; }
.marga-aims article { padding-top: 28px; border-top: 1px solid var(--line); }
.marga-aims .card-number { margin-bottom: 17px; }
.marga-aims h3 { font: 600 2.5rem/1.15 var(--serif); color: var(--forest); margin-bottom: 17px; }
.marga-aims p { color: var(--muted); font-size: 1rem; line-height: 1.8; max-width: 510px; }
.marga-universal { padding-block: 72px; background: var(--forest); color: #fff; }
.marga-universal .eyebrow { color: #d8e3d0; }
.marga-universal h2 em { color: var(--gold); }
.marga-universal .prose p, .marga-universal .prose p:first-child { color: #e0e8db; }
.marga-service-grid { display: grid; grid-template-columns: minmax(0,.88fr) minmax(0,1.12fr); align-items: center; gap: 80px; }
.marga-service-photo { margin: 0; }
.marga-service-photo img { width: 100%; height: auto; border-radius: 4px; }
.marga-service-photo figcaption { margin-top: 14px; font-size: .875rem; line-height: 1.65; color: var(--muted); }
.marga-service h2 { font-size: clamp(3rem,4.3vw,4.3rem); line-height: 1.08; }
.marga-service-copy > p:not(.eyebrow) { margin-top: 25px; color: var(--muted); font-size: 1rem; line-height: 1.8; }
.marga-service-list { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 25px 30px; margin: 32px 0; }
.marga-service-list > div { padding-top: 18px; border-top: 1px solid var(--line); }
.marga-service-list dt { font: 600 1.65rem/1.2 var(--serif); color: var(--forest); margin-bottom: 9px; }
.marga-service-list dd { margin: 0; color: var(--muted); font-size: 1rem; line-height: 1.75; }
.marga-reflection { margin: 0 0 32px; }
.marga-reflection img { width: 100%; height: auto; border-radius: 4px; }
.marga-reflection figcaption { margin-top: 13px; font-size: .875rem; line-height: 1.65; color: var(--muted); }
.kitchen-photo-hero .split-hero-photo img { height: auto; aspect-ratio: 1004/643; object-fit: contain; }
.page-image-hero.page-hero--prout { min-height: clamp(620px,52vw,790px); --hero-position: 66% 40%; }
.page-hero--prout .inner-hero-copy h1 { max-width: 720px; }
@media (max-width: 1000px) {
  .marga-hero .split-hero-grid, .marga-service-grid { gap: 38px; }
  .marga-hero .split-hero-copy h1 { font-size: clamp(3.25rem,6vw,5rem); }
  .marga-aims { gap: 36px; }
}
@media (max-width: 760px) {
  .marga-hero .split-hero-grid, .marga-aims, .marga-service-grid { grid-template-columns: 1fr; gap: 32px; }
  .marga-hero .split-hero-copy h1 { font-size: clamp(3rem,9.5vw,4.5rem); }
  .marga-hero .split-hero-photo { max-width: 440px; justify-self: center; }
  .marga-aims { margin-top: 30px; }
  .marga-aims h3 { font-size: 2.3rem; }
  .marga-universal { padding-block: 50px; }
  .marga-service-copy { order: 1; }
  .marga-service-photo { order: 2; max-width: 460px; width: 100%; margin-inline: auto; }
  .marga-service h2 { font-size: clamp(2.85rem,8.5vw,3.5rem); }
  .marga-service-list { gap: 23px 20px; }
  .marga-service-list dt { font-size: 1.5rem; }
  .page-image-hero.page-hero--prout { min-height: 0; }
  .page-hero--prout .inner-hero-image { height: auto; aspect-ratio: 2048/1297; }
}