.news-page { overflow: clip; }
.news-page .section { position: relative; }
.news-page h1 span { color: var(--color-action); }
.news-page a { font-weight: 700; }

.news-intro__grid { position: relative; display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); column-gap: var(--space-5); }
.news-intro__copy { grid-column: 1 / span 7; min-width: 0; position: relative; z-index: 1; }
.news-intro__copy .tag { margin-bottom: var(--space-4); }
.news-intro__copy h1 { max-width: 47.5rem; }
.news-intro__copy > p:not(.eyebrow) { max-width: 41.875rem; font-size: var(--text-lead); line-height: var(--leading-lead); }
.news-intro__splash { top: 1.5rem; left: 34rem; transform: rotate(24deg); }
.news-intro__diamond { position: absolute; top: 5.5rem; left: 43rem; width: 2.25rem; height: 2.25rem; background: var(--color-cyan); opacity: .42; transform: rotate(45deg); }

.news-feature { padding-top: var(--space-4); }
.news-feature__grid { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); gap: var(--space-5); }
.news-feature__lead { grid-column: span 8; min-width: 0; box-shadow: var(--shadow-elevated); }
.news-feature__media { position: relative; display: block; width: 100%; aspect-ratio: 16 / 9; border-top-color: var(--color-action); }
.news-feature__media img { width: 100%; height: 100%; object-position: 62% 45%; }
.news-feature__media::after { position: absolute; inset: 0; background: linear-gradient(180deg, transparent 28%, rgba(36, 17, 63, .88) 100%); content: ""; }
.news-feature__media-copy { position: absolute; z-index: 1; right: var(--space-5); bottom: var(--space-5); left: var(--space-5); display: flex; min-width: 0; flex-direction: column; gap: var(--space-2); color: var(--color-surface); }
.news-feature__media-meta { font-size: var(--text-small); font-weight: 700; }
.news-feature__media-title { max-width: 38rem; font-family: var(--font-heading); font-size: clamp(1.7rem, 2.5vw, 2.65rem); font-weight: 800; letter-spacing: -.02em; line-height: 1.06; }
.news-feature__lead-body { display: flex; min-width: 0; flex-direction: column; align-items: flex-start; gap: var(--space-4); padding: var(--space-5); }
.news-feature__lead-body p { max-width: 38rem; margin: 0; font-size: var(--text-lead); line-height: var(--leading-lead); }
.news-feature__lead-body a { width: fit-content; }
.news-feature__rail { grid-column: span 4; display: grid; min-width: 0; grid-template-columns: minmax(0, 1fr); grid-template-rows: repeat(2, minmax(0, 1fr)); gap: var(--space-5); }
.news-feature__support { min-width: 0; display: grid; grid-template-columns: minmax(0, 1fr); }
.news-feature__support .card__media { width: 100%; min-width: 0; }
.news-feature__support:first-child img { object-position: 40% 42%; }
.news-feature__support:last-child img { object-position: 55% 52%; }
.news-feature__support-body { display: flex; min-width: 0; flex-direction: column; align-items: flex-start; gap: var(--space-3); }
.news-feature__support-body p, .news-feature__support-body h3 { margin: 0; }
.news-feature__support-body h3 { font-size: clamp(1.35rem, 1.4vw, 1.65rem); }
.news-feature__support-body > p:not(.meta) { max-width: 21.25rem; }
.news-feature__support-body a { width: fit-content; }

.news-latest__layout { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); gap: var(--space-5); align-items: start; }
.news-latest__heading { grid-column: span 2; min-width: 0; }
.news-latest__heading p { max-width: 13rem; }
.news-latest__panel { grid-column: span 10; min-width: 0; padding: 0 var(--space-5); }
.news-row { display: grid; grid-template-columns: 2fr 7fr 3fr; gap: var(--space-4); min-width: 0; padding: var(--space-5) 0; border-bottom: var(--border-default); }
.news-row__meta, .news-row__content, .news-row__action { min-width: 0; }
.news-row__meta { display: flex; flex-direction: column; gap: var(--space-1); color: var(--color-muted); font-size: var(--text-small); font-variant-numeric: tabular-nums; }
.news-row__meta strong { color: var(--color-ink); }
.news-row__content h3, .news-row__content p { margin: 0; }
.news-row__content { display: flex; flex-direction: column; gap: var(--space-2); }
.news-row__content h3 { font-size: var(--text-component); }
.news-row__content p { max-width: 45rem; }
.news-row__action { display: flex; flex-direction: column; align-items: flex-start; gap: var(--space-3); }
.news-row__marker { width: .75rem; height: .75rem; background: var(--color-cyan); transform: rotate(45deg); }
.news-row__marker--yellow { display: grid; place-items: center; width: auto; height: auto; background: transparent; color: var(--color-yellow); font-size: 1.35rem; transform: none; }
.news-latest__all { width: fit-content; margin: var(--space-5) 0; }

