.d111-preorder{margin:0;padding:clamp(28px,5vw,64px) clamp(20px,4vw,64px);display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr);gap:clamp(28px,6vw,90px);align-items:center;background:#f5f3ef;color:#171b1b;border-bottom:1px solid #d9d6d0}
.d111-preorder__copy{max-width:660px}.d111-preorder .eyebrow{font-size:11px;letter-spacing:.13em}.d111-preorder h2{font-size:clamp(30px,4.4vw,58px);line-height:1.08;letter-spacing:-.045em;font-weight:400;margin:18px 0}.d111-preorder__copy>p:not(.eyebrow){line-height:1.7}.d111-preorder .button{margin-top:12px}.d111-preorder__copy .d111-preorder__terms{font-size:12px;line-height:1.6;max-width:570px;margin:18px 0 0;color:#505453}

.d111-preorder{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(24px,4vw,60px)}
.d111-preorder__date{position:relative;min-width:0;padding:clamp(20px,3vw,38px);background:#141719;color:#f5f3ef;border:1px solid #373c3e;border-top:3px solid #e32219;box-shadow:0 12px 32px #00000012}
.d111-preorder__date:after{content:'';position:absolute;bottom:9px;right:9px;width:14px;height:14px;border-right:1px solid #e32219;border-bottom:1px solid #e32219;pointer-events:none}
.d111-preorder__system{display:flex;justify-content:space-between;gap:8px;font:10px/1.5 'IBM Plex Mono',monospace;letter-spacing:.08em;color:#c3c7c5;border-bottom:1px solid #383e40;padding-bottom:15px;margin-bottom:25px}
.d111-preorder__date>.eyebrow{color:#c3c7c5;font-size:10px;margin:0 0 8px}.d111-preorder__date time{display:block;font:400 clamp(24px,2.9vw,40px)/1.2 'IBM Plex Mono',monospace;letter-spacing:-.06em;white-space:nowrap}.d111-preorder__date time span{color:#727b7c}
.d111-preorder__timezone{font:10px/1.5 'IBM Plex Mono',monospace;letter-spacing:.08em;color:#c3c7c5;margin:8px 0 26px}
.d111-preorder__sequence{display:flex;justify-content:space-between;font:10px/1.5 'IBM Plex Mono',monospace;letter-spacing:.12em;margin:0 0 10px;color:#c3c7c5}.d111-preorder__sequence span{color:#ff655c}
.d111-preorder__digits{display:grid;grid-template-columns:repeat(4,minmax(0,1fr)) minmax(0,.95fr);gap:7px}.d111-preorder__digits>div{min-width:0;border-left:1px solid #3c4244;padding-left:8px}.d111-preorder__digits>div:first-child{border:0;padding-left:0}
.d111-preorder__digits strong{display:block;font:400 clamp(23px,2.65vw,39px)/1.15 'IBM Plex Mono',monospace;font-variant-numeric:tabular-nums;letter-spacing:-.065em}.d111-preorder__digits span{display:block;font:9px/1.5 'IBM Plex Mono',monospace;letter-spacing:.06em;color:#c3c7c5;margin-top:7px}.d111-preorder__fraction strong{color:#ff655c;font-size:clamp(20px,2.1vw,31px);padding-top:.2em}
.d111-preorder__rail{height:3px;margin:20px 0 12px;background:repeating-linear-gradient(90deg,#e32219 0 15px,transparent 15px 19px);opacity:.8}
.d111-preorder__motion{display:block;padding:5px 0;background:none;border:0;color:#c3c7c5;font:10px/1.6 'IBM Plex Mono',monospace;text-decoration:underline;text-underline-offset:3px;cursor:pointer;margin-bottom:13px}.d111-preorder__motion:focus-visible{outline:2px solid #fff;outline-offset:4px}.d111-preorder__date small{font-size:11px;color:#c3c7c5}.d111-preorder__stories{font:9px/1.7 'IBM Plex Mono',monospace;letter-spacing:.025em;margin:20px 0 0;color:#c3c7c5}.d111-preorder [hidden]{display:none}
@media(max-width:900px){.d111-preorder{grid-template-columns:1fr}.d111-preorder__date{max-width:620px;width:100%;box-sizing:border-box}.d111-preorder__digits strong{font-size:clamp(24px,6vw,39px)}.d111-preorder__fraction strong{font-size:clamp(20px,5vw,31px)}}
@media(prefers-reduced-motion:reduce){.d111-preorder__date{scroll-behavior:auto}}