/* Custom order form: larger white text, custom dropdowns, pill send button */
.commission .field{padding:18px 0;border-bottom:1px solid rgba(255,255,255,.25)}
.commission .field:focus-within{border-color:#fff}
.commission .field label{font-size:12px;letter-spacing:.16em;color:#fff;font-weight:500}
.commission .field input,.commission .field textarea{font-size:18px;color:#fff;font-weight:400;padding:4px 0}
.commission .field input::placeholder,.commission .field textarea::placeholder{color:rgba(255,255,255,.7);opacity:1}
.commission .field textarea{min-height:92px}
.cselect{position:relative}
.cselect select{position:absolute;inset:0;width:100%;height:100%;opacity:0;pointer-events:none}
.cselect-btn{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;padding:4px 0;background:none;border:0;color:#fff;font:400 18px 'Inter',sans-serif;text-align:left;cursor:pointer}
.cselect-btn.placeholder{color:rgba(255,255,255,.7)}
.cselect-btn::after{content:"";flex:none;width:8px;height:8px;border-right:2px solid #fff;border-bottom:2px solid #fff;transform:translateY(-3px) rotate(45deg);transition:transform .25s}
.cselect.open .cselect-btn::after{transform:translateY(2px) rotate(-135deg)}
.cselect-btn:focus-visible{outline:2px solid #fff;outline-offset:6px;border-radius:4px}
.cselect-list{position:absolute;left:-12px;right:-12px;top:calc(100% + 16px);z-index:40;max-height:340px;overflow-y:auto;padding:8px;background:#121212;border:1px solid rgba(255,255,255,.2);border-radius:16px;box-shadow:0 18px 50px rgba(0,0,0,.65);opacity:0;visibility:hidden;transform:translateY(-6px);transition:opacity .2s,transform .2s,visibility .2s}
.cselect.open .cselect-list{opacity:1;visibility:visible;transform:none}
.cselect-group{padding:14px 14px 6px;font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:rgba(255,255,255,.55);font-weight:500}
.cselect-opt{padding:12px 14px;border-radius:10px;color:#fff;font-size:17px;line-height:1.3;cursor:pointer;transition:background .15s}
.cselect-opt:hover,.cselect-opt.active{background:rgba(255,255,255,.12)}
.cselect-opt[aria-selected="true"]{background:rgba(255,255,255,.18)}
.cselect-list::-webkit-scrollbar{width:8px}.cselect-list::-webkit-scrollbar-thumb{background:rgba(255,255,255,.3);border-radius:8px}
/* Send button: white pill, black sweeps in from the left with a soft edge */
.commission .submit{position:relative;overflow:hidden;isolation:isolate;display:inline-flex;align-items:center;justify-content:center;gap:14px;margin-top:32px;padding:20px 48px;background:#fff;color:#080808;border:1.5px solid #fff;border-radius:999px;font:600 14px/1 'Manrope','Inter',sans-serif;letter-spacing:.16em;text-transform:uppercase;transition:color .35s ease;transform:none}
.commission .submit:hover{background:#fff;transform:none}
.commission .submit::before{content:"";position:absolute;top:0;bottom:0;left:0;width:calc(100% + 90px);background:linear-gradient(90deg,#080808 0,#080808 calc(100% - 90px),rgba(8,8,8,0) 100%);z-index:-1;transform:translateX(-100%);transition:transform .45s cubic-bezier(.4,0,.2,1)}
.commission .submit::after{content:"\2192";font-size:18px;letter-spacing:0;transition:transform .35s}
@media(hover:hover){.commission .submit:hover{color:#fff}.commission .submit:hover::before{transform:translateX(0)}.commission .submit:hover::after{transform:translateX(5px)}}
.commission .submit:focus-visible{outline:2px solid #fff;outline-offset:4px}
.commission .submit:disabled{opacity:.6;cursor:default}
@media(max-width:600px){.commission .submit{width:100%}}