.proof_wrap {
  --ink: #030303;
  --red: #fe3c18;
  --white: #ffffff;
  --mute: rgba(255, 255, 255, 0.6);
  --line: rgba(255, 255, 255, 0.18);
  --sans: 'Aeonik', 'Helvetica Neue', Arial, sans-serif;
  --dot: 'Doto', ui-monospace, monospace;
  --gut: clamp(16px, 2.2vw, 40px);
  position: relative;
  z-index: 5;
  margin-top: -100vh;
  color: var(--white);
  font-family: var(--sans);
}
.proof_wrap .proof_contain { position: relative; height: 320vh; }
.proof_wrap .proof_stage { position: sticky; top: 0; height: 100vh; height: 100svh; overflow: hidden; background: var(--ink); clip-path: inset(100% 0 0 0); }
.proof_wrap .proof_film { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; transform: scale(var(--zoom, 1.15)); transform-origin: 50% 60%; filter: brightness(0.7) saturate(0.85); }
.proof_wrap .proof_shade { position: absolute; inset: 0; background: radial-gradient(ellipse 70% 60% at 50% 46%, rgba(3, 3, 3, 0.86), rgba(3, 3, 3, 0.62) 70%, rgba(3, 3, 3, 0.5)), linear-gradient(to top, rgba(3, 3, 3, 0.95) 0%, rgba(3, 3, 3, 0) 40%); }
.proof_wrap .proof_live { position: absolute; left: var(--gut); top: calc(var(--gut) + 4.6rem); margin: 0; display: flex; align-items: center; gap: 0.6rem; font-size: 0.9rem; color: var(--mute); }
.proof_wrap .proof_live_dot { width: 0.5rem; height: 0.5rem; border-radius: 50%; background: var(--red); animation: proof_blink 1.2s steps(2, start) infinite; }
@keyframes proof_blink { to { visibility: hidden; } }
.proof_wrap .proof_sound { position: absolute; right: var(--gut); top: calc(var(--gut) + 4.2rem); display: inline-flex; align-items: center; justify-content: center; height: 2.6rem; padding: 0 1.2rem; border: 1px solid rgba(255, 255, 255, 0.5); border-radius: 99px; background: transparent; color: var(--white); font: inherit; font-size: 0.9rem; line-height: 1; cursor: pointer; }
.proof_wrap .proof_sound[aria-pressed='true'] { background: var(--white); color: var(--ink); }
.proof_wrap .proof_sound:focus-visible { outline: 2px solid var(--red); outline-offset: 3px; }


.proof_wrap .proof_quotes { position: absolute; left: 50%; top: 46%; width: min(68rem, 86vw); transform: translate(-50%, -50%); }
.proof_wrap .proof_quote { position: absolute; left: 0; right: 0; top: 50%; margin: 0; padding: 0; border: 0; text-align: center; transform: translateY(-50%); opacity: 0; visibility: hidden; }
.proof_wrap .proof_quote.is-on { opacity: 1; visibility: visible; }
.proof_wrap .proof_q { margin: 0; font-size: clamp(2.2rem, 4.8vw, 6rem); line-height: 1; letter-spacing: -0.045em; text-wrap: balance; }
.proof_wrap .proof_w { display: inline-block; overflow: hidden; vertical-align: top; padding: 0.18em 0.03em 0.24em; margin: -0.18em -0.03em -0.24em; }
.proof_wrap .proof_wi { display: inline-block; }
.proof_wrap .proof_by { margin-top: 1.6rem; color: var(--mute); font-size: 0.95rem; }
.proof_wrap .proof_pager { position: absolute; left: 50%; bottom: calc(var(--gut) + 9.6rem); margin: 0; transform: translateX(-50%); font-family: var(--dot); font-weight: 800; font-size: 1.1rem; color: var(--mute); }

.proof_wrap .proof_facts { position: absolute; left: var(--gut); right: var(--gut); bottom: calc(var(--gut) + 2.2rem); margin: 0; padding: 1rem 0 0; list-style: none; display: grid; grid-template-columns: repeat(5, 1fr); gap: 1rem; border-top: 1px solid var(--line); }
.proof_wrap .proof_fact { display: flex; flex-direction: column; }
.proof_wrap .proof_fact_v { font-family: var(--dot); font-weight: 900; font-size: clamp(2rem, 3.4vw, 3.8rem); line-height: 0.95; }
.proof_wrap .proof_fact_k { margin-top: 0.5rem; color: var(--mute); font-size: 0.85rem; max-width: 18ch; line-height: 1.25; }
.proof_wrap .proof_src { position: absolute; left: var(--gut); right: var(--gut); bottom: var(--gut); margin: 0; color: var(--mute); font-size: 0.72rem; }

@media (max-width: 991px) {
  .proof_wrap .proof_facts { grid-template-columns: repeat(3, 1fr); row-gap: 1rem; }
  .proof_wrap .proof_fact:nth-child(n + 4) { display: none; }
}
@media (max-width: 767px) {
  .proof_wrap .proof_live { top: 5.4rem; }
  .proof_wrap .proof_sound { top: 5rem; height: 2.3rem; font-size: 0.82rem; }
  .proof_wrap .proof_quotes { top: 42%; width: calc(100vw - 32px); }
  .proof_wrap .proof_q { font-size: 2.1rem; }
  .proof_wrap .proof_by { font-size: 0.82rem; margin-top: 1rem; }
  .proof_wrap .proof_pager { bottom: calc(var(--gut) + 11rem); }
  .proof_wrap .proof_facts { grid-template-columns: repeat(2, 1fr); bottom: calc(var(--gut) + 2.6rem); }
  .proof_wrap .proof_fact:nth-child(n + 3) { display: none; }
  .proof_wrap .proof_fact_v { font-size: 2.2rem; }
  .proof_wrap .proof_src { font-size: 0.62rem; }
}