.hero::after { background: linear-gradient(to bottom, rgba(4,10,17,.46) 0%, rgba(4,10,17,.46) 65%, #081a2d 100%); }
.about-section { border-top: 0; background: linear-gradient(to bottom, #081a2d, #050d18); }
.managed-media { position: relative; overflow: hidden; }
.managed-poster, .managed-player, .managed-preview { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; }
.managed-poster { z-index: 3; background: #050a11; }
.managed-poster[hidden], .card-embed-play[hidden] { display: none; }
.managed-poster > img { display: block; width: 100%; height: 100%; object-fit: cover; }
.managed-preview { object-fit: cover; pointer-events: none; opacity: 0; transition: opacity .18s ease; }
.managed-preview.has-frame { opacity: 1; }
.managed-player { opacity: 0; pointer-events: none; object-fit: contain; background: #000; }
.managed-player.is-active { opacity: 1; pointer-events: auto; }
.managed-status { position: absolute; z-index: 2; bottom: 18px; left: 12px; right: 12px; text-align: center; color: #fff; font-size: 13px; text-shadow: 0 1px 4px #000; pointer-events: none; }
.managed-media .card-embed-play { color: var(--color-cyan); }
.managed-media .card-embed-play[aria-busy] .play-circle { opacity: .6; }
.works-more { display: block; margin: 28px auto; padding: 14px 30px; background: var(--color-navy); color: var(--color-cyan); border: 1px solid var(--color-cyan); border-radius: 28px; cursor: pointer; }
.works-more[hidden] { display: none; }
@media (prefers-reduced-motion: reduce) { .managed-media * { animation: none !important; transition: none !important; } }