/* Four ways to order, in the established homepage brand palette. */
.ordering-guide-section.section-shell {
  background:#DA291C;
  color:#FFFFFF;
  padding-block:64px 60px;
}
.ordering-guide-section.section-shell>h2 {
  max-width:27ch;
  font-size:clamp(36px,3.5vw,52px);
  font-weight:750;
  line-height:1.1;
  letter-spacing:-.025em;
  color:#FFFFFF;
  margin:0 0 20px;
}
.ordering-guide-section.section-shell>p {
  max-width:72ch;
  font-size:17px;
  line-height:1.75;
  color:#FFFFFF;
  margin:0 0 36px;
}
.ordering-guide-section .ordering-methods {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  column-gap:clamp(32px,5vw,80px);
  row-gap:8px;
  margin:0;
}
.ordering-guide-section .ordering-method {
  min-width:0;
  margin:0;
  padding:26px 0 28px;
  border-top:1px solid #FFFFFF;
}
.ordering-guide-section .ordering-method h3 {
  color:#FFC72C;
  font-size:clamp(23px,2vw,28px);
  font-weight:700;
  line-height:1.3;
  letter-spacing:-.015em;
  margin:0 0 16px;
}
.ordering-guide-section .ordering-method p {
  max-width:72ch;
  color:#FFFFFF;
  font-size:14px;
  line-height:1.85;
  margin:0;
}
.ordering-guide-section ::selection { color:#111111; background:#FFC72C; }
@media (max-width:760px) {
  .ordering-guide-section.section-shell { padding-block:40px 32px; }
  .ordering-guide-section.section-shell>h2 { font-size:clamp(32px,6vw,42px); }
  .ordering-guide-section.section-shell>p { font-size:16px; margin-bottom:28px; }
  .ordering-guide-section .ordering-methods { grid-template-columns:minmax(0,1fr); row-gap:0; }
  .ordering-guide-section .ordering-method { padding:22px 0 26px; }
  .ordering-guide-section .ordering-method h3 { font-size:23px; margin-bottom:12px; }
}