/* 13 Words order page (Brad, Oct 30, 2026): one quiet column: wordmark, plate, title, two buttons. Light only (Brad, Nov 2).
   Tokens, fonts, the wordmark and the button come from site.css (the Buried Ember design system). */


.order-col {
  max-width: 600px;
  margin: 0 auto;
  padding: 64px 24px 104px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 64px;
}


/* 3. The plate photo, full width, uncropped, warm grade. */
.order-plate { width: 100%; height: auto; filter: sepia(0.08) saturate(0.94); display: block; }

/* The book's name under the plate (Brad, Nov 2): a label, not a headline. Title in Alegreya, smaller than the wordmark; subtitle in Alegreya Sans, cinder. */
.order-book { width: 100%; display: flex; flex-direction: column; align-items: center; gap: 24px; }
.order-title { margin: 0; text-align: center; font-family: var(--font-voice); font-weight: 400; font-size: 20px; line-height: 1.3; color: var(--soot); letter-spacing: 0; }
.order-subtitle { display: block; margin-top: 4px; font-family: var(--font-text); font-size: 15px; color: var(--cinder); }

/* Two buttons under the plate, side by side, equal weight; stacked on a phone. No product photos (Brad, Nov 2): Amazon shows the cover. */
.order-products {
  width: 100%;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px 24px;
}
.order-products .buy { margin: 0; text-align: center; }
@media (max-width: 480px) {
  .order-products { grid-template-columns: 1fr; }
}

/* The wordmark at the top, linking home to Buried Ember, with the page's one ember dot. */
.order-wordmark { font-size: 22px; color: var(--soot); text-decoration: none; line-height: 1; }
.order-wordmark .wordmark .dot { background: var(--ember); }