.upcoming-releases-page {
  position: relative;
  isolation: isolate;
  overflow: hidden;
}

.upcoming-releases-page::before,
.upcoming-releases-page::after {
  position: absolute;
  z-index: -1;
  pointer-events: none;
  content: "";
}

.upcoming-releases-page::before {
  inset: 0;
  opacity: 0.32;
  background-image: linear-gradient(117deg, transparent 0 32%, rgb(158 161 156 / 0.05) 32.1% 32.25%, transparent 32.4% 100%), linear-gradient(62deg, transparent 0 68%, rgb(158 161 156 / 0.04) 68.1% 68.2%, transparent 68.3% 100%);
}

.upcoming-releases-page::after {
  right: -12rem;
  bottom: 8rem;
  width: 42rem;
  height: 26rem;
  opacity: 0.34;
  background: radial-gradient(ellipse, rgb(158 161 156 / 0.1), transparent 68%);
  filter: blur(18px);
  animation: upcoming-releases-fog 22s ease-in-out infinite alternate;
}

.upcoming-releases-page__hero {
  padding-block: var(--space-18) var(--space-14);
}

.upcoming-releases-page__hero-grid {
  display: grid;
  grid-template-columns: minmax(0, 56fr) minmax(22.5rem, 44fr);
  align-items: center;
  gap: var(--space-8);
}

.upcoming-releases-page__hero-copy {
  display: grid;
  min-width: 0;
  max-width: 40.625rem;
  gap: var(--space-4);
}

.upcoming-releases-page__hero-copy > * {
  min-width: 0;
  margin: 0;
}

.upcoming-releases-page__hero-copy h1 {
  max-width: 18ch;
}

.upcoming-releases-page__hero-intro {
  max-width: 40.625rem;
  color: var(--color-ash-secondary);
  font-size: var(--text-lg);
  line-height: var(--leading-lg);
}

.upcoming-releases-page__status-note {
  display: grid;
  min-width: 0;
  max-width: 40.625rem;
  gap: var(--space-1);
  border: var(--border-default);
  border-inline-start: 2px solid var(--color-ember);
  background: rgb(27 29 32 / 0.92);
  padding: var(--space-3) var(--space-4);
  color: var(--color-ash-secondary);
  font-size: var(--text-sm);
  line-height: var(--leading-sm);
}

.upcoming-releases-page__status-note strong {
  font-size: var(--text-sm);
}

.upcoming-releases-page__hero-media {
  width: 100%;
  min-width: 0;
  height: auto;
  aspect-ratio: 16 / 9;
  margin: 0;
  border-radius: var(--radius-none);
}

.upcoming-releases-page__hero-media img {
  width: 100%;
  height: 100%;
  object-position: 76% 42%;
  transition: filter var(--transition-standard);
}

.upcoming-releases-page__hero-media:hover img {
  filter: brightness(1.12);
}

.upcoming-releases-page__section-heading,
.upcoming-releases-page__watch-heading,
.upcoming-releases-page__fracture-heading {
  display: grid;
  min-width: 0;
  max-width: 31.25rem;
  gap: var(--space-2);
  margin-block-end: var(--space-6);
}

.upcoming-releases-page__section-heading > *,
.upcoming-releases-page__watch-heading > *,
.upcoming-releases-page__fracture-heading > * {
  margin: 0;
}

.upcoming-releases-page__legend-wall {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1px;
  overflow: hidden;
  border: var(--border-default);
  background: var(--color-stone-line);
}

.upcoming-releases-page__legend-wall > * {
  min-width: 0;
}

.upcoming-releases-page__legend-card {
  display: grid;
  min-width: 0;
  gap: var(--space-3);
  background: var(--color-basalt);
  padding: var(--space-5);
}

.upcoming-releases-page__legend-card > * {
  margin: 0;
}

.upcoming-releases-page__legend-card h3 {
  font-size: var(--text-xl);
}

.upcoming-releases-page__legend-card p:not(.upcoming-releases-page__sample-label) {
  max-width: 34ch;
  font-size: var(--text-sm);
  line-height: var(--leading-sm);
}

.upcoming-releases-page__sample-label,
.upcoming-releases-page__watch-status {
  color: var(--color-ember-bright);
  font-size: var(--text-xs);
  font-weight: 700;
  letter-spacing: 0.06em;
  line-height: var(--leading-xs);
  text-transform: uppercase;
}

.upcoming-releases-page__ledger-heading,
.upcoming-releases-page__discovery-heading,
.upcoming-releases-page__radar-heading,
.upcoming-releases-page__coverage-heading {
  display: grid;
  min-width: 0;
  gap: var(--space-3);
  margin-block-end: var(--space-6);
}

.upcoming-releases-page__ledger-heading > *,
.upcoming-releases-page__discovery-heading > *,
.upcoming-releases-page__radar-heading > *,
.upcoming-releases-page__coverage-heading > * {
  margin: 0;
}

