/* Two quiet panels, matching the supplied contact reference without media. */
.preorder-dialog { --dialog-surface:#090909; --dialog-field:#1b1b1b; inset:0; margin:auto; width:1120px; max-width:calc(100% - 32px); max-height:calc(100dvh - 32px); padding:8px; border:1px solid #272727; border-radius:16px; background:var(--dialog-surface); color:var(--color-gallery-white); overflow:auto; overscroll-behavior:contain; box-shadow:0 24px 100px #0006; opacity:0; transform:translateY(10px) scale(.992); transition:opacity 420ms ease,transform 560ms cubic-bezier(.22,1,.36,1); }
.preorder-dialog::backdrop { background:transparent; backdrop-filter:blur(0); transition:background-color 420ms ease,backdrop-filter 420ms ease; }
.preorder-dialog.is-present { opacity:1; transform:none; }
.preorder-dialog.is-present::backdrop { background:#1d1d1f80; backdrop-filter:blur(5px); }
.preorder-dialog.is-closing { transition-duration:380ms; }
.preorder-layout { display:grid; grid-template-columns:1fr 1fr; min-height:620px; }
.preorder-context { position:relative; display:flex; align-items:center; padding:clamp(28px,4vw,64px); border-radius:9px 0 0 9px; background:#141414; }
.preorder-context-copy { width:100%; }
.preorder-product { font:400 clamp(38px,5vw,66px)/1.05 var(--display); letter-spacing:-.05em; margin-bottom:28px; }
.preorder-context-copy>p:not(.preorder-product) { font:400 25px/1.35 var(--display); letter-spacing:-.025em; }
.preorder-context-copy>span { display:block; margin-top:26px; font:400 13px/1.5 var(--body); color:#a1a1a1; }
.preorder-card { padding:48px clamp(28px,4.5vw,64px) 24px; align-self:center; min-width:0; }
.preorder-logo { display:block; width:124px; height:auto; margin-bottom:30px; }
.preorder-card h2 { font:500 clamp(25px,2.5vw,32px)/1.15 var(--display); letter-spacing:-.04em; color:var(--color-gallery-white); outline:none; }
#preorder-description { font:400 14px/1.5 var(--body); color:#a1a1a1; margin:12px 0 30px; }
.preorder-form { display:flex; flex-direction:column; gap:18px; }
.preorder-field { display:flex; flex-direction:column; gap:8px; min-width:0; }
.preorder-form label { font:400 13px/1.3 var(--body); color:var(--color-gallery-white); }
.preorder-form label>span { margin-left:6px; font-size:11px; color:#a1a1a1; }
.preorder-form input,.preorder-form textarea { display:block; width:100%; min-height:42px; border:1px solid #262626; border-radius:8px; padding:10px 14px; background:var(--dialog-field); color:var(--color-gallery-white); font:400 16px/1.4 var(--body); outline:none; transition:border-color 200ms ease,box-shadow 200ms ease; }
.preorder-form textarea { min-height:100px; max-height:180px; resize:vertical; }
.preorder-form input::placeholder,.preorder-form textarea::placeholder { font-size:14px; color:#a1a1a1; opacity:1; }
.preorder-form input:focus-visible,.preorder-form textarea:focus-visible { border-color:var(--color-pricing-blue); box-shadow:0 0 0 3px #0071e333; }
.preorder-form input[aria-invalid=true] { border-color:#f0a572; }
.preorder-submit { display:flex; justify-content:center; align-items:center; gap:10px; min-height:42px; border:1px solid #d6d6d6; border-radius:7px; background:var(--color-gallery-white); color:var(--color-ink); font-size:14px; font-weight:500; transition:background-color 420ms ease,color 420ms ease,border-color 420ms ease; }
.preorder-submit:disabled { cursor:wait; opacity:.65; }
.preorder-spinner { display:none; width:14px; height:14px; border:1px solid currentColor; border-right-color:transparent; border-radius:50%; }
.preorder-form[aria-busy=true] .preorder-spinner { display:block; animation:preorder-spin 800ms linear infinite; }
.preorder-error { font-size:13px; line-height:1.45; color:#f0a572; margin:0; }
.preorder-error:empty { display:none; }
.preorder-dismiss-area { display:flex; justify-content:center; margin-top:20px; }
.preorder-dismiss { position:relative; width:205px; height:36px; border-radius:30px; background:transparent; color:#b8b8b8; font-size:12px; overflow:hidden; transition:color 240ms ease,background-color 240ms ease; }
.preorder-dismiss:disabled { cursor:default; }
.preorder-countdown,.preorder-dismiss-ready { position:absolute; inset:0; display:flex; align-items:center; justify-content:center; gap:12px; transition:opacity 200ms ease,transform 250ms var(--ui-ease); }
.preorder-timer-copy { font-variant-numeric:tabular-nums; }
.preorder-progress { width:44px; height:3px; border-radius:20px; background:#353535; overflow:hidden; }
.preorder-progress>span { display:block; width:100%; height:100%; border-radius:inherit; background:var(--color-pricing-blue); transform:scaleX(var(--preorder-progress,0)); transform-origin:left; }
.preorder-dismiss-ready { opacity:0; transform:translateY(8px); }
.preorder-dismiss:not(:disabled) .preorder-countdown { opacity:0; transform:translateY(-8px); }
.preorder-dismiss:not(:disabled) .preorder-dismiss-ready { opacity:1; transform:none; }
.preorder-x { position:relative; width:12px; height:12px; }
.preorder-x::before,.preorder-x::after { content:''; position:absolute; top:5px; left:0; width:12px; height:1px; background:currentColor; transform:rotate(45deg); }
.preorder-x::after { transform:rotate(-45deg); }
/* Entrance belongs to wrappers, so it cannot replace control hover transitions. */
.preorder-card>h2,.preorder-logo,#preorder-description,.preorder-field,.preorder-context-copy,.preorder-dismiss-area { opacity:0; transform:translateY(6px); transition:opacity 300ms ease,transform 350ms var(--ui-ease); }
.is-present .preorder-card>h2,.is-present .preorder-logo,.is-present #preorder-description,.is-present .preorder-field,.is-present .preorder-context-copy,.is-present .preorder-dismiss-area { opacity:1; transform:none; }
.is-present .preorder-field { transition-delay:60ms; }
.is-present .preorder-field:nth-child(2) { transition-delay:90ms; }
.is-present .preorder-field:nth-child(3) { transition-delay:120ms; }
.preorder-success { padding:50px 0; color:var(--color-gallery-white); }
.preorder-success[hidden],.preorder-form[hidden] { display:none; }
.preorder-success p { font-size:16px; line-height:1.5; color:#b8b8b8; }
.preorder-success-mark { margin-bottom:22px; display:inline-grid; width:48px; height:48px; border-radius:50%; background:#1b1b1b; place-items:center; }
.preorder-success-mark::after { content:''; width:16px; height:8px; border:2px solid var(--color-pricing-blue); border-top:0; border-right:0; transform:translateY(-2px) rotate(-45deg); }
@keyframes preorder-spin { to { transform:rotate(360deg); } }
@media(hover:hover) and (pointer:fine) { .preorder-dismiss:hover:not(:disabled) { color:var(--color-gallery-white); background:#1b1b1b; } }
@media(max-width:760px) { .preorder-dialog { max-width:calc(100% - 24px); max-height:calc(100dvh - 24px); width:440px; border-radius:14px; padding:0; } .preorder-layout { grid-template-columns:1fr; min-height:0; } .preorder-context { display:none; } .preorder-card { padding:32px 24px 20px; } .preorder-logo { width:112px; margin-bottom:30px; } .preorder-card h2 { font-size:27px; } #preorder-description { margin-bottom:28px; } }
@media(max-height:700px) { .preorder-layout { min-height:0; } .preorder-card { padding-top:26px; padding-bottom:16px; } .preorder-logo { margin-bottom:22px; } #preorder-description { margin-bottom:20px; } .preorder-form { gap:14px; } .preorder-form textarea { min-height:80px; } .preorder-dismiss-area { margin-top:14px; } }
@media(prefers-reduced-motion:reduce) { .preorder-dialog,.preorder-countdown,.preorder-dismiss-ready,.preorder-card *,.preorder-context-copy { transform:none!important; transition:none!important; } .preorder-dialog::backdrop { backdrop-filter:none; transition:none; } .preorder-spinner { animation:none!important; } }

.preorder-form .contact-email{display:block;margin:0 0 23px;color:#b8b8bd;text-align:center;font-size:13px}.preorder-form .contact-email>span{color:#86868b;margin-bottom:6px}.preorder-form .contact-email a{color:#fff}.preorder-form .contact-email a:hover{color:#73b5ff}