/* Align only the two requested section headings with the established body-heading system. */
.influence-page .influence-resources > h2 {
  max-width: none;
  color: #1a1d21 !important;
  font: 500 clamp(38px, 10vw, 49px)/.98 "Playfair Display", Georgia, serif !important;
  letter-spacing: -.035em !important;
}

.influence-page .influence-resources > h2 em {
  font-family: "Playfair Display", Georgia, serif;
  font-size: inherit;
  font-weight: 500;
  line-height: inherit;
  letter-spacing: inherit;
}

.influence-page .influence-event .eyebrow {
  font-size: 14px !important;
}

.influence-page .influence-event time {
  font-size: 12px;
}

/* Match the Kingdom Stewardship closing-thought rhythm. */
.influence-page .influence-final-thought {
  padding: 52px 23px 54px;
  text-align: center;
}

.influence-page .influence-final-thought .eyebrow {
  margin: 0 0 12px;
  font: 700 11.5px/1.35 "Montserrat", Arial, sans-serif;
  letter-spacing: .09em;
}

.influence-page .influence-final-thought h2 {
  max-width: none;
  margin: 0 auto;
  font: 500 clamp(35px, 9.2vw, 42px)/.98 "Playfair Display", Georgia, serif;
  letter-spacing: -.045em;
}

.influence-page .influence-final-thought h2 em {
  font-family: "Allura", cursive;
  font-size: inherit;
  font-style: normal;
  font-weight: 400;
  line-height: 1;
  letter-spacing: 0;
}

.influence-page .influence-resources > h2 em {
  color: #2d7687;
  font-style: normal;
}

@media (max-width: 350px) {
  .influence-page .influence-resources > h2 {
    font-size: 38px !important;
  }
}

/* Alternate the seven sphere entries from opposite sides as they enter view. */
.sphere-entry-motion .influence-page .ki-spheres .seven-sphere-poster article {
  opacity: .08 !important;
  transform: translate3d(-92px, 0, 0) !important;
  transition:
    opacity 1200ms ease,
    transform 1400ms cubic-bezier(.16, .72, .18, 1);
  will-change: opacity, transform;
}

.sphere-entry-motion .influence-page .ki-spheres .seven-sphere-poster article:nth-child(even) {
  transform: translate3d(92px, 0, 0) !important;
}

.sphere-entry-motion .influence-page .ki-spheres .seven-sphere-poster article.is-sphere-entry-visible,
.sphere-entry-motion .influence-page .ki-spheres .seven-sphere-poster article:nth-child(even).is-sphere-entry-visible {
  opacity: 1 !important;
  transform: translate3d(0, 0, 0) !important;
}

/* Layered entrance for the current Kingdom Influence grid hero. */
.influence-hero-motion .influence-page .influence-grid-copy::before {
  opacity: 0;
  transform: translate3d(-42px, 16px, 0) rotate(-4deg) scale(.72);
  transform-origin: center;
}

.influence-hero-motion .influence-page .influence-grid-copy h1 > span {
  opacity: 0;
  transform: translate3d(-92px, 0, 0);
}

.influence-hero-motion .influence-page .influence-grid-copy h1 > em {
  opacity: 0;
  transform: translate3d(92px, 0, 0);
}

.influence-hero-motion .influence-page .influence-grid-copy > p {
  opacity: 0;
  transform: translate3d(0, 24px, 0);
}

.influence-hero-motion .influence-page .influence-grid-copy > p::before,
.influence-hero-motion .influence-page .influence-grid-copy > p::after {
  transform: scaleX(0);
}

.influence-hero-motion .influence-page .influence-profession-grid {
  opacity: 0;
  transform: translate3d(0, 30px, 0);
}

.influence-hero-motion .influence-page .profession-tile {
  opacity: 0;
  clip-path: inset(0 0 100% 0);
}

.influence-hero-motion .influence-page .profession-tile:nth-child(even) {
  clip-path: inset(100% 0 0 0);
}

