/* V2 — cinematic bridge from services into the proof row */
@media (min-width: 1101px) {
  .help-section--editorial {
    position: sticky;
    top: 0;
    z-index: 1;
    filter: blur(0) brightness(1);
    transform: translateZ(0) scale(1);
    transform-origin: center top;
    transition: filter .65s cubic-bezier(.22, .61, .36, 1), transform .8s cubic-bezier(.22, .61, .36, 1);
    will-change: filter, transform;
  }

  .difference-is-covering .help-section--editorial {
    filter: blur(5px) brightness(.76) saturate(.72);
    transform: translateZ(0) scale(.992);
  }

  .difference--editorial {
    z-index: 2;
    box-shadow:
      0 -34px 76px rgba(0, 18, 13, .34),
      0 -10px 28px rgba(0, 18, 13, .28),
      0 16px 42px rgba(0, 18, 13, .14);
  }

  .review-section--editorial,
  .site-footer {
    position: relative;
    z-index: 2;
  }
}

@media (prefers-reduced-motion: reduce) {
  .help-section--editorial {
    transition: none;
  }
}

.difference--editorial {
  --difference-ink: #062f27;
  --difference-gold: #c69a3c;
  position: relative;
  display: block;
  min-height: 0;
  padding: 0;
  overflow: hidden;
  color: var(--difference-ink);
  background: #f8f4eb;
  scroll-margin-top: 24px;
}

.difference-editorial-intro {
  position: relative;
  isolation: isolate;
  display: grid;
  place-content: center;
  min-height: clamp(280px, 22vw, 370px);
  padding: clamp(54px, 6vw, 96px) 24px;
  overflow: hidden;
  text-align: center;
  background:
    linear-gradient(90deg, rgba(0, 31, 24, .93), rgba(0, 39, 30, .73) 52%, rgba(0, 27, 21, .9)),
    url('/wp-content/uploads/2026/10/pcg-peer-group-store-review-evansville-2026.png-2048x1536.png') center 52% / cover no-repeat;
}

.difference-editorial-intro::before {
  content: "";
  position: absolute;
  z-index: -1;
  inset: 0;
  background:
    linear-gradient(180deg, rgba(0, 0, 0, .16), transparent 38%, rgba(0, 13, 10, .28)),
    url('/assets/difference-grain.svg') repeat;
  opacity: .45;
  mix-blend-mode: soft-light;
}

.difference-editorial-intro::after {
  content: "";
  position: absolute;
  inset: auto 0 0;
  height: 1px;
  background: rgba(218, 174, 74, .72);
}

.difference--editorial .difference-editorial-intro h2 {
  position: relative;
  z-index: 1;
  margin: 0;
  color: #d7ad58;
  font: 500 clamp(60px, 5.8vw, 100px) / .98 "Playfair Display", Georgia, serif;
  letter-spacing: -.045em;
  text-align: center;
  text-shadow: 0 5px 28px rgba(0, 0, 0, .4);
}

/* Use the same modern sans display face as Operational Consulting. */
.difference--editorial .difference-editorial-intro h2{
  font-family:var(--pcg-font-heading);
  font-weight:var(--pcg-weight-semibold);
  letter-spacing:var(--pcg-tracking-display);
}

.difference--editorial .difference-editorial-intro h2 br {
  display: none;
}

.difference-editorial-intro h2::after {
  display: none;
}

.difference-emblem {
  position: relative;
  width: clamp(104px, 9vw, 148px);
  margin: 0 auto clamp(22px, 2vw, 30px);
  filter: drop-shadow(0 8px 14px rgba(0,0,0,.3));
}
.difference-emblem img { display: block; width: 100%; height: auto; }
.difference-emblem span { position: absolute; inset: 0; overflow: hidden; border-radius: 50%; clip-path: circle(48.5% at 50% 50%); }
.difference-emblem span::before {
  content: '';
  position: absolute;
  top: -45%; left: -70%; width: 34%; height: 190%;
  background: linear-gradient(90deg, transparent, rgba(255,255,255,.74), rgba(255,238,169,.45), transparent);
  filter: blur(1px);
  transform: rotate(24deg);
  animation: differenceEmblemShine 4.6s ease-in-out infinite;
}
@keyframes differenceEmblemShine {
  0%, 28% { left: -70%; opacity: 0; }
  36% { opacity: .9; }
  55% { left: 138%; opacity: 0; }
  100% { left: 138%; opacity: 0; }
}
@media (prefers-reduced-motion: reduce) { .difference-emblem span::before { animation: none; } }

