.delivery-hero { grid-template-columns: 1fr 1fr; }
.delivery-hero h1 { font-size: clamp(2.6rem, 4.6vw, 4.2rem); }
.delivery-hero .ordering-hero-copy { padding-right: 0; }
.delivery-hero .ordering-hero-copy > p:not(.eyebrow) { max-width: 365px; }
/* Show only the photograph from the supplied reference, without changing the file. */
.delivery-photo { position: relative; overflow: hidden; width: 100%; aspect-ratio: 269 / 179; border-radius: 9px; background: #dde5e3; }
.delivery-photo img { position: absolute; width: calc(709 / 269 * 100%); max-width: none; height: auto; left: calc(-82 / 269 * 100%); top: calc(-326 / 179 * 100%); }
.delivery-arrival { max-width: 910px; margin: 30px auto 0; padding-top: 26px; border-top: 1px solid var(--line); }
.delivery-arrival > h3 { margin: 0 0 6px; font-family: var(--heading); font-size: 1.6rem; letter-spacing: -.035em; }
.delivery-arrival > p { margin: 0 0 24px; color: var(--muted); line-height: 1.7; }
.delivery-option { background: var(--green-dark); border-color: var(--green-dark); color: #fff; }
.delivery-label { padding: 7px 12px; border: 1px solid #ffffff45; border-radius: 999px; color: var(--coral); font-size: .875rem; font-weight: 800; }
.delivery-option .ordering-icon { stroke: var(--coral); }
.delivery-option h4 { margin: 0 0 12px; font-family: var(--heading); font-size: 1.5rem; line-height: 1.15; letter-spacing: -.035em; }
.delivery-option p { color: #d9e2df; }
@media (max-width: 760px) {
  .delivery-hero { grid-template-columns: 1fr; }
  .delivery-hero .ordering-hero-copy { order: -1; }
  .delivery-hero h1 { font-size: clamp(2.8rem, 8.5vw, 4rem); }
  .delivery-arrival { margin-top: 25px; }
}
@media (max-width: 520px) {
  .delivery-hero h1 { font-size: clamp(2.35rem, 9vw, 3.2rem); }
  .delivery-process h2 { font-size: clamp(2.25rem, 8.7vw, 3rem); }
}