.archive-banner { display: flex; align-items: center; justify-content: center; gap: 0.75em; padding: 1.25em 1.5em; background: #6b0f1a; /* darker broadcast red */ color: #ffffff; font-family: -apple-system, BlinkMacSystemFont, "Inter", "Helvetica Neue", Arial, sans-serif; font-size: clamp(1.05rem, 2.3vw, 1.5rem); font-weight: 700; letter-spacing: 0.06em; text-transform: uppercase; border-radius: 12px; } .archive-banner .dot { width: 10px; height: 10px; background: #ffffff; border-radius: 50%; opacity: 0.6; /* static, no pulse */ }