/* Sentient food: an illustrated introduction and three clear classifications. */
.kitchen-intro-grid { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1fr); gap: 70px; align-items: center; }
.kitchen-intro .prose { margin-top: 27px; }
.kitchen-intro-photo { margin: 0; }
.kitchen-intro-photo .gallery-item { display: block; width: 100%; height: auto; aspect-ratio: auto; border-radius: 4px; }
.kitchen-intro-photo .gallery-item img { display: block; width: 100%; height: auto; object-fit: contain; }
.kitchen-intro-photo figcaption { margin-top: 14px; color: var(--muted); font-size: .875rem; line-height: 1.65; }
.diet-classifications { display: grid; grid-template-columns: 1fr; gap: 26px; }
.diet-classification { display: grid; grid-template-columns: minmax(0,1.18fr) minmax(0,.82fr); align-items: center; min-width: 0; overflow: hidden; border: 1px solid var(--line); border-radius: 4px; background: #fff; }
.diet-classification-copy { padding: 38px 42px; }
.diet-classification .card-number { margin-bottom: 18px; }
.diet-classification h3 { margin-bottom: 18px; color: var(--forest); font: 600 2.35rem/1.15 var(--serif); letter-spacing: -.02em; }
.diet-classification p { color: var(--muted); font-size: 1rem; line-height: 1.8; }
.diet-classification-photo { margin: 0; padding: 24px 26px 24px 0; min-width: 0; }
.diet-classification-photo .gallery-item { display: block; width: 100%; height: auto; aspect-ratio: 2 / 1; background: var(--paper); border-radius: 4px; }
.diet-classification-photo .gallery-item img { display: block; width: 100%; height: 100%; object-fit: contain; }
.diet-classification:first-child .diet-classification-photo .gallery-item img { object-fit: cover; }
.diet-classification-photo figcaption { margin-top: 12px; font-size: .875rem; line-height: 1.65; color: var(--muted); }
.kitchen-intro-photo .gallery-item:after, .diet-classification-photo .gallery-item:after { display: none; }
.kitchen-intro-photo .gallery-item:hover img, .diet-classification-photo .gallery-item:hover img { transform: none; }
.prout-overview-grid { display: grid; grid-template-columns: minmax(0,1.25fr) minmax(0,.75fr); gap: 65px; align-items: start; }
.prout-overview-grid .prose p, .prout-overview-grid .prose p:first-child { font-size: 1.0625rem; line-height: 1.85; }
.prout-overview-grid .prose .text-link { display: inline-block; margin-top: 24px; }
.prout-overview-photo { margin: 0; }
.prout-overview-photo .gallery-item { display: block; width: 100%; height: auto; aspect-ratio: auto; background: var(--paper); }
.prout-overview-photo .gallery-item img { display: block; width: 100%; height: auto; object-fit: contain; }
.prout-overview-photo .gallery-item:after { display: none; }
.prout-overview-photo .gallery-item:hover img { transform: none; }
.prout-overview-photo figcaption { margin-top: 14px; color: var(--muted); font-size: .875rem; line-height: 1.65; }
@media (max-width: 1000px) {
  .kitchen-intro-grid, .prout-overview-grid { gap: 38px; }
  .diet-classification-copy { padding: 32px; }
}
@media (max-width: 760px) {
  .kitchen-intro-grid, .diet-classification, .prout-overview-grid { grid-template-columns: 1fr; }
  .kitchen-intro-grid, .prout-overview-grid { gap: 30px; }
  .diet-classifications { gap: 22px; }
  .diet-classification-copy { padding: 28px 26px 24px; }
  .diet-classification h3 { font-size: 2.1rem; }
  .diet-classification-photo { padding: 0 26px 26px; }
  .prout-overview-grid .prose p, .prout-overview-grid .prose p:first-child { font-size: 1rem; }
}