.atlas-experience-media { margin: 28px 0; min-width: 0; }
.atlas-experience-media__frame { position: relative; width: 100%; aspect-ratio: 16 / 9; overflow: hidden; border-radius: 18px; background: #102d37; }
.atlas-experience-media__frame > img,
.atlas-experience-media__frame > video { display: block; width: 100%; height: 100%; object-fit: cover; margin: 0; }
.atlas-experience-media [hidden] { display: none !important; }
.atlas-experience-media__play { position: absolute; inset: 50% auto auto 50%; transform: translate(-50%, -50%); display: inline-flex; align-items: center; gap: 9px; padding: 12px 18px; border: 1px solid rgba(255,255,255,.5); border-radius: 999px; background: rgba(16,45,55,.9); color: #fff; font: inherit; font-weight: 700; cursor: pointer; white-space: nowrap; }
.atlas-experience-media__play:focus-visible { outline: 3px solid #fff; outline-offset: 4px; }
.atlas-experience-media figcaption { padding: 12px 0 0; color: #52656b; font-size: 14px; line-height: 1.6; }
.atlas-experience-media figcaption strong { display: block; margin-bottom: 2px; color: #102d37; font-size: 16px; }
.atlas-experience-media__status { font-size: 14px; line-height: 1.5; margin: 10px 0 0; }
@media (max-width: 700px) { .atlas-experience-media { margin: 24px 0; } .atlas-experience-media__frame { border-radius: 14px; } }