.influence-hero-motion .influence-page .influence-grid-scripture {
  opacity: 0;
  transform: translate3d(0, 26px, 0);
}

.influence-hero-motion .influence-page .influence-hero.is-setrex-visible .influence-grid-copy::before {
  animation: influence-block-arrive 1.7s .12s cubic-bezier(.16, .72, .18, 1) both;
}

.influence-hero-motion .influence-page .influence-hero.is-setrex-visible .influence-grid-copy h1 > span {
  animation: influence-title-from-left 1.9s .22s cubic-bezier(.16, .72, .18, 1) both;
}

.influence-hero-motion .influence-page .influence-hero.is-setrex-visible .influence-grid-copy h1 > em {
  animation: influence-title-from-right 2s .34s cubic-bezier(.16, .72, .18, 1) both;
}

.influence-hero-motion .influence-page .influence-hero.is-setrex-visible .influence-grid-copy > p {
  animation: influence-copy-rise 1.55s .7s cubic-bezier(.2, .72, .2, 1) both;
}

.influence-hero-motion .influence-page .influence-hero.is-setrex-visible .influence-grid-copy > p::before,
.influence-hero-motion .influence-page .influence-hero.is-setrex-visible .influence-grid-copy > p::after {
  animation: influence-rule-open 1.4s .92s cubic-bezier(.2, .72, .2, 1) both;
}

.influence-hero-motion .influence-page .influence-hero.is-setrex-visible .influence-profession-grid {
  animation: influence-grid-rise 1.75s .82s cubic-bezier(.16, .72, .18, 1) both;
}

.influence-hero-motion .influence-page .influence-hero.is-setrex-visible .profession-tile {
  animation: influence-tile-reveal 1.75s .9s cubic-bezier(.16, .72, .18, 1) both;
}

.influence-hero-motion .influence-page .influence-hero.is-setrex-visible .profession-tile:nth-child(even) {
  animation-name: influence-tile-reveal-reverse;
}

.influence-hero-motion .influence-page .influence-hero.is-setrex-visible .influence-grid-scripture {
  animation: influence-copy-rise 1.6s 1.28s cubic-bezier(.2, .72, .2, 1) both;
}

/* Open the hero as one composition instead of revealing its layers in stages. */
.influence-hero-motion .influence-page .influence-hero.is-setrex-visible .influence-grid-copy::before,
.influence-hero-motion .influence-page .influence-hero.is-setrex-visible .influence-grid-copy h1 > span,
.influence-hero-motion .influence-page .influence-hero.is-setrex-visible .influence-grid-copy h1 > em,
.influence-hero-motion .influence-page .influence-hero.is-setrex-visible .influence-grid-copy > p,
.influence-hero-motion .influence-page .influence-hero.is-setrex-visible .influence-grid-copy > p::before,
.influence-hero-motion .influence-page .influence-hero.is-setrex-visible .influence-grid-copy > p::after,
.influence-hero-motion .influence-page .influence-hero.is-setrex-visible .influence-profession-grid,
.influence-hero-motion .influence-page .influence-hero.is-setrex-visible .profession-tile,
.influence-hero-motion .influence-page .influence-hero.is-setrex-visible .influence-grid-scripture {
  animation-delay: .12s;
}

@keyframes influence-block-arrive {
  to { opacity: 1; transform: none; }
}

@keyframes influence-title-from-left {
  to { opacity: 1; transform: translateX(-4%); }
}

@keyframes influence-title-from-right {
  to { opacity: 1; transform: translateX(4%); }
}

@keyframes influence-copy-rise {
  to { opacity: 1; transform: none; }
}

@keyframes influence-grid-rise {
  to { opacity: 1; transform: none; }
}

@keyframes influence-rule-open {
  to { transform: scaleX(1); }
}

@keyframes influence-tile-reveal {
  to { opacity: 1; clip-path: inset(0); }
}

@keyframes influence-tile-reveal-reverse {
  to { opacity: 1; clip-path: inset(0); }
}