.releases-page { padding-top: 120px; padding-bottom: 80px; max-width: 900px; }
.releases-list { display: flex; flex-direction: column; gap: 2.5rem; }
.release-card { padding: 1.5rem 0; border-bottom: 1px solid var(--color-border); }
.releases-list .release-card:last-child { border-bottom: none; }
.release-heading { display: flex; flex-wrap: wrap; align-items: baseline; gap: 0.5rem 1rem; margin-bottom: 0.75rem; }
.release-video-tile-wrap { margin-bottom: 1rem; max-width: 360px; width: 100%; }
.release-video-tile { aspect-ratio: 16/9; width: 100%; display: block; }
.release-items { list-style: disc; padding-left: 1.5rem; margin: 0; }
.release-items li { margin-bottom: 0.35rem; }
.releases-loading { color: var(--color-text-secondary); }
.releases-error { color: var(--color-error, #c00); }
.release-video-overlay { position: fixed; inset: 0; z-index: 100; background: rgba(0,0,0,0.85); display: none; align-items: center; justify-content: center; padding: 1rem; }
.release-video-overlay.is-open { display: flex; }
.release-video-overlay .video-wrap { position: relative; width: 100%; max-width: 960px; aspect-ratio: 16/9; background: #000; border-radius: var(--radius-md); overflow: hidden; }
.release-video-overlay iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; }
.release-video-overlay .close-btn { position: absolute; top: -2.5rem; right: 0; background: transparent; border: none; color: #fff; cursor: pointer; padding: 0.5rem; font-size: 1.5rem; line-height: 1; }
.release-video-overlay .close-btn:hover { opacity: 0.9; }