.evidence-section {
  position: relative;
  width: 100%;
  overflow: hidden;
  padding: clamp(112px, 9vw, 152px) 0 clamp(136px, 11vw, 184px);
  background: #02060b;
  color: #fafafa;
}

.evidence-section__inner {
  display: grid;
  grid-template-columns: minmax(280px, 1fr) 520px;
  align-items: start;
  gap: clamp(64px, 7vw, 96px);
  width: min(calc(100% - 128px), 1280px);
  margin: 0 auto;
}

.evidence-section__copy {
  align-self: center;
  max-width: 520px;
}

.evidence-section__copy h2,
.evidence-section__copy p {
  margin: 0;
}

.evidence-section__copy h2 {
  color: #fafafa;
  font-size: clamp(3.5rem, 5vw, 5.35rem);
  font-weight: 700;
  line-height: 0.98;
  letter-spacing: -0.045em;
  text-wrap: balance;
}

.evidence-section__copy p {
  max-width: 35rem;
  margin-top: 28px;
  color: rgba(250, 250, 250, 0.72);
  font-size: clamp(1.03rem, 1.25vw, 1.2rem);
  font-weight: 400;
  line-height: 1.62;
  letter-spacing: -0.012em;
}

.evidence-section__visual {
  --evidence-entrance-duration: 1000ms;
  --evidence-entrance-easing: cubic-bezier(0.4, 0, 0.2, 1);
  position: relative;
  width: 520px;
  aspect-ratio: 9 / 16;
  margin: 0;
}

.evidence-section__visual[data-entrance-state="pending"] {
  opacity: 0;
  will-change: opacity;
}

.evidence-section__visual[data-entrance-state="entering"] {
  animation: evidence-section-emergence
    var(--evidence-entrance-duration)
    var(--evidence-entrance-easing)
    both;
  will-change: opacity;
}

.evidence-section__visual[data-entrance-state="established"] {
  opacity: 1;
  will-change: auto;
}

.evidence-section__card {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 9 / 16;
  object-fit: contain;
  margin: 0;
  user-select: none;
  pointer-events: none;
}

@keyframes evidence-section-emergence {
  from { opacity: 0; }
  to { opacity: 1; }
}

.evidence-section[data-responsive-mode="tablet"] {
  padding: 112px 0 136px;
}

.evidence-section[data-responsive-mode="tablet"] .evidence-section__inner {
  display: block;
  width: calc(100% - 64px);
}

.evidence-section[data-responsive-mode="tablet"] .evidence-section__copy {
  max-width: 650px;
  margin: 0 auto 48px;
}

.evidence-section[data-responsive-mode="tablet"] .evidence-section__copy h2 {
  font-size: clamp(3.7rem, 8vw, 4.8rem);
}

.evidence-section[data-responsive-mode="tablet"] .evidence-section__visual {
  width: min(500px, 100%);
  margin: 0 auto;
}

.evidence-section[data-responsive-mode="mobile"] {
  padding: 82px 0 104px;
}

.evidence-section[data-responsive-mode="mobile"] .evidence-section__inner {
  display: block;
  width: 100%;
}

.evidence-section[data-responsive-mode="mobile"] .evidence-section__copy {
  width: calc(100% - 40px);
  max-width: 350px;
  margin: 0 auto 34px;
}

.evidence-section[data-responsive-mode="mobile"] .evidence-section__copy h2 {
  font-size: clamp(2.55rem, 12vw, 3.35rem);
  line-height: 1;
}

.evidence-section[data-responsive-mode="mobile"] .evidence-section__copy p {
  margin-top: 22px;
  font-size: 1rem;
  line-height: 1.58;
}

.evidence-section[data-responsive-mode="mobile"] .evidence-section__visual {
  width: calc(100% - 40px);
  max-width: 350px;
  margin: 0 auto;
}

body[data-review-motion="reduce"] .evidence-section__visual[data-entrance-state] {
  opacity: 1 !important;
  animation: none !important;
  will-change: auto;
}

@media (prefers-reduced-motion: reduce) {
  .evidence-section__visual[data-entrance-state] {
    opacity: 1 !important;
    animation: none !important;
    will-change: auto;
  }
}