.difference-editorial-intro p {
  margin: 0;
  color: #f7f1e4;
  font: 400 clamp(24px, 2.25vw, 38px) / 1.25 "Playfair Display", Georgia, serif;
  letter-spacing: -.015em;
  text-shadow: 0 3px 20px rgba(0, 0, 0, .45);
}

.difference-editorial-intro p br {
  display: none;
}

.difference-proofs {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  margin: 0;
  padding: clamp(50px, 5vw, 82px) clamp(28px, 4.5vw, 76px);
  list-style: none;
  background:
    linear-gradient(rgba(249, 246, 237, .97), rgba(249, 246, 237, .97)),
    url('/assets/difference-grain.svg') repeat;
}

.difference-proof {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  min-width: 0;
  min-height: clamp(220px, 17vw, 290px);
  padding: 8px clamp(20px, 2.8vw, 48px);
  text-align: center;
  border-right: 1px solid rgba(163, 120, 32, .46);
}

.difference-proof:last-child {
  border-right: 0;
}

.proof-index {
  display: block;
  margin: 0 0 clamp(26px, 2.5vw, 42px);
  color: var(--difference-gold);
  font: 400 clamp(20px, 1.7vw, 28px) / 1 Georgia, serif;
  letter-spacing: .04em;
}

.proof-index::after {
  content: "";
  display: block;
  width: clamp(74px, 8vw, 134px);
  height: 1px;
  margin: 20px auto 0;
  background: rgba(184, 135, 38, .72);
}

.difference-proof .proof-value {
  display: block;
  margin: 0 0 clamp(14px, 1.4vw, 22px);
  color: var(--difference-ink);
  font: 400 clamp(62px, 5.2vw, 90px) / .9 "Playfair Display", Georgia, serif;
  letter-spacing: -.06em;
  white-space: nowrap;
}

.difference-proof p {
  margin: 0;
  color: #172e29;
  font: 500 clamp(17px, 1.35vw, 23px) / 1.45 "Playfair Display", Georgia, serif;
  letter-spacing: -.015em;
}

.difference-proof em {
  color: inherit;
  font-style: normal;
}

.difference-proof--transactions p {
  order: 2;
  margin: 0 0 12px;
}

.difference-proof--transactions .proof-value {
  order: 3;
  margin-bottom: 0;
  font-size: clamp(45px, 3.8vw, 66px);
}

.difference-proof--principles p {
  color: #172e29;
  font-size: clamp(21px, 1.85vw, 31px);
  line-height: 1.35;
}

.difference-marquee {
  overflow: hidden;
  background: #f8f4eb;
  border-top: 1px solid rgba(163, 120, 32, .38);
}

.difference-filmstrip {
  overflow: hidden;
}

.difference-filmstrip + .difference-filmstrip {
  margin-top: 6px;
}

.difference-filmtrack,
.difference-filmgroup {
  display: flex;
  width: max-content;
}

.difference-filmtrack {
  will-change: transform;
}

.difference-filmgroup {
  flex: none;
  gap: 6px;
  padding-right: 6px;
}

.difference-filmstrip--forward .difference-filmtrack {
  animation: difference-film-forward 58s linear infinite;
}

.difference-filmstrip--reverse .difference-filmtrack {
  animation: difference-film-reverse 64s linear infinite;
}

@keyframes difference-film-forward {
  from { transform: translate3d(-50%, 0, 0); }
  to { transform: translate3d(0, 0, 0); }
}

@keyframes difference-film-reverse {
  from { transform: translate3d(0, 0, 0); }
  to { transform: translate3d(-50%, 0, 0); }
}

.difference-film {
  position: relative;
  flex: 0 0 clamp(280px, 24vw, 440px);
  width: clamp(280px, 24vw, 440px);
  height: clamp(220px, 18vw, 330px);
  margin: 0;
  overflow: hidden;
  background: #082f27;
}

.difference-film--wide {
  flex-basis: clamp(390px, 34vw, 620px);
  width: clamp(390px, 34vw, 620px);
}

.difference-film--detail {
  flex-basis: clamp(230px, 18vw, 330px);
  width: clamp(230px, 18vw, 330px);
}

.difference-film--panorama {
  flex-basis: clamp(370px, 32vw, 580px);
  width: clamp(370px, 32vw, 580px);
}

.difference-film--portrait {
  flex-basis: clamp(220px, 18vw, 330px);
  width: clamp(220px, 18vw, 330px);
}

.difference-film--portrait img {
  object-position: 50% 42%;
}

.difference-film img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  filter: saturate(.62) contrast(.94) brightness(.82) sepia(.08);
  transform: scale(1.01);
  transition: filter .5s ease, transform .8s cubic-bezier(.22, .61, .36, 1);
}

