.eb-media-page { --media-gold: #d6a45e; --media-line: #55432d; }
.eb-media-page .page-hero { text-align: center; padding: 4rem 0 3rem; background: radial-gradient(ellipse at top, #382717 0, #171717 65%); border-bottom: 1px solid var(--media-line); }
.eb-media-page h1 { font-size: clamp(2.3rem, 6vw, 4.4rem); }
.eb-media-page .eyebrow { color: var(--media-gold); letter-spacing: .12em; }
.eb-media-jumps { display: flex; justify-content: center; flex-wrap: wrap; gap: .75rem; margin-top: 1.5rem; }
.eb-media-jumps a, .eb-media-link { display: inline-block; color: #f1d4aa; border: 1px solid var(--media-line); padding: .7rem 1.1rem; border-radius: .4rem; text-decoration: none; }
.eb-media-page a:hover { background: #392a1b; }
.eb-media-page a:focus-visible { outline: 3px solid var(--media-gold); outline-offset: 4px; }
.eb-media-section { padding: 3rem 0; scroll-margin-top: 6rem; }
.eb-media-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 300px), 1fr)); gap: 1.5rem; margin-top: 1.5rem; }
.eb-media-card, .eb-media-empty { padding: 1.6rem; border: 1px solid var(--media-line); border-radius: .65rem; background: #171717; color: #e3d5c2; }
.eb-media-card { min-width: 0; overflow-wrap: anywhere; }
.eb-media-empty { border-style: dashed; margin-top: 1.5rem; }
.eb-media-description { white-space: pre-line; }
.eb-media-card audio, .eb-media-card video { display: block; width: 100%; margin: 1.25rem 0; }
.eb-media-card video { aspect-ratio: 16 / 9; background: #090909; }
.eb-media-sr { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }