/* Static product lineups within the Coffee and Drone photography topics. */
.equipment-lineup { grid-column: 1 / -1; min-width: 0; }
.equipment-lineup .section-heading h3 { font-size: 32px; line-height: 1.2; letter-spacing: -.8px; }
.equipment-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 42px; }
.equipment-grid article { min-width: 0; padding: 8px 0 20px; }
.equipment-illustration { width: 100%; max-width: 330px; aspect-ratio: 8 / 5; margin: 0 auto 25px; }
.equipment-illustration img { display: block; width: 100%; height: 100%; padding: 8px; object-fit: var(--equipment-fit, contain); object-position: 50% 50%; filter: drop-shadow(0 10px 8px rgb(35 61 50 / .18)); }
:root[data-theme="dark"] .equipment-illustration img { filter: drop-shadow(0 8px 9px rgb(230 238 228 / .2)); }
.equipment-grid h4 { margin-top: 10px; color: var(--ink); font: 400 25px/1.2 var(--serif); letter-spacing: -.5px; }
.equipment-story { margin-top: 17px; color: var(--muted); font-size: 13px; line-height: 1.85; }
.coffee-story { row-gap: 50px; }
.coffee-story > div > .prose { margin-top: 24px; }
.coffee-story > .coffee-photo { width: 100%; max-width: 440px; margin: 0; justify-self: end; }
.coffee-story > .coffee-photo img { aspect-ratio: auto; height: auto; border-radius: 12px; }
.coffee-equipment .equipment-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.coffee-equipment .equipment-illustration { aspect-ratio: 1; }
@media (max-width: 1000px) and (min-width: 651px) {
  .coffee-equipment .equipment-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 30px 42px; }
}
@media (max-width: 800px) {
  .coffee-story { row-gap: 35px; }
  .coffee-story > .coffee-photo { max-width: none; justify-self: stretch; }
  .equipment-lineup .section-heading h3 { font-size: 29px; }
}
@media (max-width: 650px) {
  .equipment-grid, .coffee-equipment .equipment-grid { grid-template-columns: minmax(0, 1fr); gap: 20px; }
}