/* Shared consulting typography, followed by the opening editorial spread. */
.page-id-21 .operational-page {
  --op-green: var(--pcg-pine);
  --op-deep: var(--pcg-deep);
  --op-ink: var(--pcg-ink);
  --op-ivory: var(--pcg-paper);
  --op-paper: var(--pcg-light);
  --op-gold: var(--pcg-bronze);
  --op-gold-light: var(--pcg-soft-gold);
  margin: 0;
  min-width: 0;
  color: var(--pcg-ink);
  font-family: var(--pcg-font-sans);
}
.page-id-21 .operational-page .pcg-inner-content {
  margin: 0;
  background: var(--pcg-paper);
}
.operational-page .pcg-consulting-masthead {
  --masthead-photo-position: 54% 35%;
}
.operational-page .masthead-subtitle {
  margin: clamp(14px, 1.5vw, 23px) auto 0;
  color: var(--pcg-ink);
  font: 500 clamp(15px, 1.35vw, 21px)/1.45 var(--pcg-font-sans);
  letter-spacing: .005em;
  text-wrap: balance;
}
.page-id-21 .operational-page .entry-content :is(h2, h3) {
  font-family: var(--pcg-font-sans) !important;
  font-weight: var(--pcg-masthead-weight) !important;
  letter-spacing: var(--pcg-section-tracking) !important;
  line-height: var(--pcg-section-leading) !important;
}
.page-id-21 .operational-page .entry-content :is(h2, h3) > span {
  font-family: var(--pcg-font-accent) !important;
  font-weight: 400 !important;
  font-style: italic !important;
}
.page-id-21 .operational-page .operational-editorial-intro {
  padding-top: var(--pcg-section-space);
  color: var(--pcg-ink);
  background: var(--pcg-light);
}
.page-id-21 .operational-page .operational-editorial-opening {
  box-sizing: border-box;
  width: min(var(--pcg-section-width), calc(100% - 2 * var(--pcg-gutter)));
  margin: 0 auto;
  padding: 0 0 var(--pcg-section-space);
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: clamp(18px, 2.3vw, 36px) clamp(32px, 5vw, 82px);
  align-items: start;
}
.page-id-21 .operational-page .operational-editorial-lead {
  display: contents;
}
.page-id-21 .operational-page .operational-editorial-lead::before {
  content: none;
}
.page-id-21 .operational-page .operational-editorial-lead h2 {
  grid-column: 1 / -1;
  max-width: none;
  margin: 0 !important;
  padding: 0 0 clamp(20px, 2vw, 34px);
  border-bottom: 1px solid var(--pcg-rule);
  color: var(--pcg-ink);
  font-size: var(--pcg-section-title-size) !important;
}
.operational-page .operational-editorial-lead h2 span,
.operational-page .operational-experience-lead span {
  color: var(--pcg-bronze);
}
.page-id-21 .operational-page .operational-editorial-opening p {
  max-width: 62ch !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0;
  color: var(--pcg-ink);
  font: 400 var(--pcg-body-size)/1.62 var(--pcg-font-sans) !important;
  letter-spacing: normal;
  text-align: left;
  text-wrap: pretty;
}
.page-id-21 .operational-page .operational-system-reference {
  --panel-gold: color-mix(in srgb, var(--pcg-soft-gold) 80%, var(--pcg-deep));
  --panel-light-gold: var(--pcg-soft-gold);
  width: min(var(--pcg-section-width), calc(100% - 2 * var(--pcg-gutter)));
  box-shadow: 0 12px 32px color-mix(in srgb, var(--pcg-deep) 17%, transparent);
  background:
    radial-gradient(ellipse at 12% 0%, var(--pcg-pine), transparent 55%),
    radial-gradient(ellipse at 78% 100%, var(--pcg-pine), transparent 54%),
    var(--pcg-deep);
}
.page-id-21 .operational-page .operational-system-reference .operational-system-intro {
  color: var(--pcg-light) !important;
  font: var(--pcg-masthead-weight) clamp(28px, 2.9vw, 46px)/1.12 var(--pcg-font-sans) !important;
}
.operational-page .operational-system-intro span,
.operational-page .operational-experience-lead span {
  font: italic 400 1em/1 var(--pcg-font-accent);
}
.page-id-21 .operational-page .operational-system-reference p.operational-system-outro {
  align-content: end;
  font: 400 clamp(22px, 2.1vw, 34px)/1.29 var(--pcg-font-sans) !important;
  color: var(--pcg-light) !important;
}
.page-id-21 .operational-page .operational-editorial-closing {
  padding: var(--pcg-section-space) var(--pcg-gutter);
}
.page-id-21 .operational-page .operational-editorial-closing > .operational-experience-lead {
  max-width: 53ch !important;
  color: var(--pcg-ink);
  font: var(--pcg-masthead-weight) clamp(25px, 2.5vw, 42px)/1.28 var(--pcg-font-sans) !important;
}
.operational-page .operational-experience-divider {
  width: 64px;
  height: 1px;
  margin: clamp(24px, 2.5vw, 36px) auto;
  background: var(--pcg-bronze);
}
.page-id-21 .operational-page .operational-editorial-closing > .operational-experience-perspective {
  max-width: 62ch !important;
  color: var(--pcg-ink);
  font: 400 var(--pcg-body-size)/1.62 var(--pcg-font-sans) !important;
}
@media (max-width: 760px) {
  .page-id-21 .operational-page .operational-editorial-opening {
    grid-template-columns: minmax(0, 1fr);
  }
  .page-id-21 .operational-page .operational-system-reference {
    width: calc(100% - 32px);
  }
  .operational-page .pcg-consulting-masthead {
    --masthead-photo-position: 55% 28%;
  }
}