/* Ki — Sustain CTA. Scoped under .ki-scope .ki-sustain-cta.
   Source: Ki Sustainability.html lines 895–917 + CSS 274–287. */

.ki-scope .ki-sustain-cta {
  position: relative; background: #1A2730; color: #fff;
  text-align: center; padding: 160px 0; overflow: hidden;
}
.ki-scope .ki-sustain-cta .cta-decor {
  position: absolute; inset: 0; z-index: 0; opacity: 0.5;
}
.ki-scope .ki-sustain-cta .cta-decor svg { width: 100%; height: 100%; display: block; }
.ki-scope .ki-sustain-cta .cta-inner {
  position: relative; z-index: 5; max-width: 760px; margin: 0 auto; padding: 0 48px;
}
.ki-scope .ki-sustain-cta .catchline {
  color: #2CCCD3; margin-bottom: 24px; display: block;
  font-family: var(--ki-sans); font-size: 13px; font-weight: 600;
  letter-spacing: 0.38em; text-transform: uppercase;
}
.ki-scope .ki-sustain-cta h2 {
  font-family: var(--ki-serif); font-weight: 400;
  font-size: clamp(44px, 6vw, 84px); line-height: 1.02;
  margin: 0 0 24px; letter-spacing: -0.01em; color: #fff;
}
.ki-scope .ki-sustain-cta h2 em {
  font-family: var(--ki-serif-italic); font-style: italic; color: #2CCCD3;
}
.ki-scope .ki-sustain-cta p {
  font-family: var(--ki-serif); font-style: italic; font-size: 22px;
  color: rgba(255, 255, 255, 0.78); margin: 0 auto 48px;
  max-width: 40ch; line-height: 1.45;
}
.ki-scope .ki-sustain-cta .cta-buttons {
  display: flex; gap: 16px; justify-content: center; flex-wrap: wrap;
}

/* Buttons — fully restated within scope (source CSS 283–287). */
.ki-scope .ki-sustain-cta .btn-light {
  display: inline-flex; align-items: center; gap: 14px;
  height: 56px; padding: 0 32px; background: #fff; color: #000;
  font-family: var(--ki-sans); font-size: 12px; letter-spacing: 0.22em;
  text-transform: uppercase; font-weight: 600; border-radius: 2px; border: 1px solid #fff;
  transition: background 220ms ease, color 220ms ease, transform 220ms ease;
}
.ki-scope .ki-sustain-cta .btn-light:hover { background: transparent; color: #fff; transform: translateY(-1px); }
.ki-scope .ki-sustain-cta .btn-outline {
  display: inline-flex; align-items: center; gap: 14px;
  height: 56px; padding: 0 32px;
  border: 1px solid rgba(255, 255, 255, 0.4); color: #fff;
  font-family: var(--ki-sans); font-size: 12px; letter-spacing: 0.22em;
  text-transform: uppercase; font-weight: 600; border-radius: 2px;
  transition: border-color 220ms ease, background 220ms ease;
}
.ki-scope .ki-sustain-cta .btn-outline:hover { border-color: #fff; background: rgba(255, 255, 255, 0.06); }
.ki-scope .ki-sustain-cta .btn-light .ar,
.ki-scope .ki-sustain-cta .btn-outline .ar {
  font-family: var(--ki-serif); font-size: 18px; letter-spacing: 0;
}