/* Adapted from the production testimonial section, 14 September 2026. */
.video-proof-section {
  position: relative;
  overflow: hidden;
  padding: 108px 0 88px;
  background:
    linear-gradient(rgba(255, 254, 251, .035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255, 254, 251, .035) 1px, transparent 1px),
    var(--navy-deep);
  background-size: 34px 34px;
  color: var(--white);
}

.video-proof-heading {
  display: grid;
  grid-template-columns: minmax(0, 1.2fr) minmax(300px, .8fr);
  align-items: end;
  gap: clamp(50px, 8vw, 120px);
}

.video-proof-heading h2 {
  max-width: 850px;
  color: var(--white);
  font-size: clamp(3rem, 5vw, 5rem);
}

.video-proof-heading h2 strong { color: var(--gold); }

.video-proof-intro > p {
  max-width: 500px;
  margin-bottom: 28px;
  color: rgba(255, 254, 251, .68);
  font-size: .96rem;
  line-height: 1.65;
}

.video-proof-controls {
  display: flex;
  gap: 9px;
}

.video-proof-controls button {
  width: 45px;
  height: 45px;
  display: grid;
  place-items: center;
  padding: 0;
  background: transparent;
  border: 1px solid rgba(255, 254, 251, .35);
  border-radius: 50%;
  color: var(--white);
  cursor: pointer;
  transition: background .2s var(--ease), border-color .2s var(--ease), color .2s var(--ease);
}

.video-proof-controls button:hover:not(:disabled) {
  background: var(--gold);
  border-color: var(--gold);
  color: var(--navy-deep);
}

.video-proof-controls button:disabled {
  opacity: .28;
  cursor: default;
}

.video-proof-section.is-static .video-proof-controls { visibility: hidden; }

.video-proof-viewport { margin-top: 52px; }

.video-proof-track {
  display: flex;
  gap: 18px;
  overflow-x: auto;
  padding: 0 8px 18px 0;
  scroll-behavior: smooth;
  scroll-snap-type: x mandatory;
  scrollbar-width: none;
}

.video-proof-track::-webkit-scrollbar { display: none; }

.video-proof-card {
  min-width: 0;
  flex: 0 0 30.5%;
  display: flex;
  flex-direction: column;
  background: var(--white);
  border: 1px solid rgba(234, 180, 84, .45);
  color: var(--navy);
  scroll-snap-align: start;
  transition: transform .25s var(--ease), box-shadow .25s var(--ease);
}

.video-proof-card:hover {
  transform: translateY(-5px);
  box-shadow: 8px 9px 0 rgba(234, 180, 84, .72);
}

.video-proof-card-featured { box-shadow: 8px 9px 0 rgba(234, 180, 84, .72); }

.video-proof-media {
  position: relative;
  aspect-ratio: 16 / 9;
  overflow: hidden;
  background: #071b29;
  border-bottom: 1px solid var(--line);
}

.video-proof-media iframe, .video-proof-media video {
  width: 100%;
  height: 100%;
  border: 0;
}

.video-proof-number {
  position: absolute;
  z-index: 2;
  top: 12px;
  left: 12px;
  min-width: 42px;
  padding: 7px 9px;
  background: var(--gold);
  color: var(--navy-deep);
  font-size: .68rem;
  font-weight: 900;
  letter-spacing: .08em;
  line-height: 1;
  pointer-events: none;
}

.video-proof-body {
  min-height: 340px;
  display: flex;
  flex: 1;
  flex-direction: column;
  padding: 24px 25px 22px;
}

.video-proof-tag {
  margin-bottom: 14px;
  color: var(--gold-deep);
  font-size: .64rem;
  font-weight: 850;
  letter-spacing: .1em;
  text-transform: uppercase;
}

.video-proof-card blockquote {
  min-height: 112px;
  margin: 0;
  font-family: "Kessel", Georgia, serif;
  font-size: clamp(1.18rem, 1.6vw, 1.48rem);
  font-weight: 700;
  letter-spacing: -.025em;
  line-height: 1.2;
}

.video-proof-summary {
  min-height: 112px;
  margin: 0;
  font-family: "Kessel", Georgia, serif;
  font-size: clamp(1.18rem, 1.6vw, 1.48rem);
  font-weight: 700;
  letter-spacing: -.025em;
  line-height: 1.2;
}

.video-proof-outcome {
  display: flex;
  align-items: center;
  gap: 14px;
  margin-top: auto;
  padding: 17px 0;
  border-top: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
}

.video-proof-outcome > strong {
  color: var(--gold-deep);
  font-family: "Kessel", Georgia, serif;
  font-size: 2.65rem;
  line-height: .8;
}