.upcoming-releases-page__ledger-heading p:last-child {
  max-width: 37.5rem;
}

.upcoming-releases-page__ledger {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 1px;
  overflow: hidden;
  border: var(--border-default);
  background: var(--color-stone-line);
}

.upcoming-releases-page__ledger > * {
  min-width: 0;
}

.upcoming-releases-page__release-row {
  display: grid;
  grid-template-columns: minmax(7.8125rem, 9.375rem) minmax(0, 1fr) minmax(12rem, 14.375rem);
  align-items: start;
  min-width: 0;
  gap: var(--space-5);
  background: var(--color-basalt);
  padding: var(--space-5);
  box-shadow: inset 0 0 0 1px rgb(0 0 0 / 0.2);
}

.upcoming-releases-page__release-row--priority {
  border-inline-start: 2px solid var(--color-ember);
}

.upcoming-releases-page__release-row--muted {
  background: rgb(27 29 32 / 0.82);
}

.upcoming-releases-page__release-date,
.upcoming-releases-page__release-detail,
.upcoming-releases-page__release-meta {
  display: grid;
  min-width: 0;
  gap: var(--space-2);
}

.upcoming-releases-page__release-date span,
.upcoming-releases-page__release-meta span {
  color: var(--color-ash-secondary);
  font-size: var(--text-sm);
  line-height: var(--leading-sm);
}

.upcoming-releases-page__release-date strong {
  color: var(--color-ash-primary);
  font-size: var(--text-sm);
  line-height: var(--leading-sm);
}

.upcoming-releases-page__release-detail h3,
.upcoming-releases-page__release-detail p {
  margin: 0;
}

.upcoming-releases-page__release-detail h3 {
  font-size: var(--text-xl);
}

.upcoming-releases-page__release-detail p {
  max-width: 52ch;
  font-size: var(--text-sm);
  line-height: var(--leading-sm);
}

.upcoming-releases-page__release-meta {
  align-content: start;
  font-size: var(--text-sm);
  line-height: var(--leading-sm);
}

.upcoming-releases-page__release-meta strong {
  color: var(--color-ember-bright);
  font-size: var(--text-sm);
}

.upcoming-releases-page__ledger-action {
  display: grid;
  justify-items: start;
  min-width: 0;
  gap: var(--space-3);
  margin-block-start: var(--space-5);
}

.upcoming-releases-page__ledger-action > * {
  min-width: 0;
  margin: 0;
}

.upcoming-releases-page__ledger-message {
  color: var(--color-ash-secondary);
  font-size: var(--text-sm);
  line-height: var(--leading-sm);
}

.upcoming-releases-page__watch-feature {
  display: grid;
  grid-template-columns: minmax(30rem, 58fr) minmax(0, 42fr);
  align-items: center;
  min-width: 0;
}

.upcoming-releases-page__watch-feature > * {
  min-width: 0;
}

.upcoming-releases-page__watch-media {
  z-index: 0;
  width: 100%;
  height: auto;
  aspect-ratio: 3 / 2;
  margin: 0;
  border-radius: var(--radius-none);
}

.upcoming-releases-page__watch-media img {
  width: 100%;
  height: 100%;
  object-position: 66% 50%;
  transition: filter var(--transition-standard);
}

.upcoming-releases-page__watch-media:hover img {
  filter: brightness(1.1);
}

.upcoming-releases-page__watch-copy {
  z-index: 1;
  display: grid;
  min-width: 0;
  gap: var(--space-3);
  margin-inline-start: calc(var(--space-6) * -1);
  border: var(--border-default);
  background: var(--color-basalt);
  box-shadow: var(--shadow-inset);
  padding: var(--space-6);
}

.upcoming-releases-page__watch-copy > * {
  min-width: 0;
  margin: 0;
}

.upcoming-releases-page__watch-copy h3 {
  max-width: 22ch;
  font-size: var(--text-2xl);
}

.upcoming-releases-page__watch-copy p:last-child {
  max-width: 35rem;
}

.upcoming-releases-page__signals {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1px;
  overflow: hidden;
  margin-block-start: var(--space-4);
  border: var(--border-default);
  background: var(--color-stone-line);
}

.upcoming-releases-page__signals > * {
  min-width: 0;
}

.upcoming-releases-page__signal-card {
  display: grid;
  min-width: 0;
  gap: var(--space-2);
  background: var(--color-basalt);
  padding: var(--space-5);
}

.upcoming-releases-page__signal-card > * {
  margin: 0;
}

.upcoming-releases-page__signal-card > span {
  color: var(--color-ember-bright);
  font-size: var(--text-xs);
  font-weight: 700;
  letter-spacing: 0.08em;
}

.upcoming-releases-page__signal-card h3 {
  font-size: var(--text-xl);
}