.news-release { padding-top: calc(var(--section-space) + var(--space-4)); }
.news-release__container { position: relative; }
.news-release__intro { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); column-gap: var(--space-5); }
.news-release__intro .eyebrow, .news-release__intro h2 { grid-column: 1 / span 5; }
.news-release__intro p:last-child { grid-column: 6 / span 5; max-width: 37.5rem; font-size: var(--text-lead); line-height: var(--leading-lead); }
.news-release__splash { right: 2rem; bottom: 2rem; }
.news-release__records { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--space-5); margin-top: var(--space-5); }
.news-release__record { display: flex; min-width: 0; align-items: flex-start; gap: var(--space-3); padding: var(--space-4); border-top: 2px solid var(--color-action); }
.news-release__record--cyan { border-top-color: var(--color-cyan); }
.news-release__record--yellow { border-top-color: var(--color-yellow); }
.news-release__date { display: flex; flex: 0 0 auto; flex-direction: column; width: 4.5rem; border-right: var(--border-default); padding-right: var(--space-3); font-variant-numeric: tabular-nums; line-height: 1.05; }
.news-release__date strong { font-family: var(--font-heading); font-size: var(--text-component); }
.news-release__date span { color: var(--color-muted); font-size: var(--text-small); font-weight: 700; }
.news-release__record-copy { display: flex; min-width: 0; flex: 1 1 auto; flex-direction: column; align-items: flex-start; gap: var(--space-3); }
.news-release__record-copy h3, .news-release__record-copy p { margin: 0; }
.news-release__record-copy h3 { font-size: var(--text-component); }
.news-release__record-copy p { max-width: 22.5rem; }
.news-release__record-copy a, .news-release__record-copy button { width: fit-content; }

.news-patches__intro { max-width: 37.5rem; }
.news-patches__intro > p:not(.eyebrow) { max-width: 37.5rem; font-size: var(--text-lead); line-height: var(--leading-lead); }
.news-patches__grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--space-5); }
.news-patch { display: flex; min-width: 0; flex-direction: column; align-items: flex-start; gap: var(--space-3); border-top: 2px solid var(--color-action); }
.news-patch--cyan { border-top-color: var(--color-cyan); }
.news-patch--yellow { border-top-color: var(--color-yellow); }
.news-patch h3, .news-patch p { margin: 0; }
.news-patch h3 { font-size: var(--text-component); }
.news-patch > p:not(.news-patch__meta) { max-width: 25.625rem; }
.news-patch__version { border-radius: var(--radius-small); background: var(--color-ink); color: var(--color-surface); padding: var(--space-2) var(--space-3); font-size: var(--text-small); font-weight: 700; font-variant-numeric: tabular-nums; }
.news-patch__meta { color: var(--color-muted); font-size: var(--text-small); font-weight: 700; font-variant-numeric: tabular-nums; }
.news-patch__toggle { width: 100%; margin-top: auto; }
.news-patch__details { width: 100%; padding: var(--space-4); border: var(--border-default); border-radius: var(--radius-small); background: var(--color-canvas); box-shadow: var(--shadow-elevated); }
.news-patch__details ul { margin: 0; padding-left: 1rem; }
.news-patch__details li + li { margin-top: var(--space-2); }

.news-genres { padding-top: calc(var(--section-space) + var(--space-4)); }
.news-genres__container { position: relative; }
.news-genres__intro { max-width: 37.5rem; }
.news-genres__intro > p:not(.eyebrow) { max-width: 32.5rem; font-size: var(--text-lead); }
.news-genres__grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: var(--space-4); }
.news-genre { display: grid; min-width: 0; grid-template-columns: minmax(0, 1fr); color: var(--color-ink); text-decoration: none; }
.news-genre__media { display: block; width: 100%; min-width: 0; aspect-ratio: 4 / 3; overflow: hidden; background: var(--color-canvas-deep); }
.news-genre__media img { width: 100%; height: 100%; object-fit: cover; }
.news-genre:nth-child(1) img { object-position: 12% 50%; }
.news-genre:nth-child(2) img { object-position: 38% 50%; }
.news-genre:nth-child(3) img { object-position: 63% 50%; }
.news-genre:nth-child(4) img { object-position: 89% 50%; }
.news-genre__caption { display: flex; min-width: 0; flex-direction: column; align-items: flex-start; gap: var(--space-3); padding: var(--space-4); background: var(--color-surface); }
.news-genre__caption > * { min-width: 0; }
.news-genre__caption strong { font-family: var(--font-heading); font-size: var(--text-component); font-weight: 800; letter-spacing: -.02em; line-height: var(--leading-heading); }
.news-genre__caption span:not(.tag):not(:last-child) { font-size: var(--text-small); font-weight: 400; line-height: var(--leading-small); }
.news-genre__caption span:last-child { margin-top: auto; font-size: var(--text-small); font-weight: 700; text-decoration: underline; text-decoration-color: var(--color-action); text-decoration-thickness: 2px; text-underline-offset: .1875rem; }
.news-genre__caption--dark { background: var(--color-ink); color: var(--color-surface); }

