.pattern-preview.marquee-preview{display:grid;align-content:center;grid-gap:10px;gap:10px;padding:14px;min-height:180px;background:radial-gradient(circle at 30% 50%,var(--marquee-highlight),transparent 48%),linear-gradient(180deg,var(--marquee-base),var(--marquee-base-strong));overflow:hidden;isolation:isolate}.pattern-preview.marquee-preview--motion-pair{align-content:center;gap:12px}.marquee-viewport{position:relative;overflow:hidden;border-radius:10px;padding:8px 0;background:rgba(255,255,255,.02);box-shadow:inset 0 0 0 1px rgba(255,255,255,.05);-webkit-mask-image:linear-gradient(90deg,transparent,#000 9%,#000 91%,transparent);mask-image:linear-gradient(90deg,transparent,#000 9%,#000 91%,transparent)}.marquee-track{display:inline-flex;align-items:center;gap:var(--marquee-gap);padding-inline:var(--marquee-gap);white-space:nowrap;width:max-content;animation:marqueeDrift var(--marquee-duration) linear infinite;will-change:transform}.marquee-track--reverse{animation-direction:reverse}@keyframes marqueeDrift{0%{transform:translateX(0)}to{transform:translateX(calc(-50% - (var(--marquee-gap) / 2)))}}.marquee-chip{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;border-radius:999px;background:rgba(255,255,255,.06);color:rgba(248,250,255,.92);font-size:11px;font-weight:500;letter-spacing:.02em;box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)}.marquee-chip__dot{width:6px;height:6px;border-radius:999px;background:var(--marquee-accent);box-shadow:0 0 6px var(--marquee-accent)}.marquee-headline{display:inline-flex;align-items:center;padding:6px 14px;color:rgba(248,250,255,.94);font-size:13px;font-weight:500;letter-spacing:.005em;text-decoration:underline;-webkit-text-decoration-color:rgba(255,255,255,.18);text-decoration-color:rgba(255,255,255,.18);text-decoration-thickness:1px;text-underline-offset:4px}.marquee-headline:before{content:"";display:inline-block;width:4px;height:4px;margin-right:12px;border-radius:999px;background:var(--marquee-accent);vertical-align:middle}.marquee-preview--motion-hover .marquee-viewport:focus-within .marquee-track,.marquee-preview--motion-hover .marquee-viewport:hover .marquee-track{animation-play-state:paused}.marquee-logo{display:inline-flex;align-items:center;gap:8px;padding:5px 12px 5px 8px;border-radius:8px;background:rgba(255,255,255,.04);color:rgba(248,250,255,.86);font-size:12px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;box-shadow:inset 0 0 0 1px rgba(255,255,255,.06)}.marquee-logo__mark{width:14px;height:14px;border-radius:4px;background:linear-gradient(135deg,var(--marquee-accent),color-mix(in srgb,var(--marquee-accent) 40%,transparent));box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)}.marquee-logo__text{line-height:1}.detail-hero__preview .pattern-preview.marquee-preview{padding:18px 22px}@media (prefers-reduced-motion:reduce){.marquee-track{animation:none;flex-wrap:wrap;width:100%;justify-content:center}}