.upcoming-releases-page__signal-card p {
  max-width: 36ch;
  font-size: var(--text-sm);
  line-height: var(--leading-sm);
}

.upcoming-releases-page__discovery-heading p:last-child {
  max-width: 35rem;
}

.upcoming-releases-page__preference-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1px;
  overflow: hidden;
  border: var(--border-default);
  background: var(--color-stone-line);
}

.upcoming-releases-page__preference-grid > * {
  min-width: 0;
}

.upcoming-releases-page__preference-card {
  display: grid;
  min-width: 0;
  gap: var(--space-3);
  background: var(--color-basalt);
  padding: var(--space-5);
  transition: box-shadow var(--transition-fast), background-color var(--transition-fast);
}

.upcoming-releases-page__preference-card > * {
  margin: 0;
}

.upcoming-releases-page__preference-card h3 {
  font-size: var(--text-xl);
}

.upcoming-releases-page__preference-card p:not(.eyebrow) {
  max-width: 32ch;
}

.upcoming-releases-page__preference-card a,
.upcoming-releases-page__coverage-card a {
  display: inline-flex;
  width: fit-content;
  min-width: 44px;
  min-height: 44px;
  align-items: center;
  color: var(--color-ember-bright);
  font-size: var(--text-sm);
  font-weight: 700;
}

.upcoming-releases-page__preference-card:hover,
.upcoming-releases-page__preference-card:focus-within,
.upcoming-releases-page__coverage-card:hover,
.upcoming-releases-page__coverage-card:focus-within {
  background: var(--color-basalt-raised);
  box-shadow: inset 0 2px 0 var(--color-ember);
}

.upcoming-releases-page__radar-heading p:last-child {
  max-width: 36.25rem;
}

.upcoming-releases-page__radar-list {
  display: grid;
  grid-template-columns: minmax(0, 51.25rem);
  min-width: 0;
  gap: var(--space-4);
}

.upcoming-releases-page__radar-entry {
  display: grid;
  grid-template-columns: 4.5rem minmax(0, 1fr);
  min-width: 0;
  gap: var(--space-4);
  border-block-start: var(--border-default);
  padding-block: var(--space-5);
}

.upcoming-releases-page__radar-entry--raised {
  border: var(--border-default);
  background: var(--color-basalt-raised);
  padding: var(--space-5);
}

.upcoming-releases-page__radar-number {
  min-width: 0;
  color: var(--color-ember-bright);
  font-size: var(--text-sm);
  font-weight: 700;
  line-height: var(--leading-sm);
}

.upcoming-releases-page__radar-content {
  display: grid;
  min-width: 0;
  max-width: 45rem;
  gap: var(--space-2);
}

.upcoming-releases-page__radar-content > * {
  margin: 0;
}

.upcoming-releases-page__radar-content h3 {
  font-size: var(--text-xl);
}

.upcoming-releases-page__radar-content p {
  max-width: 56ch;
}

.upcoming-releases-page__fracture-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  min-width: 0;
  gap: var(--space-4);
}

.upcoming-releases-page__fracture-grid > * {
  min-width: 0;
}

.upcoming-releases-page__fracture-panel {
  display: grid;
  min-width: 0;
  gap: var(--space-3);
  border: var(--border-default);
  background: var(--color-basalt);
  box-shadow: var(--shadow-inset);
  padding: var(--space-5);
}

.upcoming-releases-page__fracture-panel > * {
  margin: 0;
}

.upcoming-releases-page__fracture-panel h3 {
  font-size: var(--text-xl);
}

.upcoming-releases-page__fracture-panel p {
  max-width: 48ch;
}

.upcoming-releases-page__commitment {
  display: grid;
  min-width: 0;
  max-width: none;
  gap: var(--space-2);
  margin-block-start: var(--space-4);
  border: var(--border-default);
  border-inline-start: 2px solid var(--color-ember);
  background: rgb(36 39 42 / 0.72);
  padding: var(--space-5);
}

.upcoming-releases-page__commitment > * {
  margin: 0;
}

.upcoming-releases-page__commitment strong,
.upcoming-releases-page__commitment p {
  max-width: 43.75rem;
}

.upcoming-releases-page__coverage-heading p:last-child {
  max-width: 38.75rem;
}

.upcoming-releases-page__coverage-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1px;
  overflow: hidden;
  border: var(--border-default);
  background: var(--color-stone-line);
}

.upcoming-releases-page__coverage-grid > * {
  min-width: 0;
}

.upcoming-releases-page__coverage-card {
  display: grid;
  align-content: start;
  min-width: 0;
  gap: var(--space-3);
  background: var(--color-basalt);
  padding: var(--space-5);
  transition: box-shadow var(--transition-fast), background-color var(--transition-fast);
}

.upcoming-releases-page__coverage-card > * {
  margin: 0;
}