.difference-film--detail img {
  object-position: 62% center;
}

.difference-film span {
  display: none;
}

@media (hover: hover) {
  .difference-film:hover img {
    filter: saturate(.88) contrast(1) brightness(.92);
    transform: scale(1.045);
  }
}

@media (max-width: 1100px) {
  .difference-proofs {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0;
  }

  .difference-proof {
    min-height: 280px;
    padding-block: 40px;
    border-bottom: 1px solid rgba(163, 120, 32, .46);
  }

  .difference-proof:nth-child(2) {
    border-right: 0;
  }

  .difference-proof:nth-child(n + 3) {
    border-bottom: 0;
  }

}

@media (max-width: 620px) {
  .difference-editorial-intro {
    min-height: 330px;
    padding-inline: 28px;
  }

  .difference--editorial .difference-editorial-intro h2 {
    font-size: clamp(52px, 14vw, 72px);
  }

  .difference--editorial .difference-editorial-intro h2 br,
  .difference-editorial-intro p br {
    display: initial;
  }

  .difference-editorial-intro p {
    font-size: 25px;
  }

  .difference-proofs {
    grid-template-columns: 1fr;
    padding: 28px 24px 46px;
  }

  .difference-proof,
  .difference-proof:nth-child(2),
  .difference-proof:nth-child(n + 3) {
    min-height: 260px;
    padding: 38px 22px;
    border-right: 0;
    border-bottom: 1px solid rgba(163, 120, 32, .46);
  }

  .difference-proof:last-child {
    border-bottom: 0;
  }

  .difference-proof .proof-value {
    font-size: clamp(68px, 20vw, 90px);
  }

  .difference-proof--transactions .proof-value {
    font-size: clamp(44px, 13vw, 62px);
  }

  .difference-film,
  .difference-film--wide,
  .difference-film--detail,
  .difference-film--portrait,
  .difference-film--panorama {
    flex-basis: 78vw;
    width: 78vw;
    height: 250px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .difference-filmstrip {
    overflow-x: auto;
    scrollbar-width: thin;
  }

  .difference-filmtrack {
    animation: none !important;
    transform: none !important;
  }

  .difference-filmgroup[aria-hidden="true"] {
    display: none;
  }
}

/* Homepage polish: the photographic statement and proof points read as one sequence. */
.difference-editorial-intro{min-height:clamp(270px,20vw,330px);padding:clamp(50px,5vw,78px) 24px 42px}
.difference-proofs{
  grid-template-columns:minmax(0,.9fr) minmax(0,.9fr) minmax(0,1.2fr);
  padding:clamp(44px,4vw,68px) clamp(28px,7.4vw,126px) 0;
  border-top:4px solid #c69a3c;
}
.difference-proof{min-height:0;padding:4px clamp(24px,3vw,48px) 38px;justify-content:center}
.difference-proof:first-child{padding-left:0}
.difference-proof--transactions{padding-right:0;border-right:0}
.difference-proof .proof-index{display:none}
.difference-proof .proof-value{margin-bottom:10px;font-size:clamp(52px,4.4vw,76px)}
.difference-proof p{font-size:clamp(16px,1.12vw,20px);line-height:1.45}
.difference-proof--transactions p{order:2;margin-bottom:8px}
.difference-proof--transactions .proof-value{font-size:clamp(38px,3.2vw,56px)}
.difference-proof--principles{
  grid-column:1/-1;
  display:block;
  min-height:0;
  margin:0 calc(clamp(28px,7.4vw,126px) * -1);
  padding:28px clamp(28px,7.4vw,126px);
  border:0;
  background:#07382d;
  text-align:left;
}
.difference-proof--principles p{color:#f5efe1;font:500 clamp(24px,2.15vw,35px)/1.2 var(--pcg-font-editorial);letter-spacing:-.02em}
.difference-proof--principles p br{display:none}
@media(max-width:760px){
  .difference-editorial-intro{min-height:300px;padding:52px 24px 42px}
  .difference-proofs{grid-template-columns:1fr;padding:16px 24px 0}
  .difference-proof,.difference-proof:nth-child(2),.difference-proof:nth-child(n+3){min-height:0;padding:26px 0;border-right:0;border-bottom:1px solid rgba(163,120,32,.4)}
  .difference-proof .proof-value{font-size:56px}
  .difference-proof--transactions .proof-value{font-size:42px}
  .difference-proof--principles{margin:0 -24px;padding:28px 24px;border:0;text-align:center}
  .difference-proof--principles p{color:#f5efe1;font-size:27px;line-height:1.3}
}