.kok-product-split { display: grid; grid-template-columns: 48% 1fr; }
.kok-product-split.is-media-right .kok-product-split__media { order: 2; }
.kok-product-split.is-media-right { grid-template-columns: 1fr 48%; }
.kok-product-split__media { background: var(--kok-ink-800); display: grid; place-items: center; padding: var(--space-10) var(--space-8); min-height: 560px; }
.kok-product-shots { display: flex; align-items: flex-end; justify-content: center; gap: var(--space-5); }
.kok-product-shots.is-lineup { gap: var(--space-2); }
.kok-product-shots img { height: var(--kok-shot-h, 480px); width: auto; max-width: 100%; object-fit: contain; }
.kok-product-split__copy { background: var(--kok-beige-100); display: grid; align-content: start; padding: var(--space-12) var(--space-11); gap: var(--space-9); }
.kok-product-split__copy > * { margin: 0; }
.kok-product-split__copy h1 { font: var(--type-h1); letter-spacing: var(--ls-smallcaps); color: var(--text-heading); }
.kok-product-split__copy h1 span { display: block; }
@media (max-width: 900px) {
	.kok-product-split, .kok-product-split.is-media-right { grid-template-columns: 1fr; }
	.kok-product-split.is-media-right .kok-product-split__media { order: 0; }
	.kok-product-split__media { min-height: 0; padding: var(--space-9) var(--space-6); }
	.kok-product-shots img { height: calc(var(--kok-shot-h, 480px) * .7); }
	.kok-product-split__copy { padding: var(--space-10) var(--gutter); }
}