.news-dispatches__container { position: relative; }
.news-dispatches__star { position: absolute; top: 2.5rem; right: 2rem; z-index: -1; color: var(--color-yellow); font-size: 10rem; line-height: 1; opacity: .16; }
.news-dispatches__intro { max-width: 37.5rem; }
.news-dispatches__intro > p:not(.eyebrow) { max-width: 34rem; }
.news-dispatches__grid { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); gap: var(--space-5); }
.news-dispatches__feature { grid-column: span 8; display: flex; min-width: 0; flex-direction: column; align-items: flex-start; gap: var(--space-3); }
.news-dispatches__feature p, .news-dispatches__feature h3, .news-dispatches__feature blockquote { margin: 0; }
.news-dispatches__feature h3 { max-width: 38rem; }
.news-dispatches__feature > p:not(.meta) { max-width: 38.75rem; font-size: var(--text-lead); line-height: var(--leading-lead); }
.news-dispatches__feature blockquote { max-width: 38.75rem; }
.news-dispatches__quick { grid-column: span 4; min-width: 0; align-self: start; }
.news-dispatches__quick .card__body { display: flex; min-width: 0; flex-direction: column; align-items: flex-start; gap: var(--space-3); }
.news-dispatches__quick p, .news-dispatches__quick h3 { margin: 0; }
.news-dispatches__quick h3 { font-size: var(--text-component); }
.news-dispatches__quick p:not(.meta) { max-width: 22.5rem; }

.news-community__layout { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); gap: var(--space-5); align-items: start; }
.news-community__intro { grid-column: span 4; min-width: 0; }
.news-community__intro > p:not(.eyebrow) { max-width: 32.5rem; }
.news-community__grid { grid-column: span 8; display: grid; min-width: 0; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--space-4); }
.news-community__card { position: relative; display: flex; min-width: 0; min-height: 100%; flex-direction: column; align-items: flex-start; gap: var(--space-3); }
.news-community__card h3, .news-community__card p { margin: 0; }
.news-community__card h3 { font-size: var(--text-component); }
.news-community__card p { max-width: 20.625rem; }
.news-community__card a { width: fit-content; margin-top: auto; }
.news-community__card > span { width: 1rem; height: 1rem; background: var(--color-cyan); transform: rotate(45deg); }
.news-community__card--magenta > span { background: var(--color-action); }
.news-community__card--yellow > span { background: var(--color-yellow); }

.news-archive { padding-top: calc(var(--section-space) + var(--space-4)); padding-bottom: var(--section-space); }
.news-archive__panel { display: flex; min-width: 0; align-items: center; gap: var(--space-5); }
.news-archive__copy { min-width: 0; flex: 1 1 auto; }
.news-archive__copy h2, .news-archive__copy p { margin: 0; }
.news-archive__copy { display: flex; flex-direction: column; align-items: flex-start; gap: var(--space-3); }
.news-archive__copy > p:not(.eyebrow) { max-width: 33.75rem; }
.news-archive__panel > .button-primary { flex: 0 0 auto; width: fit-content; }
.news-archive__spark { flex: 0 0 auto; color: var(--color-cyan); font-size: 2rem; }

