.behind { background: var(--color-background); }
.behind__grid { display: grid; grid-template-columns: minmax(18rem, 0.7fr) minmax(0, 1.3fr); align-items: center; gap: clamp(3rem, 8vw, 8rem); }
.behind__content h2 { max-width: 13ch; }
.behind__content > p:not(.eyebrow) { max-width: 36rem; margin-top: var(--space-5); color: var(--color-text-muted); font-size: var(--font-size-400); }
.behind__content blockquote { margin-top: var(--space-6); border-left: 2px solid var(--color-accent); padding-left: var(--space-5); color: var(--color-text-muted); font-size: var(--font-size-200); font-style: italic; }
.behind__visuals { display: grid; grid-template-columns: 1fr 1fr; align-items: start; gap: var(--space-4); }
.behind__visuals figure { position: relative; min-height: 34rem; overflow: hidden; background: var(--color-surface-deep); }
.behind__visuals figure:last-child { margin-top: var(--space-8); }
.behind__visuals img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.behind__visuals figure:first-child img { object-position: 56% center; }
.behind__visuals figcaption { position: absolute; right: 0; bottom: 0; left: 0; padding: var(--space-4); background: linear-gradient(transparent, rgba(23,23,21,0.72)); color: var(--color-white); font-size: var(--font-size-100); text-align: right; }
@media (max-width: 767px) {
  .behind__grid { grid-template-columns: 1fr; }
  .behind__visuals { gap: var(--space-3); }
  .behind__visuals figure { min-height: 22rem; }
  .behind__visuals figure:last-child { margin-top: var(--space-6); }
  .behind__visuals figcaption { padding: var(--space-4); font-size: 0.7rem; }
}