.obpc-section--verses { padding: 120px 60px; }
.obpc-verses-wrap {
  display: grid; grid-template-columns: 1.4fr 1fr;
  gap: 80px; align-items: center;
}
.obpc-verses-stage {
  position: relative;
  padding: 40px 0;
}
.obpc-verses-quote-mark {
  position: absolute;
  top: -80px; left: -20px;
  font-family: "Fraunces", serif;
  font-size: 280px; line-height: 1;
  pointer-events: none;
  z-index: 0;
}
.obpc-verses-tema {
  font-family: "JetBrains Mono", monospace;
  font-size: 11px; letter-spacing: 0.2em; text-transform: uppercase;
  margin-bottom: 24px;
  position: relative; z-index: 1;
}
.obpc-verses-text {
  font-family: "Fraunces", serif;
  font-weight: 300; font-style: italic;
  font-size: clamp(32px, 4.2vw, 64px);
  line-height: 1.1; letter-spacing: -0.03em;
  max-width: 720px;
  margin-bottom: 32px;
  text-wrap: pretty;
  position: relative; z-index: 1;
  animation: obpc-verse-in 700ms cubic-bezier(.2,.7,.2,1);
}
@keyframes obpc-verse-in {
  from { opacity: 0; transform: translateY(12px); }
  to   { opacity: 1; transform: translateY(0); }
}
.obpc-verses-ref {
  display: flex; align-items: baseline; gap: 12px;
  padding-top: 20px;
  border-top: 1px solid;
  font-family: "Fraunces", serif; font-style: italic;
  font-size: 18px; letter-spacing: -0.01em;
  max-width: 280px;
}
.obpc-verses-list {
  display: flex; flex-direction: column; gap: 6px;
}
.obpc-verses-chip {
  display: flex; align-items: center; gap: 16px;
  padding: 14px 18px;
  border: 1px solid;
  border-radius: 999px;
  text-align: left;
  font-family: "JetBrains Mono", monospace;
  font-size: 11px; letter-spacing: 0.12em; text-transform: uppercase;
  transition: all 300ms;
}
.obpc-verses-chip:hover { transform: translateX(4px); }
.obpc-verses-chip-num { opacity: 0.5; }
.obpc-verses-chip-ref {
  font-family: "Fraunces", serif;
  font-style: italic;
  font-size: 15px;
  text-transform: none; letter-spacing: -0.005em;
}
@media (max-width: 960px) {
  .obpc-section--verses { padding: 80px 20px; }
  .obpc-verses-wrap { grid-template-columns: 1fr; gap: 40px; }
  .obpc-verses-quote-mark { font-size: 160px; top: -40px; }
}

.obpc-verses-pause {
  margin-top: 32px;
  padding: 10px 18px;
  border: 1px solid;
  border-radius: 999px;
  background: transparent;
  font-family: "JetBrains Mono", monospace;
  font-size: 11px; letter-spacing: 0.12em; text-transform: uppercase;
  cursor: pointer;
}
.obpc-verses-pause:hover { opacity: 0.8; }
.obpc-verses-chip, .obpc-verses-pause { cursor: pointer; }
.obpc-verses-chip:focus-visible,
.obpc-verses-pause:focus-visible {
  outline: 2px solid currentColor;
  outline-offset: 3px;
}
@media (prefers-reduced-motion: reduce) {
  .obpc-verses-text { animation: none; }
  .obpc-verses-chip { transition: none; }
  .obpc-verses-chip:hover { transform: none; }
}