.upcoming-releases-page__coverage-card h3 {
  font-size: var(--text-xl);
}

.upcoming-releases-page__coverage-card p {
  max-width: 40ch;
}

.upcoming-releases-page__closing-panel {
  display: grid;
  justify-items: center;
  min-width: 0;
  gap: var(--space-4);
  border: var(--border-default);
  border-block-start: 2px solid var(--color-ember);
  background: var(--color-basalt);
  box-shadow: var(--shadow-inset);
  padding: var(--space-10) var(--space-6);
  text-align: center;
}

.upcoming-releases-page__closing-panel > * {
  min-width: 0;
  margin: 0;
}

.upcoming-releases-page__closing-panel h2,
.upcoming-releases-page__closing-panel p:not(.eyebrow) {
  width: min(100%, 35rem);
}

.upcoming-releases-page__closing-panel .button {
  width: auto;
}

@keyframes upcoming-releases-fog {
  from { transform: translate3d(-2rem, 0, 0); }
  to { transform: translate3d(2rem, -1rem, 0); }
}

@media (max-width: 63.75rem) {
  .upcoming-releases-page__release-row {
    grid-template-columns: 7.8125rem minmax(0, 1fr);
  }

  .upcoming-releases-page__release-meta {
    grid-column: 2;
    grid-row: 2;
    grid-template-columns: repeat(3, minmax(0, max-content));
    gap: var(--space-2) var(--space-3);
  }
}

@media (max-width: 61.25rem) {
  .upcoming-releases-page__hero-grid {
    grid-template-columns: minmax(0, 1fr);
    gap: var(--space-6);
  }

  .upcoming-releases-page__hero-copy {
    max-width: 40.625rem;
  }

  .upcoming-releases-page__hero-media {
    max-width: 100%;
  }
}

@media (max-width: 60rem) {
  .upcoming-releases-page__watch-feature {
    grid-template-columns: minmax(0, 1fr);
  }

  .upcoming-releases-page__watch-copy {
    margin-inline-start: 0;
    margin-block-start: calc(var(--space-4) * -1);
    margin-inline: var(--space-4);
  }
}

@media (max-width: 56.25rem) {
  .upcoming-releases-page__legend-wall {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .upcoming-releases-page__coverage-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .upcoming-releases-page__coverage-card:nth-child(3) {
    grid-column: 1 / -1;
  }
}

@media (max-width: 47.5rem) {
  .upcoming-releases-page__release-row {
    grid-template-columns: minmax(0, 1fr);
    gap: var(--space-3);
  }

  .upcoming-releases-page__release-meta {
    grid-column: auto;
    grid-row: auto;
    grid-template-columns: minmax(0, 1fr);
  }

  .upcoming-releases-page__signals,
  .upcoming-releases-page__fracture-grid {
    grid-template-columns: minmax(0, 1fr);
  }

  .upcoming-releases-page__radar-entry {
    grid-template-columns: minmax(0, 1fr);
    gap: var(--space-2);
  }
}

@media (max-width: 45rem) {
  .upcoming-releases-page__hero {
    padding-block: var(--space-10) var(--space-8);
  }

  .upcoming-releases-page__hero-copy h1 {
    font-size: clamp(2.5rem, 10vw, 3rem);
    line-height: 1.05;
  }

  .upcoming-releases-page__hero-intro {
    font-size: 1.0625rem;
    line-height: 1.625rem;
  }

  .upcoming-releases-page__watch-copy h3,
  .upcoming-releases-page__closing-panel h2 {
    font-size: 2rem;
    line-height: 2.25rem;
  }

  .upcoming-releases-page__legend-wall,
  .upcoming-releases-page__preference-grid,
  .upcoming-releases-page__coverage-grid {
    grid-template-columns: minmax(0, 1fr);
  }

  .upcoming-releases-page__coverage-card:nth-child(3) {
    grid-column: auto;
  }

  .upcoming-releases-page__legend-card,
  .upcoming-releases-page__preference-card,
  .upcoming-releases-page__coverage-card,
  .upcoming-releases-page__fracture-panel {
    padding: var(--space-5);
  }
}

@media (max-width: 35rem) {
  .upcoming-releases-page__watch-copy {
    margin-inline: 0;
  }

  .upcoming-releases-page__closing-panel {
    padding: var(--space-8) var(--space-4);
  }

  .upcoming-releases-page__closing-panel .button {
    width: 100%;
  }
}

@media (prefers-reduced-motion: reduce) {
  .upcoming-releases-page::after {
    animation: none;
  }

  .upcoming-releases-page__hero-media img,
  .upcoming-releases-page__watch-media img {
    transition: none;
  }

  .upcoming-releases-page__hero-media:hover img,
  .upcoming-releases-page__watch-media:hover img {
    filter: none;
  }
}