@media (max-width: 59.9375rem) {
  .news-intro__grid { grid-template-columns: repeat(8, minmax(0, 1fr)); }
  .news-intro__copy { grid-column: span 6; }
  .news-intro__splash { left: 28rem; }
  .news-feature__grid { grid-template-columns: repeat(8, minmax(0, 1fr)); }
  .news-feature__lead { grid-column: span 8; }
  .news-feature__rail { grid-column: span 8; grid-template-columns: repeat(2, minmax(0, 1fr)); grid-template-rows: minmax(0, 1fr); }
  .news-latest__layout { grid-template-columns: repeat(8, minmax(0, 1fr)); }
  .news-latest__heading, .news-latest__panel { grid-column: span 8; }
  .news-latest__heading p { max-width: 32rem; }
  .news-row { grid-template-columns: 2fr 6fr; }
  .news-row__action { grid-column: 2; flex-direction: row; flex-wrap: wrap; align-items: center; }
  .news-release__intro { grid-template-columns: repeat(8, minmax(0, 1fr)); }
  .news-release__intro .eyebrow, .news-release__intro h2 { grid-column: span 5; }
  .news-release__intro p:last-child { grid-column: 1 / span 8; }
  .news-release__records { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .news-release__record:nth-child(3) { grid-column: 1 / span 1; }
  .news-patches__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .news-patch:nth-child(3) { grid-column: 1 / span 1; }
  .news-genres__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .news-dispatches__grid { grid-template-columns: repeat(8, minmax(0, 1fr)); }
  .news-dispatches__feature { grid-column: span 8; }
  .news-dispatches__quick { grid-column: span 8; width: min(100%, 31.25rem); }
  .news-community__layout { grid-template-columns: repeat(8, minmax(0, 1fr)); }
  .news-community__intro, .news-community__grid { grid-column: span 8; }
  .news-community__grid { grid-template-columns: minmax(0, 1fr); }
  .news-community__card { min-height: auto; }
}

@media (max-width: 47.5rem) {
  .news-archive__panel { align-items: flex-start; flex-direction: column; }
}

@media (max-width: 39.9375rem) {
  .news-intro__grid, .news-feature__grid, .news-latest__layout, .news-release__intro, .news-dispatches__grid, .news-community__layout { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  .news-intro__copy, .news-feature__lead, .news-feature__rail, .news-latest__heading, .news-latest__panel, .news-release__intro .eyebrow, .news-release__intro h2, .news-release__intro p:last-child, .news-dispatches__feature, .news-dispatches__quick, .news-community__intro, .news-community__grid { grid-column: span 4; }
  .news-intro__copy h1 { max-width: 100%; font-size: clamp(2.25rem, 10vw, 2.5rem); }
  .news-intro__copy > p:not(.eyebrow) { max-width: 100%; }
  .news-intro__copy .button-primary { width: 100%; }
  .news-intro__splash { top: 2rem; right: .5rem; left: auto; width: 6.5rem; opacity: .1; }
  .news-intro__diamond { display: none; }
  .news-feature__rail, .news-release__records, .news-patches__grid, .news-genres__grid, .news-community__grid { grid-template-columns: minmax(0, 1fr); }
  .news-feature__media { aspect-ratio: 4 / 3; }
  .news-feature__media-copy { right: var(--space-4); bottom: var(--space-4); left: var(--space-4); }
  .news-feature__media-title { font-size: clamp(1.8rem, 8vw, 2.15rem); }
  .news-feature__lead-body { padding: var(--space-4); }
  .news-feature__support-body > p:not(.meta), .news-feature__lead-body p { max-width: 100%; }
  .news-latest__panel { padding: 0 var(--space-4); }
  .news-row { grid-template-columns: minmax(0, 1fr); gap: var(--space-3); padding: 1.125rem 0; }
  .news-row__action { grid-column: auto; }
  .news-row__content p { max-width: 100%; }
  .news-release__records { gap: var(--space-4); }
  .news-release__record, .news-release__record:nth-child(3) { grid-column: auto; flex-direction: column; }
  .news-release__date { width: auto; border-right: 0; border-bottom: var(--border-default); padding-right: 0; padding-bottom: var(--space-2); }
  .news-release__record-copy p { max-width: 100%; }
  .news-patch, .news-patch:nth-child(3) { grid-column: auto; }
  .news-patch__toggle { min-height: 2.75rem; }
  .news-genres__grid { gap: var(--space-4); }
  .news-genre__caption { padding: var(--space-4); }
  .news-dispatches__star { display: none; }
  .news-dispatches__feature > p:not(.meta), .news-dispatches__feature blockquote, .news-dispatches__quick p:not(.meta) { max-width: 100%; }
  .news-dispatches__quick { width: 100%; }
  .news-community__card p { max-width: 100%; }
  .news-archive__panel > .button-primary { width: 100%; }
  .news-archive__copy > p:not(.eyebrow) { max-width: 100%; }
  .news-archive__spark { display: none; }
}

@media (prefers-reduced-motion: reduce) {
  .news-page [data-news-scroll] { scroll-behavior: auto; }
}
