.c-preorder{overflow:hidden;background:var(--color-bg);color:var(--color-text)}
.c-preorder__header{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--space-6);margin-block-end:var(--space-6)}
.c-preorder__eyebrow{margin:0 0 var(--space-2);color:var(--color-accent);font-size:.75rem;font-weight:var(--font-weight-semibold);letter-spacing:.12em;text-transform:uppercase}
.c-preorder__heading{margin:0;line-height:1.08;letter-spacing:-.025em}.c-preorder__heading--small{font-size:clamp(1.65rem,2.3vw,2.1rem)}.c-preorder__heading--medium{font-size:clamp(2rem,3vw,2.75rem)}.c-preorder__heading--large{font-size:clamp(2.4rem,4vw,3.5rem)}
.c-preorder__intro{max-inline-size:46rem;margin-block-start:var(--space-3);color:var(--color-text-muted);font-size:var(--step-0)}.c-preorder__intro>:first-child{margin-block-start:0}.c-preorder__intro>:last-child{margin-block-end:0}
.c-preorder__controls{display:none;flex:0 0 auto;gap:0;padding:.45rem;border:var(--border-width) solid color-mix(in srgb,var(--color-border) 45%,transparent);border-radius:var(--radius-pill);background:var(--color-surface);box-shadow:var(--shadow-md)}.c-preorder.is-ready .c-preorder__controls{display:flex}.c-preorder.is-static .c-preorder__controls{display:none}
.c-preorder__control{display:grid;place-items:center;inline-size:3rem;block-size:3rem;padding:0;border:var(--border-width) solid var(--color-border);border-radius:50%;background:var(--color-bg);color:var(--color-text);cursor:pointer;transition:background var(--duration-fast) var(--ease-standard),color var(--duration-fast) var(--ease-standard),opacity var(--duration-fast) var(--ease-standard)}.c-preorder__control+.c-preorder__control{margin-inline-start:-.12rem}.c-preorder__control svg{inline-size:1.1rem;block-size:1.1rem}.c-preorder__control:disabled{opacity:.32;cursor:default}.c-preorder__control:focus-visible{position:relative;z-index:1;outline:var(--focus-ring);outline-offset:calc(var(--focus-ring-offset) * -1)}
.c-preorder__track{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - (var(--space-5) * 2))/3);gap:var(--space-5);margin:0;padding:0 0 var(--space-3);overflow-x:auto;overscroll-behavior-inline:contain;scroll-behavior:smooth;scroll-snap-type:x mandatory;scrollbar-width:none;list-style:none}.c-preorder__track::-webkit-scrollbar{display:none}
.c-preorder__item{min-inline-size:0;scroll-snap-align:start;scroll-snap-stop:always}
.c-preorder__card{position:relative;display:grid;min-block-size:100%;overflow:hidden;border-radius:var(--radius-md);background:var(--color-surface)}
.c-preorder__media{position:relative;aspect-ratio:16/11;overflow:hidden;background:color-mix(in srgb,var(--color-accent) 12%,var(--color-surface))}.c-preorder__image,.c-preorder__placeholder{display:block;inline-size:100%;block-size:100%;object-fit:cover}.c-preorder__placeholder{padding:var(--space-8);fill:color-mix(in srgb,var(--color-text) 15%,transparent)}
.c-preorder__body{display:flex;flex-direction:column;align-items:flex-start;min-block-size:15rem;padding:var(--space-6)}
.c-preorder__badge{display:inline-flex;margin:0 0 var(--space-3);padding:.4rem .7rem;border-radius:999px;background:var(--color-accent);color:var(--color-on-accent);font-size:.68rem;font-weight:var(--font-weight-semibold);letter-spacing:.1em;line-height:1;text-transform:uppercase}
.c-preorder__card-heading{margin:0;font-size:clamp(1.4rem,2vw,1.9rem);line-height:1.12;letter-spacing:-.02em}.c-preorder__card-heading a{color:inherit;text-decoration:none}.c-preorder__card-heading a::after{position:absolute;inset:0;content:''}
.c-preorder__text{margin-block-start:var(--space-3);color:var(--color-text-muted);line-height:1.5}.c-preorder__text>:first-child{margin-block-start:0}.c-preorder__text>:last-child{margin-block-end:0}
.c-preorder__date{margin:auto 0 0;padding-block-start:var(--space-5);font-size:.8rem;font-weight:var(--font-weight-semibold);letter-spacing:.08em;text-transform:uppercase}
.c-preorder__button{position:relative;z-index:1;display:inline-flex;align-items:center;justify-content:center;min-block-size:2.75rem;margin-block-start:var(--space-4);padding:.75rem 1.1rem;border-radius:var(--radius-sm);background:var(--color-text);color:var(--color-bg);font-size:.82rem;font-weight:var(--font-weight-semibold);letter-spacing:.04em;text-decoration:none;text-transform:uppercase}.c-preorder__button:focus-visible{outline:var(--focus-ring);outline-offset:var(--focus-ring-offset)}
@media(hover:hover) and (pointer:fine){.c-preorder__control:not(:disabled):hover,.c-preorder__button:hover{background:var(--color-accent);color:var(--color-on-accent)}.c-preorder__card:hover .c-preorder__image{transform:scale(1.025)}.c-preorder__image{transition:transform var(--duration-slow) var(--ease-standard)}}
@media(max-width:63.99rem){.c-preorder__track{grid-auto-columns:calc((100% - var(--space-4))/2);gap:var(--space-4)}}
@media(max-width:47.99rem){.c-preorder__header{align-items:flex-start;margin-block-end:var(--space-5)}.c-preorder__controls{align-self:flex-end}.c-preorder__control{inline-size:2.75rem;block-size:2.75rem}.c-preorder__track{grid-auto-columns:calc(100vw - (var(--gutter)*2));gap:var(--space-4);margin-inline:calc(var(--gutter)*-1);padding-inline:var(--gutter);scroll-padding-inline:var(--gutter)}.c-preorder__media{aspect-ratio:16/10}.c-preorder__body{min-block-size:13.5rem;padding:var(--space-5)}}
@media(prefers-reduced-motion:reduce){.c-preorder__track{scroll-behavior:auto}.c-preorder__image{transition:none}}
