.dd-home.dd-stream-preview .dd-hero { display:flex; justify-content:center; min-height:820px; padding:6rem 0 5rem; text-align:center; }
.dd-stream-preview .dd-hero-shader,.dd-stream-preview .dd-shader-toggle,.dd-stream-preview .dd-hero .dd-system-map { display:none!important; }
.dd-stream-preview .dd-hero-copy { position:relative; z-index:2; max-width:730px; }
.dd-home.dd-stream-preview .dd-hero h1 { max-width:17ch; margin-inline:auto; font-size:clamp(3rem,5.4vw,4.8rem); text-shadow:0 2px 16px var(--dd-ink-950); }
.dd-home.dd-stream-preview .dd-hero .dd-lede { max-width:43ch; margin-inline:auto; text-shadow:0 2px 10px var(--dd-ink-950); }
.dd-home.dd-stream-preview .dd-hero .dd-actions { align-items:center; justify-content:center; }
.dd-home.dd-stream-preview .dd-hero-person { justify-content:center; text-align:left; }
.dd-stream-field { position:absolute; inset:0 calc((min(75rem,100vw - 2rem) - 100vw)/2); perspective:800px; overflow:hidden; pointer-events:none; background:var(--dd-ink-950); }
.dd-stream-field::after { content:''; position:absolute; inset:0; background:linear-gradient(90deg,transparent,rgba(11,17,19,.2) 15%,rgba(11,17,19,.94) 33%,rgba(11,17,19,.96) 50%,rgba(11,17,19,.94) 67%,rgba(11,17,19,.2) 85%,transparent),linear-gradient(0deg,var(--dd-ink-950),transparent 25%,transparent 80%,var(--dd-ink-950)); }
.dd-stream-card { position:absolute; left:calc(50% - 145px); top:calc(50% - 130px + var(--stream-y)); width:290px; height:240px; margin:0; padding:8px; border:1px solid var(--dd-border); border-radius:8px; background:var(--dd-ink-900); opacity:0; animation:dd-hero-stream-flight 20s linear infinite; animation-delay:var(--stream-delay); animation-play-state:paused; }
.dd-stream-card img { display:block; width:100%; height:calc(100% - 25px); object-fit:cover; border-radius:3px; }
.dd-stream-card.is-app img { object-fit:contain; }
.dd-stream-card figcaption { color:var(--dd-paper-300); font-size:11px; line-height:25px; text-align:left; }
.dd-stream-preview[data-stream-state="running"] .dd-stream-card { animation-play-state:running; }
@keyframes dd-hero-stream-flight {
  0% { opacity:0; transform:translateX(calc(var(--stream-side)*60px)) translateZ(-850px) rotateY(calc(var(--stream-side)*-32deg)); }
  14% { opacity:1; }
  84% { opacity:1; }
  100% { opacity:0; transform:translateX(calc(var(--stream-side)*1000px)) translateZ(150px) rotateY(calc(var(--stream-side)*-12deg)); }
}
.dd-stream-hero-toggle { position:absolute; z-index:3; right:0; bottom:1rem; min-height:44px; padding:.5rem .8rem; border:1px solid var(--dd-border); border-radius:4px; background:var(--dd-ink-900); color:var(--dd-paper-100); font:inherit; font-size:.78rem; cursor:pointer; }
.dd-stream-hero-toggle:focus-visible { outline:2px solid var(--dd-cyan-400); outline-offset:3px; }
.dd-stream-hero-toggle[hidden] { display:none; }
@media(max-width:780px) {
 .dd-home.dd-stream-preview .dd-hero { min-height:800px; padding:4.5rem 0 5rem; }
 .dd-home.dd-stream-preview .dd-hero h1 { font-size:clamp(2.7rem,8vw,3.8rem); }
 .dd-stream-card { width:190px; height:170px; left:calc(50% - 95px); }
 .dd-stream-field::after { background:linear-gradient(90deg,rgba(11,17,19,.35),rgba(11,17,19,.9) 18%,rgba(11,17,19,.94) 50%,rgba(11,17,19,.9) 82%,rgba(11,17,19,.35)),linear-gradient(0deg,var(--dd-ink-950),transparent 25%,transparent 80%,var(--dd-ink-950)); }
}
@media(prefers-reduced-motion:reduce) {
 .dd-stream-card { animation:none; opacity:.7; width:200px; left:2%; top:30%; transform:rotate(-8deg); }
 .dd-stream-card:nth-child(2) { left:auto; right:2%; top:55%; transform:rotate(8deg); }
 .dd-stream-card:nth-child(n+3) { display:none; }
}