/* A deliberate location choice before entering either Toast storefront. */
.order-masthead{padding:140px 7vw 42px;display:grid;grid-template-columns:1fr 1.12fr;gap:23px 3vw;align-items:center}
.order-masthead>.eyebrow{grid-column:1;align-self:end}
.page-order .order-masthead h1{font-size:clamp(64px,7.1vw,108px);grid-column:1}
.order-intro{font-size:15px;color:var(--muted);padding-bottom:8px}
.order-city-map{grid-column:2;grid-row:1/4;align-self:center;min-width:0;margin-top:-25px}
.city-map-canvas{position:relative;aspect-ratio:10/7;isolation:isolate}
.city-map-canvas>svg{display:block;width:100%;height:100%;overflow:visible}
.city-map-landmarks{fill:var(--muted);opacity:.62;font:10px var(--sans);letter-spacing:.12em}
.city-map-landmarks text:nth-child(2){font:italic 19px var(--serif);letter-spacing:.04em}
.city-map-landmarks text:nth-child(3){font:italic 14px var(--serif);letter-spacing:.04em}
.city-map-compass{color:var(--muted);font:10px var(--sans);fill:currentColor;opacity:.65}
.city-map-stop{position:absolute;width:44px;height:44px;transform:translate(-50%,-50%);display:grid;place-items:center;z-index:1;border-radius:50%}
.city-map-dot{display:grid;place-items:center;width:27px;height:27px;border-radius:48% 52% 45% 55%;background:var(--walnut);color:var(--cream);font-size:10px;position:relative;box-shadow:0 0 0 5px rgba(62,50,40,.05);transition:transform .2s,box-shadow .2s}
.city-map-dot:after{content:'';position:absolute;inset:-4px;border:1px solid rgba(62,50,40,.24);border-radius:43% 55% 48% 52%;transform:rotate(-18deg)}
.city-map-label{position:absolute;top:2px;left:48px;white-space:nowrap;text-shadow:0 1px 8px var(--cream),0 0 12px var(--cream)}
.city-map-label strong{display:block;font:27px/1.05 var(--serif);letter-spacing:-.02em}
.city-map-label small{display:block;font-size:9px;letter-spacing:.04em;color:var(--muted);margin-top:5px}
.city-map-stop--left .city-map-label{right:48px;left:auto;text-align:right}
.city-map-stop:hover .city-map-dot,.city-map-stop:focus-visible .city-map-dot{transform:scale(1.1);box-shadow:0 0 0 8px rgba(62,50,40,.08)}
.city-map-stop:hover .city-map-label strong{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:5px}
.inner-page .order-city-map figcaption{display:flex;justify-content:space-between;gap:16px;margin:2px 0 0;font-size:8px;line-height:1.7;color:var(--muted);letter-spacing:.1em}
.order-city-map figcaption>span:last-child{font-size:9px;letter-spacing:.02em;font-style:italic}
.order-locations{padding:0 7vw 85px}
.order-reminder{display:flex;align-items:center;gap:22px;padding:20px 25px;background:var(--sand);margin-bottom:36px}
.order-reminder-icon{font-size:28px;line-height:1}
.order-reminder strong,.order-reminder p>span{display:block}
.order-reminder strong{font-size:14px;font-weight:500}
.order-reminder p>span{font-size:13px;color:var(--muted);margin-top:3px}
.order-location-grid{display:grid;grid-template-columns:1fr 1fr}
.order-location{min-width:0;padding:0 4vw 0 0}
.order-location+ .order-location{padding:0 0 0 4vw;border-left:1px solid var(--line)}
.order-location-meta{display:flex;justify-content:space-between;gap:16px;margin-bottom:22px;color:var(--muted)}
.order-location-meta .eyebrow{font-size:10px}
.page-order .order-location h2{font-size:clamp(44px,4.5vw,66px);letter-spacing:-.03em}
.order-location address{font-style:normal;font-size:16px;line-height:1.65;margin-top:20px}
.order-location address strong{display:block;font-weight:500}
.order-location address>span{display:block;color:var(--muted);font-size:14px;margin-top:2px}
.order-map{display:inline-flex;align-items:center;gap:18px;font-size:11px;border-bottom:1px solid var(--line);padding:8px 0;margin:10px 0 28px}
.order-map:hover{border-color:currentColor}
.order-continue{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:58px;padding:17px 22px;background:var(--walnut);color:var(--cream);font-size:13px;transition:background .2s}
.order-continue>span{font-size:22px;line-height:1}
.order-continue:hover{background:var(--deep)}
.order-continue:focus-visible{outline-color:var(--ink)}
.order-address-check{font-size:11px;color:var(--muted);margin-top:12px}
.order-toast-note{font-size:12px;text-align:center;color:var(--muted);margin-top:36px;border-top:1px solid var(--line);padding-top:24px}
@media(max-width:800px){
  .order-masthead{padding-top:140px;grid-template-columns:1fr;gap:22px}
  .order-city-map{grid-column:1;grid-row:auto;width:100%;max-width:580px;justify-self:center;margin-top:0}
  .order-intro{padding:0}
  .order-location address{font-size:14px}
  .order-location address>span{font-size:13px}
}
@media(max-width:600px){
  .order-masthead{padding:130px 7vw 30px;gap:20px}
  .page-order .order-masthead h1{font-size:clamp(52px,11vw,66px)}
  .order-intro{font-size:14px}
  .order-city-map{margin:0 -3vw;width:calc(100% + 6vw)}
  .city-map-label strong{font-size:21px}
  .city-map-label small{font-size:8px}
  .city-map-label{left:43px;top:5px}
  .city-map-stop--left .city-map-label{right:43px}
  .city-map-dot{width:24px;height:24px;font-size:9px}
  .inner-page .order-city-map figcaption{font-size:7px;margin-top:8px;gap:8px;padding:0 3vw}
  .order-city-map figcaption>span:last-child{font-size:8px}
  .order-locations{padding-bottom:55px}
  .order-reminder{padding:19px;gap:15px;align-items:flex-start;margin-bottom:30px}
  .order-reminder-icon{font-size:24px;padding-top:4px}
  .order-reminder strong{font-size:13px}
  .order-reminder p>span{font-size:12px}
  .order-location-grid{grid-template-columns:1fr;gap:32px}
  .order-location{padding:0}
  .order-location+ .order-location{padding:30px 0 0;border-left:0;border-top:1px solid var(--line)}
  .order-location-meta{margin-bottom:18px}
  .page-order .order-location h2{font-size:44px}
  .order-location address{font-size:16px;margin-top:16px}
  .order-continue{padding:16px 19px}
  .order-toast-note{text-align:left;margin-top:28px}
}