.order{padding:0 var(--frame) var(--sp5);background:var(--s1)}
.order .col h2{margin-top:clamp(20px,2.6vw,40px)}
.order .buy-grid{margin-top:var(--sp4)}
.order-go{display:flex;flex-wrap:wrap;align-items:center;gap:var(--sp2);margin:var(--sp4) 0 0}
.order-go a{color:var(--dim);font-size:var(--fs-tile-s);text-decoration:none;
  transition:color .25s cubic-bezier(.22,1,.36,1)}
.order-go a:hover{color:var(--ink)}

.modal{--ct:0px;--cr:0px;--cb:0px;--cl:0px;--dx:0px;--dy:0px;
  position:fixed;inset:0;margin:auto;height:fit-content;z-index:41;
  width:min(620px,calc(100% - 2*var(--frame)));max-height:calc(100% - 2*var(--frame));overflow:auto;
  border-radius:var(--r);background:var(--ink);color:var(--bg);overscroll-behavior:contain;
  clip-path:inset(0 round var(--r));
  transition:clip-path .26s cubic-bezier(.22,1,.36,1),transform .26s cubic-bezier(.22,1,.36,1),opacity .22s ease}
.modal[hidden]{display:none}
.modal.fade{opacity:0}
.modal.shut{transform:translate(var(--dx),var(--dy));
  clip-path:inset(var(--ct) var(--cr) var(--cb) var(--cl) round var(--r))}
.modal.no-anim{transition:none}
.modal-x{position:absolute;top:0;right:0;width:96px;height:48px;border:0;background:none;cursor:pointer;
  color:var(--bg);font:500 13px Onest,system-ui,sans-serif}
.modal-in,.modal-x{transition:opacity .16s ease .12s}
.modal.shut .modal-in,.modal.shut .modal-x{opacity:0;transition:opacity .1s ease}
.modal-in{margin:0;padding:clamp(28px,3vw,40px)}
.modal-h{margin:0 96px var(--sp3) 0;font:600 clamp(22px,2.2vw,32px)/1.1 Unbounded,system-ui,sans-serif;letter-spacing:-.03em}
.modal-f{display:flex;flex-direction:column;gap:var(--sp1)}
.modal-in>.modal-f{margin-top:var(--sp2)}
.modal-h+.modal-f{margin-top:0}
.modal-f[hidden]{display:none}
.modal-f span{color:var(--s5);font:500 var(--fs-mark) ui-monospace,monospace;letter-spacing:.08em;text-transform:uppercase}
.modal-f input,.modal-f textarea{width:100%;box-sizing:border-box;border:0;border-radius:var(--r);background:var(--ink);color:var(--bg);
  box-shadow:inset 0 0 0 1px var(--dim);font:400 var(--fs-tile-s)/1.45 Onest,system-ui,sans-serif;outline:none;
  transition:box-shadow .25s cubic-bezier(.22,1,.36,1)}
.modal-f input{height:48px;padding:0 var(--sp2)}
.modal-f textarea{min-height:112px;padding:14px var(--sp2);resize:vertical}
.modal-f input:focus,.modal-f textarea:focus,.modal-f .bad{box-shadow:inset 0 0 0 2px var(--bg)}
.modal .btn-pill{margin-top:var(--sp3);background:var(--bg);color:var(--ink)}
.modal .btn-pill:disabled{opacity:.6;cursor:default;transform:none}
.modal-trap{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}
.modal-msg{margin:var(--sp2) 0 0;font-size:var(--fs-tile-s);line-height:1.45}
@media (max-width:734px){
  .modal{inset:16px;margin:0;width:auto;height:auto;max-height:none}
  .modal-x{width:80px;height:40px;font-size:var(--fs-ui)}
  .modal-h{margin-right:80px}
  .modal-in{padding:22px}}