/* Decorative media only: preserve each page's existing compact geometry. */
.cmd-media-hero { position: relative; isolation: isolate; overflow: hidden; background: #08080e; }
.cmd-media-hero > .cmd-hero-media { position: absolute; inset: 0; z-index: 0; width: 100%; height: 100%; object-fit: cover; object-position: center 58%; pointer-events: none; }
.cmd-media-hero::before { content: ""; position: absolute; inset: 0; z-index: 1; pointer-events: none; background: linear-gradient(90deg,rgba(8,8,14,.9),rgba(8,8,14,.78) 48%,rgba(8,8,14,.32)),linear-gradient(0deg,rgba(8,8,14,.5),transparent); }
.cmd-media-hero::after { display: none; }
.cmd-media-hero > .container { position: relative; z-index: 2; }
.cmd-media-hero .crumbs { color: #d5d4df; }
.cmd-media-hero .btn-ghost { background: rgba(8,8,14,.85); }
.cmd-media-hero .cmd-hero-toggle { display: inline-flex; align-items: center; min-height: 44px; margin-top: 14px; padding: 8px 14px; border: 1px solid #94939e; border-radius: 4px; background: #08080e; color: #fff; font: 600 .8rem/1.3 var(--f-mono); cursor: pointer; }
.cmd-media-hero .cmd-hero-toggle[hidden] { display: none; }
.cmd-media-hero .cmd-hero-toggle:focus-visible { outline: 3px solid var(--volt); outline-offset: 4px; }
@media(max-width: 760px) {
  .cmd-media-hero::before { background: linear-gradient(90deg,rgba(8,8,14,.83),rgba(8,8,14,.65)),linear-gradient(0deg,rgba(8,8,14,.45),transparent); }
}
@media(prefers-reduced-motion: reduce) {
  .cmd-media-hero video.cmd-hero-media { display: none; }
}