/* SCENE 13 — GRMH BUSINESS CONSULTING (bone). All visible strings
   arrive from copy.json; rules use the survey-line motif (earth on
   bone via .scene--bone .rule). CSS keeps everything visible by
   default: hidden/initial states are set only in the non-static JS
   branch. */

.s13 { padding-block: 150px 140px; }

.s13-title {
  display: flex;
  align-items: baseline;
  flex-wrap: wrap;
  gap: 12px 24px;
}
.s13-name { font-size: clamp(2.1rem, 4.2vw, 3.4rem); }
.s13 .pill {
  color: var(--earth);
  border-color: rgba(156, 85, 51, .3);
  position: relative;
  top: -4px; /* baseline nudge; transform stays free for the JS tweens */
}

.s13-h2 {
  margin-top: var(--rhythm-eyebrow);
  font-size: clamp(1.35rem, 2.3vw, 1.9rem);
  max-width: 26ch;
}
.s13-h2 + .s13-body { margin-top: var(--rhythm-headline); }

/* ---------- the eight areas: two-column ruled list ---------- */

.s13-areas {
  margin-top: 120px;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  column-gap: calc(var(--gutter) * 2);
  align-items: start;
}

.s13-row {
  position: relative;
  display: flex;
  align-items: baseline;
  gap: 24px;
  padding: 24px 0 28px;
}
.s13-rule {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  opacity: .4;
}
.s13-num {
  flex: none;
  font-size: .66rem;
  font-weight: 300;
  letter-spacing: .24em;
  color: var(--earth);
}
.s13-label {
  font-size: .98rem;
  font-weight: 300;
  color: color-mix(in srgb, var(--ink) 82%, transparent);
}

/* ---------- close: rule, visible disclaimer, CTA ---------- */

.s13-close { margin-top: 110px; max-width: 62ch; }
.s13-close-rule { width: 72px; opacity: .5; }
.s13-disclaimer {
  margin-top: 22px;
  font-size: .78rem;
  line-height: 1.7;
  letter-spacing: .02em;
  color: color-mix(in srgb, var(--ink) 58%, transparent);
}
.s13-cta { margin-top: 44px; }

@media (max-width: 899px) {
  .s13 { padding-block: 104px 96px; }
  .s13-areas { grid-template-columns: 1fr; margin-top: 88px; }
  .s13-close { margin-top: 80px; }
}
@media (max-width: 480px) {
  .s13 .pill { white-space: normal; }
}