/* Component: Photo + review */
.cb-pr { display: grid; align-items: start; }
.cb-pr__media, .cb-pr__review { margin: 0; }
.cb-pr__image { width: 100%; }

/* Photo first (e.g. Spider's Web): wide photo, quote on the right */
.cb-pr--image_first { grid-template-columns: 3.75fr 2fr; gap: 16px 60px; }

/* Review first (e.g. Twelfth Night): quote on the left, photo on the right */
.cb-pr--review_first { grid-template-columns: 1fr auto; }
.cb-pr--review_first .cb-pr__review { order: -1; padding-right: 8rem; }
.cb-pr--review_first .cb-pr__media { justify-self: end; max-width: 572px; }

@media screen and (max-width: 991px) {
	.cb-pr--image_first { grid-template-columns: 1fr; }
	.cb-pr--review_first .cb-pr__review { padding-right: 4rem; }
	.cb-pr--review_first .cb-pr__media { max-width: 40vw; }
}
@media screen and (max-width: 479px) {
	.cb-pr--review_first { grid-template-columns: 1fr; }
	.cb-pr--review_first .cb-pr__review { padding-right: 0; margin-bottom: 2rem; }
	.cb-pr--review_first .cb-pr__media { max-width: 100%; justify-self: stretch; }
}