/* ==========================================================================
   AUM SECTIONS — styling for patterns in the "AUM · Sections" category.
   Introduced in v1.46.0 with "The Method". Every colour routes through
   the theme tokens so the Customizer palette drives these too.
   ========================================================================== */

/* --------------------------------------------------------------------------
   Shared section furniture
   -------------------------------------------------------------------------- */

.aum-method-eyebrow {
  font-size: var(--aum-fs-xs);
  letter-spacing: .26em;
  text-transform: uppercase;
  color: var(--aum-accent-deep, #7b6a58);
  margin-bottom: 18px;
}

.aum-method-rule {
  width: 56px;
  height: 1px;
  background: var(--aum-accent, #d7c6b2);
  border: 0;
  margin: 26px auto;
  opacity: 1;
}

.aum-method-lede {
  font-size: var(--aum-fs-body);
  line-height: var(--aum-lh-copy);
  max-width: 760px;
  margin-left: auto;
  margin-right: auto;
}

.aum-method-sub {
  font-size: var(--aum-fs-body-sm);
  color: var(--aum-gray, #9b9b9b);
}

/* Full-bleed section grounds */
.aum-method-section { padding-block: clamp(56px, 8vw, 96px); }
.aum-method-section--warm { background: var(--aum-warm, #f2ece4); }
.aum-method-section--soft { background: var(--aum-soft, #f7f7f7); }
.aum-method-section--ink  { background: var(--aum-black, #000); }
.aum-method-section > .aum-method-inner,
.aum-method-section.wp-block-group { --aum-method-max: 1080px; }
.aum-method-inner { max-width: var(--aum-method-max, 1080px); margin-inline: auto; padding-inline: 24px; }

/* --------------------------------------------------------------------------
   1. Three dimensions — joined cards, the energetic card on warm ground
   -------------------------------------------------------------------------- */

.aum-dims.wp-block-columns {
  gap: 0;
  border: 1px solid var(--aum-border, #e8e8e8);
  margin-top: 56px;
  text-align: left;
}

.aum-dims > .wp-block-column {
  padding: 36px 30px 32px;
  border-right: 1px solid var(--aum-border, #e8e8e8);
}

.aum-dims > .wp-block-column:last-child { border-right: 0; }

.aum-dim__name {
  font-size: var(--aum-fs-caption);
  letter-spacing: .2em;
  text-transform: uppercase;
  color: var(--aum-black, #000);
  margin: 0 0 12px;
}

.aum-dim__who {
  font-size: var(--aum-fs-copy-small);
  line-height: 1.6;
  margin: 0;
}

.aum-dim--gap { background: var(--aum-warm, #f2ece4); }
.aum-dim--gap .aum-dim__who strong { color: var(--aum-accent-deep, #7b6a58); font-weight: 600; }

.aum-method-symptoms {
  margin-top: 34px;
  text-align: center;
  font-size: var(--aum-fs-small);
  letter-spacing: .08em;
  color: var(--aum-gray, #9b9b9b);
}

.aum-method-resolve {
  max-width: 640px;
  margin: 30px auto 0;
  text-align: center;
  font-size: var(--aum-fs-body);
  line-height: var(--aum-lh-copy);
}

@media (max-width: 861px) {
  .aum-dims.wp-block-columns { flex-wrap: wrap !important; }
  .aum-dims > .wp-block-column {
    flex-basis: 100% !important;
    border-right: 0;
    border-bottom: 1px solid var(--aum-border, #e8e8e8);
  }
  .aum-dims > .wp-block-column:last-child { border-bottom: 0; }
}

/* --------------------------------------------------------------------------
   2. Quote band
   -------------------------------------------------------------------------- */

.aum-method-quote-text {
  max-width: 780px;
  margin-inline: auto;
  font-size: clamp(20px, 3vw, 27px);
  font-weight: 300;
  line-height: 1.6;
  color: var(--aum-accent-deep, #7b6a58);
  text-align: center;
}

.aum-method-quote-mark {
  font-size: var(--aum-fs-h1);
  line-height: .6;
  color: var(--aum-accent, #d7c6b2);
  text-align: center;
  margin-bottom: 6px;
}

/* --------------------------------------------------------------------------
   3. Not / Is strip
   -------------------------------------------------------------------------- */

.aum-notis.wp-block-columns {
  max-width: 860px;
  margin-inline: auto;
  align-items: center;
  gap: clamp(24px, 5vw, 64px);
}

.aum-notis .wp-block-list { list-style: none; margin: 0; padding: 0; }

.aum-notis__no { text-align: right; border-right: 1px solid var(--aum-border, #e8e8e8); padding-right: clamp(24px, 5vw, 64px); }

.aum-notis__no li {
  font-size: var(--aum-fs-copy-small);
  letter-spacing: .12em;
  text-transform: uppercase;
  color: var(--aum-gray, #9b9b9b);
  text-decoration: line-through;
  text-decoration-color: var(--aum-accent, #d7c6b2);
  text-decoration-thickness: 1px;
  padding: 8px 0;
}

.aum-notis__yes li {
  font-size: clamp(19px, 2.4vw, 25px);
  font-weight: 300;
  letter-spacing: .2em;
  text-transform: uppercase;
  color: var(--aum-black, #000);
  padding: 8px 0;
}

@media (max-width: 701px) {
  .aum-notis.wp-block-columns { flex-wrap: wrap !important; }
  .aum-notis > .wp-block-column { flex-basis: 100% !important; }
  .aum-notis__no { text-align: center; border-right: 0; padding-right: 0; border-bottom: 1px solid var(--aum-border, #e8e8e8); padding-bottom: 18px; }
  .aum-notis__yes { text-align: center; }
}

/* --------------------------------------------------------------------------
   4. Pillars — hairline cards with ghost numerals
   -------------------------------------------------------------------------- */

.aum-pillars.wp-block-columns { gap: 24px; margin-top: 44px; }

.aum-pillar {
  position: relative;
  border: 1px solid var(--aum-border, #e8e8e8);
  background: var(--aum-white, #fff);
  padding: 40px 30px 34px;
  overflow: hidden;
  transition: border-color var(--aum-transition, .25s ease);
}

.aum-pillar:hover { border-color: var(--aum-accent-deep, #7b6a58); }

.aum-pillar__num {
  position: absolute;
  top: -18px;
  right: 6px;
  font-size: var(--aum-fs-decorative);
  font-weight: 300;
  color: var(--aum-soft, #f7f7f7);
  line-height: 1;
  margin: 0;
  user-select: none;
}

.aum-pillar__kicker {
  position: relative;
  font-size: var(--aum-fs-2xs);
  letter-spacing: .22em;
  text-transform: uppercase;
  color: var(--aum-accent-deep, #7b6a58);
  margin: 0 0 10px;
}

.aum-pillar__title {
  position: relative;
  font-size: var(--aum-fs-body);
  letter-spacing: .16em;
  text-transform: uppercase;
  color: var(--aum-black, #000);
  margin: 0 0 16px;
}

.aum-pillar__rule {
  width: 34px;
  height: 1px;
  background: var(--aum-accent, #d7c6b2);
  border: 0;
  margin: 0 0 18px;
  opacity: 1;
}

.aum-pillar__body { position: relative; font-size: var(--aum-fs-copy-small); line-height: var(--aum-lh-copy); margin: 0; }

.aum-pillar__tag {
  position: relative;
  display: inline-block;
  margin-top: 18px;
  font-size: var(--aum-fs-2xs);
  letter-spacing: .18em;
  text-transform: uppercase;
  color: var(--aum-accent-deep, #7b6a58);
  border-bottom: 1px solid var(--aum-accent, #d7c6b2);
  padding-bottom: 4px;
}

@media (max-width: 861px) {
  .aum-pillars.wp-block-columns { flex-wrap: wrap !important; }
  .aum-pillars > .wp-block-column { flex-basis: 100% !important; }
}

/* --------------------------------------------------------------------------
   5. The science — split with inverted stat card
   -------------------------------------------------------------------------- */

.aum-science.wp-block-columns { gap: clamp(32px, 6vw, 72px); align-items: flex-start; }

.aum-science__lead {
  font-size: clamp(19px, 2.4vw, 24px);
  font-weight: 300;
  line-height: 1.6;
  color: var(--aum-gray, #9b9b9b);
  margin: 0 0 26px;
}

.aum-science__lead strong { color: var(--aum-black, #000); font-weight: 300; }

.aum-science-stat {
  background: var(--aum-black, #000);
  color: var(--aum-white, #fff);
  padding: 30px 28px;
  margin-top: 8px;
}

.aum-science-stat__n {
  font-size: var(--aum-fs-h1);
  font-weight: 300;
  line-height: 1;
  color: var(--aum-accent, #d7c6b2);
  margin: 0;
}

.aum-science-stat__t {
  font-size: var(--aum-fs-xs);
  letter-spacing: .2em;
  text-transform: uppercase;
  margin: 10px 0 0;
  color: rgba(255, 255, 255, .8);
}

.aum-science__body p { font-size: var(--aum-fs-body-sm); line-height: var(--aum-lh-copy); margin: 0 0 18px; }

.aum-science__shift {
  border-left: 2px solid var(--aum-accent, #d7c6b2);
  padding: 6px 0 6px 22px;
  margin-top: 26px;
  font-size: var(--aum-fs-body-sm);
  color: var(--aum-accent-deep, #7b6a58);
}

@media (max-width: 861px) {
  .aum-science.wp-block-columns { flex-wrap: wrap !important; }
  .aum-science > .wp-block-column { flex-basis: 100% !important; }
}

/* --------------------------------------------------------------------------
   6. Outcomes — tick cards, four across
   -------------------------------------------------------------------------- */

.aum-outcomes {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 16px;
  margin-top: 44px;
}

.aum-outcomes > p.aum-outcome {
  border: 1px solid var(--aum-border, #e8e8e8);
  background: var(--aum-white, #fff);
  padding: 52px 20px 24px;
  margin: 0;
  position: relative;
  font-size: var(--aum-fs-copy-small);
  line-height: 1.55;
  letter-spacing: .04em;
  transition: border-color var(--aum-transition, .25s ease);
}

.aum-outcomes > p.aum-outcome:hover { border-color: var(--aum-accent-deep, #7b6a58); }

.aum-outcomes > p.aum-outcome::before {
  content: "";
  position: absolute;
  top: 26px;
  left: 20px;
  width: 14px;
  height: 8px;
  border-left: 1px solid var(--aum-accent-deep, #7b6a58);
  border-bottom: 1px solid var(--aum-accent-deep, #7b6a58);
  transform: rotate(-45deg);
}

@media (max-width: 961px) { .aum-outcomes { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 521px) { .aum-outcomes { grid-template-columns: 1fr; } }

/* --------------------------------------------------------------------------
   7. Closing band
   -------------------------------------------------------------------------- */

.aum-method-section--ink .aum-method-close-title { color: var(--aum-white, #fff); }

.aum-method-close-lede {
  color: rgba(255, 255, 255, .72);
  max-width: 560px;
  margin: 0 auto 36px;
  text-align: center;
  font-size: var(--aum-fs-body);
  line-height: var(--aum-lh-copy);
}