/* Our Story page */

/* ---------- kitchen ---------- */
.kitchen-grid { display: grid; gap: 3.2rem; }
.kitchen-photo { width: 100%; height: 42rem; object-fit: cover; border-radius: 0.2rem; background: var(--oat); }
.kitchen-text .body { margin-top: 2rem; color: var(--muted); }
.kitchen-text p + p { margin-top: 1.4rem; }

/* ---------- points ---------- */
.points { display: grid; gap: 2.8rem; }
.points > div { padding-top: 1.6rem; border-top: 0.1rem solid var(--espresso); }
.points h3 { font-size: 2.2rem; line-height: 1.2; }
.points p { margin-top: 0.8rem; color: var(--muted); }

/* ---------- café ---------- */
.cafe-head p.body { margin-top: 1.6rem; color: var(--muted); }
.cafe-photos { display: grid; grid-template-columns: 1fr 1fr; gap: 1.2rem; margin-top: 3.2rem; }
.cafe-photos img { width: 100%; height: 24rem; object-fit: cover; border-radius: 0.2rem; background: var(--oat); }

/* ---------- closing ---------- */
.closing .address { margin-top: 1.6rem; color: var(--oat); }

/* ================= desktop: 1000px and wider ================= */
@media (min-width: 1000px) {
  .kitchen-grid { grid-template-columns: 1fr 48rem; gap: 9.6rem; align-items: center; }
  .kitchen-grid .kitchen-photo { order: 2; height: 60rem; }
  .kitchen-text .body { font-size: 1.9rem; max-width: 30em; }

  .points { grid-template-columns: repeat(3, 1fr); gap: 4.8rem; }
  .points h3 { font-size: 2.6rem; }

  .cafe-grid { display: grid; grid-template-columns: 36rem 1fr; gap: 8rem; align-items: end; }
  .cafe-photos { margin-top: 0; gap: 1.6rem; }
  .cafe-photos img { height: 52rem; }

  .closing-grid { display: grid; grid-template-columns: 1fr auto; gap: 8rem; align-items: end; }
  .closing .actions { margin-top: 0; }
}