.order-page .site-backdrop-paint::before,.order-page .site-backdrop-paint::after{animation:none}
@media(max-width:800px),(pointer:coarse){
  /* Paint the form on the root canvas, which Safari also shows underneath
     its toolbar. Blend both document edges into the canvas color so the
     end of this short page does not expose a differently colored strip. */
  html.order-document{
    background-image:linear-gradient(180deg,var(--canvas-color),transparent 160px,transparent calc(100% - 160px),var(--canvas-color)),radial-gradient(ellipse at 17% 22%,#a6b8ff75 0%,#cbd6ff3d 36%,#cbd6ff00 67%),radial-gradient(ellipse at 86% 62%,#ffbd8970 0%,#ffe0c938 36%,#ffe0c900 66%),var(--canvas-wash);
    background-size:100% 100%;
    background-repeat:no-repeat;
  }
  body.order-page{background:transparent}
  .order-page .site-backdrop{display:none}
}
@media print{html.order-document{background:#fff}}
.order-page .header{border-bottom:0}
.order-back{display:flex;align-items:center;gap:16px;font-size:14px;font-weight:600}
.order-back:hover{color:var(--blue)}
.order-close{display:grid;place-items:center;width:46px;height:46px;border:1px solid #bcc5da;border-radius:50%;transition:background .2s,border-color .2s}
.order-close svg{width:22px;height:22px}
.order-back:hover .order-close{background:#fff9;border-color:var(--blue)}
.order-main{max-width:1120px;padding-top:58px;padding-bottom:95px}
.order-eyebrow{font-size:12px;font-weight:650;letter-spacing:1.5px;margin:0 0 23px;line-height:1.6}
.order-intro>.order-eyebrow{display:flex;align-items:center;gap:12px}
.order-intro>.order-eyebrow::before{content:"";display:block;width:29px;height:3px;background:var(--apricot);flex-shrink:0}
.order-intro h1{font-size:clamp(52px,7.5vw,96px);font-weight:550;line-height:1.13;letter-spacing:-4px;word-spacing:.06em;max-width:none;margin:0}
.order-intro h1 span{color:var(--blue)}
.order-description{font-size:clamp(20px,2.3vw,29px);line-height:1.45;letter-spacing:-.5px;margin:25px 0 0;color:var(--ink)}
.order-form{margin-top:57px}
.project-format{border:0;padding:0;margin:0 0 42px;min-width:0}
.project-format legend{font-size:16px;font-weight:650;margin-bottom:17px;padding:0}
.format-options{display:flex;flex-wrap:wrap;gap:10px}
.format-options label{position:relative;cursor:pointer}
.format-options input{position:absolute;width:1px;height:1px;opacity:0}
.format-options span{display:block;padding:12px 22px;border:1px solid #b4bfd8;border-radius:100px;font-size:14px;line-height:1.5;transition:background .2s,color .2s,border-color .2s}
.format-options label:hover span{border-color:var(--blue);background:#ffffff65}
.format-options input:checked+span{background:var(--ink);border-color:var(--ink);color:#fff}
.format-options input:focus-visible+span{outline:3px solid var(--blue);outline-offset:4px}
.format-hint{margin:13px 0 0;font-size:14px;line-height:1.6;color:var(--muted)}
.order-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:35px 55px}
.order-field{min-width:0}
.order-field label{display:flex;align-items:baseline;gap:8px;font-size:14px;font-weight:600;line-height:1.6;color:var(--ink)}
.order-field label>span:not(.optional){color:var(--blue)}
.order-field .optional{color:var(--muted);font-size:12px;font-weight:400;margin-left:auto}
.order-field input,.order-field textarea{display:block;border:0;border-bottom:1px solid #9da9c2;border-radius:0;width:100%;padding:13px 0 15px;background:transparent;color:var(--ink);font:inherit;font-size:16px;line-height:1.6;transition:border-color .2s;box-shadow:none}
.order-field input::placeholder,.order-field textarea::placeholder{color:#737d92;opacity:1}
.order-field input:focus,.order-field textarea:focus{outline:none;border-bottom-color:var(--blue);box-shadow:0 1px 0 var(--blue)}
.order-field input:user-invalid,.order-field textarea:user-invalid{border-bottom-color:#bb3535}
.order-field textarea{resize:vertical;min-height:108px}
.order-field-wide{grid-column:1/-1}
.order-submit-row{display:flex;align-items:center;gap:28px;margin-top:37px}
.order-submit-row>.button{min-height:60px;min-width:250px;font-size:16px;padding:18px 34px}
.order-form-note{font-size:13px;line-height:1.7;color:var(--muted);margin:0}
.order-result{margin-top:40px;padding:30px 34px;background:#ffffff90;border:1px solid #c5cfea;border-radius:24px}
.order-result[hidden]{display:none}
.order-result .order-eyebrow{color:var(--blue);margin-bottom:14px}
.order-result h2{font-size:30px;letter-spacing:-.8px;line-height:1.3;margin:0;font-weight:600}
.order-result>p:not(.order-eyebrow){font-size:16px;line-height:1.7;color:var(--muted);max-width:680px}
.order-result textarea{width:100%;resize:vertical;border:1px solid #c2cbe0;border-radius:12px;background:#fff9;padding:18px;font:inherit;font-size:15px;line-height:1.7;color:var(--ink);margin:5px 0 17px}
.order-result #copy-status{margin-bottom:0;min-height:0}
.order-page .footer{font-size:14px;gap:20px}
@media(max-width:800px){.order-main{padding-top:38px;padding-bottom:62px}.order-intro h1{font-size:64px;letter-spacing:-2.7px}.order-fields{column-gap:28px}.order-form{margin-top:39px}.order-description{font-size:24px}.order-page .footer-brand span{line-height:1.7}}
@media(max-width:600px){.order-page .section-shell,.order-page .header{width:calc(100% - 40px)}.order-back>span:first-child{display:none}.order-close{width:42px;height:42px}.order-main{padding-top:30px;padding-bottom:52px}.order-eyebrow{font-size:11px;letter-spacing:1px;max-width:290px}.order-intro>.order-eyebrow{gap:9px}.order-intro>.order-eyebrow::before{width:19px}.order-intro h1{font-size:clamp(39px,10vw,58px);letter-spacing:-1.8px}.order-description{font-size:20px;line-height:1.55;letter-spacing:-.3px;margin-top:23px}.order-description br{display:none}.order-form{margin-top:34px}.project-format{margin-bottom:30px}.format-options{gap:8px}.format-options span{font-size:14px;padding:11px 16px}.order-fields{grid-template-columns:1fr;gap:27px}.order-field-wide{grid-column:auto}.order-field textarea{min-height:128px}.order-submit-row{align-items:stretch;flex-direction:column;gap:16px;margin-top:28px}.order-submit-row>.button{width:100%;min-width:0}.order-form-note{font-size:13px}.order-result{padding:24px 20px;border-radius:20px}.order-result h2{font-size:27px}.order-result>.button{width:100%}.order-result textarea{padding:13px;font-size:16px}.order-page .footer{font-size:12px;align-items:start}}
@media(prefers-reduced-motion:reduce){.order-page *{transition:none!important;scroll-behavior:auto}}
.order-honeypot{position:absolute;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden}
.order-submit-row>.button:disabled{opacity:.6;cursor:wait}
.order-privacy{max-width:720px;margin:18px 0 0;color:var(--muted);font-size:12px;line-height:1.7}
.order-send-status{font-size:14px;line-height:1.7;max-width:720px;margin:18px 0 0}
.order-send-status:empty{display:none}
.order-send-status[data-error="true"]{color:#a02828}
.order-result[data-delivered="true"]{border-color:#a6c4b7;background:#f1faf5cc}