.dd-intro-layer{position:fixed;inset:0;z-index:9100;display:flex;align-items:center;justify-content:center;padding:24px}.dd-intro-backdrop{position:absolute;inset:0;background:rgba(8,7,6,.78);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);animation:dd-intro-fade var(--motion-default) both}.dd-intro{position:relative;width:min(1080px,100%);max-height:calc(100vh - 48px);display:flex;flex-direction:column;background:var(--bg-terminal);border:1px solid var(--border-strong);border-radius:var(--radius-md);box-shadow:var(--shadow-lift),inset 0 1px 0 rgba(244,236,221,.04);overflow:hidden;animation:dd-intro-rise var(--motion-slow) both}.dd-intro-bar{display:flex;align-items:center;gap:12px;padding:9px 12px 9px 16px;border-bottom:1px solid rgba(244,236,221,.08);font-family:var(--font-ibm-plex-mono),"IBM Plex Mono",monospace;font-size:11px;letter-spacing:.08em}.dd-intro-title{flex:1;min-width:0;color:#7e7464;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-transform:uppercase}.dd-intro-sep{color:var(--accent)}.dd-intro-runtime{color:#bcb09c;font-variant-numeric:tabular-nums}.dd-intro-close{display:inline-flex;align-items:center;gap:6px;font:inherit;color:var(--accent);background:transparent;border:1px solid rgba(244,236,221,.18);border-radius:var(--radius-sm);padding:4px 8px;cursor:pointer;transition:border-color var(--motion-fast),background-color var(--motion-fast)}.dd-intro-close:hover{border-color:var(--accent);background:rgba(232,133,42,.08)}.dd-intro-bigplay:focus-visible,.dd-intro-close:focus-visible,.dd-intro-cta:focus-visible,.dd-intro-ctl:focus-visible,.dd-intro-seek:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.dd-intro-player{display:flex;flex-direction:column;background:#0b0a09}.dd-intro-player:fullscreen{justify-content:center}.dd-intro-player:fullscreen .dd-intro-screen{flex:1;max-height:none;aspect-ratio:auto}.dd-intro-bigplay{position:absolute;left:50%;top:50%;width:72px;height:72px;margin:-36px 0 0 -36px;display:flex;align-items:center;justify-content:center;padding-left:4px;color:var(--accent);background:rgba(11,10,9,.72);border:1px solid var(--accent);border-radius:999px;cursor:pointer;transition:background-color var(--motion-fast),color var(--motion-fast)}.dd-intro-bigplay:hover{background:var(--accent);color:#0b0a09}.dd-intro-controls{display:flex;align-items:center;gap:10px;padding:8px 12px;border-top:1px solid rgba(244,236,221,.08);font-family:var(--font-ibm-plex-mono),"IBM Plex Mono",monospace}.dd-intro-ctl{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;flex-shrink:0;color:#bcb09c;background:transparent;border:1px solid transparent;border-radius:var(--radius-sm);cursor:pointer;transition:color var(--motion-fast),border-color var(--motion-fast)}.dd-intro-ctl:hover{color:var(--accent);border-color:rgba(244,236,221,.18)}.dd-intro-clock{flex-shrink:0;font-size:11px;letter-spacing:.06em;color:#f4ecdd;font-variant-numeric:tabular-nums}.dd-intro-clock span{color:#7e7464}.dd-intro-seek{flex:1;min-width:60px;height:18px;margin:0;background:transparent;-webkit-appearance:none;appearance:none;cursor:pointer}.dd-intro-seek::-webkit-slider-runnable-track{height:2px;background:linear-gradient(to right,var(--accent) var(--seek,0),rgba(244,236,221,.16) var(--seek,0))}.dd-intro-seek::-moz-range-track{height:2px;background:rgba(244,236,221,.16)}.dd-intro-seek::-moz-range-progress{height:2px;background:var(--accent)}.dd-intro-seek::-webkit-slider-thumb{-webkit-appearance:none;width:10px;height:10px;margin-top:-4px;background:var(--accent);border:none;border-radius:1px}.dd-intro-seek::-moz-range-thumb{width:10px;height:10px;background:var(--accent);border:none;border-radius:1px}.dd-intro-screen{position:relative;background:#0b0a09;aspect-ratio:16/9;max-height:calc(100vh - 220px)}.dd-intro-screen video{display:block;width:100%;height:100%;object-fit:contain;background:#0b0a09}.dd-intro-foot{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 16px 14px;border-top:1px solid rgba(244,236,221,.08)}.dd-intro-desc{margin:0;color:#bcb09c;font-family:var(--font-dm-sans),"DM Sans",sans-serif;font-size:13px;line-height:1.6;max-width:72ch}.dd-intro-cta{flex-shrink:0;display:inline-flex;align-items:center;gap:7px;font-family:var(--font-ibm-plex-mono),"IBM Plex Mono",monospace;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--accent);text-decoration:none;border:1px solid var(--accent);border-radius:var(--radius-sm);padding:7px 12px;transition:background-color var(--motion-fast),color var(--motion-fast)}.dd-intro-cta:hover{background:var(--accent);color:#0b0a09}@media (max-width:640px){.dd-intro-layer{padding:12px}.dd-intro-foot{flex-direction:column;align-items:flex-start}}@keyframes dd-intro-fade{0%{opacity:0}}@keyframes dd-intro-rise{0%{opacity:0;transform:translateY(12px) scale(.985)}}@media (prefers-reduced-motion:reduce){.dd-intro,.dd-intro-backdrop{animation:none}}.dd-intro-chip{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-ibm-plex-mono),"IBM Plex Mono",monospace;font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--accent);background:color-mix(in srgb,var(--bg-panel) 72%,transparent);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);padding:4px 8px;cursor:pointer;transition:border-color var(--motion-fast),background-color var(--motion-fast)}.dd-intro-chip:hover{border-color:var(--accent)}.dd-intro-chip:focus-visible{outline:2px solid var(--accent);outline-offset:2px}