.vr-page {background: var(--color-paper);}

.vr-hero-grid {display: grid; grid-template-columns: 3fr 2fr; gap: var(--space-lg); align-items: start;}
.vr-hero-text {max-width: 650px; margin-inline: auto; text-align: center;}
.vr-hero-image img {width: 100%; height: auto;}

.vr-type-grid .vr-card {transition: background 0.2s ease;}
.vr-type-grid .vr-card:hover {background: rgba(0,0,0,0.03);}

.vr-unique-grid {display: grid; grid-template-columns: 1fr 1fr; gap: var(--space-lg); position: relative;}
.vr-quote {grid-column: 1 / -1; text-align: center; font-size: var(--text-lg);}

.vr-space-grid {display: grid; grid-template-columns: 1fr 1fr; gap: var(--space-lg); align-items: center;}
.vr-space-text {max-width: 600px;}

.vr-program-grid {gap: var(--space-lg);}

.vr-steps {display: grid; grid-template-columns: repeat(3,1fr); gap: var(--space-lg); text-align: center;}
.vr-step {border: var(--border-sepia); padding: var(--space-md);}
.vr-step:hover {background: rgba(0,0,0,0.03);}

.vr-audience-inner {max-width: 600px; margin-inline: auto; text-align: center;}

.vr-cta {background: var(--color-crimson); color: var(--color-ink);}
.vr-cta-inner {max-width: 800px; margin-inline: auto; text-align: center; display: flex; flex-direction: column; gap: var(--space-sm);}
.vr-cta-btn {align-self: center;}

@media (max-width: 900px) {
  .vr-hero-grid {grid-template-columns: 1fr;}
  .vr-unique-grid {grid-template-columns: 1fr;}
  .vr-space-grid {grid-template-columns: 1fr;}
  .vr-steps {grid-template-columns: 1fr;}
}