.video-proof-outcome > strong > span {
  font-size: .34em;
  font-weight: 700;
  letter-spacing: 0;
}

.video-proof-outcome > strong.is-word {
  font-size: 1.65rem;
  letter-spacing: -.03em;
}

.video-proof-outcome > span {
  color: var(--muted);
  font-size: .66rem;
  font-weight: 750;
  letter-spacing: .04em;
  line-height: 1.35;
  text-transform: uppercase;
}

.video-proof-credit {
  display: flex;
  align-items: center;
  gap: 11px;
  padding-top: 18px;
}

.video-proof-credit > span {
  width: 36px;
  height: 36px;
  display: grid;
  place-items: center;
  flex: 0 0 auto;
  background: var(--navy);
  border-radius: 50%;
  color: var(--gold);
  font-size: .61rem;
  font-weight: 850;
}

.video-proof-credit p { margin: 0; line-height: 1.25; }
.video-proof-credit strong { display: block; font-size: .76rem; }
.video-proof-credit small { display: block; margin-top: 2px; color: var(--muted); font-size: .67rem; }

.video-proof-foot {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 40px;
  margin-top: 22px;
  padding-top: 23px;
  border-top: 1px solid rgba(255, 254, 251, .16);
  color: rgba(255, 254, 251, .62);
  font-size: .76rem;
}

.video-proof-foot p { margin: 0; }
.video-proof-foot strong { color: var(--white); }
.video-proof-foot > a {
  padding-bottom: 3px;
  border-bottom: 1px solid rgba(234, 180, 84, .7);
  color: var(--gold);
  font-weight: 750;
  text-decoration: none;
}


/* Match production's hierarchy without changing the rest of the V7 theme. */
.video-proof-section{--navy-deep:#0d2839;--gold-deep:#b98532;--white:#fffefb;--muted:#667680;--ease:cubic-bezier(.2,.7,.2,1);--container:1200px}
.video-proof-heading h2{line-height:.97;letter-spacing:-.035em}
.video-proof-heading h2 strong{font-weight:900}
.video-proof-section .eyebrow{display:flex;align-items:center;gap:12px;margin:0 0 22px;color:var(--gold);font-size:.75rem;font-weight:800;letter-spacing:.13em;line-height:1.35}
.video-proof-section .eyebrow>span{width:28px;height:2px;flex:none;background:var(--gold)}
.video-proof-intro>p{font-size:1rem;color:#dbe5eb}
.video-proof-media iframe,.video-proof-media video{display:block;max-width:100%;object-fit:cover}
.video-proof-tag{font-size:.75rem;letter-spacing:.07em}
.video-proof-outcome{margin-top:auto}
.video-proof-outcome>strong{font-weight:700}
.video-proof-outcome>span{font-size:.75rem;letter-spacing:.025em}
.video-proof-credit strong{font-size:.875rem}
.video-proof-credit small{font-size:.75rem}
.video-proof-credit>span,.video-proof-number{font-size:.75rem}
.video-proof-body>.full-case-link{font-size:.875rem;margin-top:20px;align-self:flex-start}
.video-proof-foot{font-size:.875rem}
.video-proof-section .client-band{background:transparent;border-top:1px solid #ffffff29;border-radius:0;padding-inline:0;margin-top:40px}
.video-proof-section .client-band>p{color:#dbe5eb}
@media(max-width:1080px){.video-proof-card{flex-basis:47%}}
@media(max-width:900px){.video-proof-heading{grid-template-columns:1fr;gap:32px}.video-proof-intro{display:flex;align-items:flex-end;justify-content:space-between;gap:35px}.video-proof-intro>p{margin-bottom:0}.video-proof-card{flex-basis:68%}}
@media(max-width:760px){
.video-proof-section{padding:82px 0 72px}
.video-proof-heading h2{font-size:clamp(2.85rem,12vw,4.35rem)}
.video-proof-intro{align-items:flex-start;flex-direction:column;gap:22px}
.video-proof-viewport{width:calc(100% + 17px);margin-top:42px}
.video-proof-track{padding-right:40px}
.video-proof-card{flex-basis:min(88%,390px)}
.video-proof-card:hover{transform:none}
.video-proof-body{min-height:326px;padding:21px 20px 19px}
.video-proof-card blockquote,.video-proof-summary{min-height:103px;font-size:1.25rem}
.video-proof-foot{align-items:flex-start;flex-direction:column;gap:8px}
}
@media(prefers-reduced-motion:reduce){.video-proof-track{scroll-behavior:auto}.video-proof-card{transition:none}.video-proof-card:hover{transform:none}}