.newsroom-page {
  position: relative;
  overflow: hidden;
  min-height: 100vh;
  background:
    radial-gradient(circle at 83% 7%, rgba(128, 37, 255, .13), transparent 27rem),
    radial-gradient(circle at 14% 33%, rgba(244, 17, 114, .08), transparent 30rem);
}

.newsroom-category-hero {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  padding: 190px 0 92px;
}

.newsroom-category-hero::after {
  position: absolute;
  z-index: -2;
  right: 0;
  bottom: 0;
  left: 0;
  height: 180px;
  background: linear-gradient(180deg, transparent, rgba(3, 6, 25, .96));
  content: "";
  pointer-events: none;
}

.newsroom-category-hero__grid {
  position: absolute;
  z-index: -3;
  inset: 0;
  opacity: .3;
  background-image:
    radial-gradient(circle at 82% 40%, rgba(150, 70, 255, .2), transparent 27rem),
    linear-gradient(rgba(89, 72, 196, .08) 1px, transparent 1px),
    linear-gradient(90deg, rgba(89, 72, 196, .08) 1px, transparent 1px);
  background-size: auto, 54px 54px, 54px 54px;
  -webkit-mask-image: linear-gradient(90deg, transparent 2%, #000 40%, #000 80%, transparent 100%);
  mask-image: linear-gradient(90deg, transparent 2%, #000 40%, #000 80%, transparent 100%);
}

.newsroom-category-hero__inner {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(230px, 300px);
  align-items: end;
  gap: clamp(40px, 8vw, 120px);
}

.newsroom-category-hero__content {
  max-width: 920px;
}

.newsroom-category-hero__content .eyebrow {
  margin-bottom: 23px;
}

.newsroom-category-hero__content h1 {
  margin: 0;
  color: transparent;
  background: linear-gradient(92deg, #fff 0%, #ffb164 46%, #a96cff 100%);
  background-clip: text;
  -webkit-background-clip: text;
  font-size: clamp(3.5rem, 8vw, 7.8rem);
  letter-spacing: -.055em;
  line-height: .88;
  overflow-wrap: anywhere;
  text-transform: uppercase;
}

.newsroom-category-hero__description {
  max-width: 720px;
  margin: 30px 0 0;
  color: #b8bccf;
  font-size: clamp(.98rem, 1.4vw, 1.12rem);
  line-height: 1.72;
}

.newsroom-category-hero__description p {
  margin: 0;
}

.newsroom-category-hero__aside {
  --az-cut: 12px;
  --az-border-start: rgba(255, 138, 0, .64);
  --az-border-end: rgba(163, 77, 255, .68);
  --az-frame-fill: rgba(8, 10, 35, .9);
  display: flex;
  min-height: 238px;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  padding: 30px;
}

.newsroom-category-hero__aside > .icon {
  width: 30px;
  height: 30px;
  margin-bottom: 20px;
  color: #b880ff;
}

.newsroom-category-hero__aside strong {
  font-size: 3.4rem;
  line-height: .9;
}

.newsroom-category-hero__aside > span {
  margin: 9px 0 24px;
  color: #9297af;
  font-size: .68rem;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.newsroom-category-index {
  padding-top: 66px;
}

.newsroom-category-index__heading {
  grid-template-columns: minmax(0, 1fr);
}

.newsroom-hero {
  position: relative;
  isolation: isolate;
  min-height: 720px;
  padding: 190px 0 105px;
}

.newsroom-hero::before,
.newsroom-hero::after {
  position: absolute;
  z-index: -2;
  content: "";
  pointer-events: none;
}

.newsroom-hero::before {
  width: min(58vw, 840px);
  height: min(58vw, 840px);
  top: 52%;
  right: -11%;
  border: 1px solid rgba(118, 80, 255, .12);
  border-radius: 50%;
  box-shadow:
    0 0 0 72px rgba(91, 50, 230, .025),
    0 0 0 144px rgba(244, 17, 114, .018);
  transform: translateY(-50%);
}

.newsroom-hero::after {
  right: 0;
  bottom: 0;
  left: 0;
  height: 220px;
  background: linear-gradient(180deg, transparent, rgba(3, 6, 25, .9));
}

.newsroom-hero__grid {
  position: absolute;
  z-index: -3;
  inset: 0;
  opacity: .26;
  background-image:
    linear-gradient(rgba(89, 72, 196, .08) 1px, transparent 1px),
    linear-gradient(90deg, rgba(89, 72, 196, .08) 1px, transparent 1px);
  background-size: 54px 54px;
  -webkit-mask-image: linear-gradient(90deg, transparent 4%, #000 46%, transparent 100%);
  mask-image: linear-gradient(90deg, transparent 4%, #000 46%, transparent 100%);
}

.newsroom-hero__inner {
  display: grid;
  grid-template-columns: minmax(0, 1.05fr) minmax(420px, .78fr);
  align-items: center;
  gap: clamp(54px, 8vw, 130px);
}

.newsroom-hero__content {
  min-width: 0;
  max-width: 820px;
}

.newsroom-hero__content .eyebrow {
  margin-bottom: 24px;
}

.newsroom-hero__content h1 {
  margin: 0;
  font-size: clamp(4.6rem, 8.3vw, 8.6rem);
  letter-spacing: -.055em;
  line-height: .78;
  text-transform: uppercase;
}

.newsroom-hero__content h1 span,
.newsroom-hero__content h1 strong {
  display: block;
}

.newsroom-hero__content h1 span {
  color: #fff;
  text-shadow: 0 16px 54px rgba(0, 0, 0, .42);
}

.newsroom-hero__content h1 strong {
  max-width: 860px;
  margin-top: 28px;
  color: transparent;
  background: linear-gradient(92deg, #ff962f 0%, #ff347e 46%, #a35cff 100%);
  background-clip: text;
  -webkit-background-clip: text;
  font-size: .49em;
  letter-spacing: -.025em;
  line-height: .92;
  white-space: normal;
}

.newsroom-hero__content > p {
  max-width: 670px;
  margin: 38px 0 0;
  color: #c2c5d7;
  font-size: clamp(.98rem, 1.35vw, 1.15rem);
  line-height: 1.75;
}

.newsroom-hero__visual {
  position: relative;
  width: 100%;
  min-width: 0;
  min-height: 430px;
  display: grid;
  place-items: center;
}

.newsroom-hero__terminal {
  --az-cut: 14px;
  --az-border-start: rgba(255, 125, 27, .78);
  --az-border-end: rgba(165, 67, 255, .82);
  --az-frame-fill:
    radial-gradient(circle at 86% 18%, rgba(105, 46, 225, .18), transparent 33%),
    linear-gradient(145deg, rgba(12, 16, 47, .97), rgba(4, 7, 26, .97));
  position: relative;
  width: 100%;
  min-width: 0;
  max-width: 475px;
  min-height: 330px;
  padding: 27px;
  box-shadow: 0 34px 90px rgba(0, 0, 0, .46), 0 0 42px rgba(113, 59, 240, .13);
  transform: rotate(1.2deg);
}

.newsroom-hero__terminal::after {
  position: absolute;
  top: 19px;
  right: 19px;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  content: "";
  background: var(--az-green);
  box-shadow: 0 0 12px var(--az-green);
}

.newsroom-hero__terminal-head,
.newsroom-hero__terminal-foot {
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr);
  align-items: center;
  gap: 2px 12px;
}

.newsroom-hero__terminal-head > span,
.newsroom-hero__terminal-foot > span {
  display: grid;
  width: 34px;
  height: 34px;
  grid-row: 1 / 3;
  border: 1px solid rgba(152, 103, 255, .35);
  color: #c39dff;
  background: rgba(20, 15, 57, .8);
  place-items: center;
}

.newsroom-hero__terminal-head .icon,
.newsroom-hero__terminal-foot .icon {
  width: 16px;
  height: 16px;
}

.newsroom-hero__terminal-head strong,
.newsroom-hero__terminal-foot strong {
  min-width: 0;
  font-family: var(--az-font-display);
  font-size: .92rem;
  letter-spacing: .1em;
  overflow-wrap: anywhere;
  text-transform: uppercase;
}

.newsroom-hero__terminal-head small,
.newsroom-hero__terminal-foot small {
  color: #858aa5;
  font-size: .62rem;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.newsroom-hero__metrics {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
  margin: 28px 0 22px;
}

.newsroom-hero__metrics > div {
  padding: 16px;
  border-top: 1px solid rgba(255, 255, 255, .06);
  border-bottom: 1px solid rgba(255, 255, 255, .06);
  background: rgba(255, 255, 255, .018);
}

.newsroom-hero__metrics strong,
.newsroom-hero__metrics span {
  display: block;
}

.newsroom-hero__metrics strong {
  color: #fff;
  font-family: var(--az-font-display);
  font-size: 2rem;
  line-height: 1;
}

.newsroom-hero__metrics span {
  margin-top: 6px;
  color: #858aa5;
  font-size: .62rem;
  letter-spacing: .06em;
  text-transform: uppercase;
}

.newsroom-index {
  position: relative;
  z-index: 2;
  padding: 86px 0 120px;
  background: linear-gradient(180deg, rgba(3, 6, 25, .92), rgba(3, 6, 22, .3) 24%, transparent);
}

.newsroom-index__heading {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(390px, 520px);
  align-items: end;
  gap: 46px;
  margin-bottom: 28px;
}

.newsroom-index__heading h2 {
  max-width: 770px;
  margin: 0;
  font-size: clamp(2.15rem, 4.2vw, 4.4rem);
  letter-spacing: -.035em;
  line-height: .98;
}

.newsroom-search {
  --az-cut: 8px;
  --az-border-start: rgba(114, 72, 231, .65);
  --az-border-end: rgba(241, 28, 122, .62);
  --az-frame-fill: rgba(7, 10, 34, .96);
  display: grid;
  min-height: 58px;
  grid-template-columns: 20px minmax(0, 1fr) auto;
  align-items: center;
  gap: 12px;
  padding: 6px 6px 6px 18px;
}

.newsroom-search > .icon {
  width: 18px;
  height: 18px;
  color: #9677ea;
}

.newsroom-search input {
  min-width: 0;
  height: 42px;
  border: 0;
  outline: 0;
  color: #fff;
  background: transparent;
  font-size: .82rem;
}

.newsroom-search input::placeholder {
  color: #767b97;
}

.newsroom-search:focus-within {
  --az-border-start: #b153ff;
  --az-border-end: #f41172;
  filter: drop-shadow(0 0 8px rgba(157, 62, 255, .18));
}

.newsroom-search .button {
  min-height: 44px;
  padding-inline: 17px;
}

.newsroom-filters {
  display: flex;
  flex-wrap: wrap;
  gap: 9px;
  margin-bottom: 38px;
  padding-bottom: 26px;
  border-bottom: 1px solid rgba(255, 255, 255, .07);
}

.newsroom-filter {
  min-height: 40px;
  gap: 9px;
  padding-inline: 15px;
  color: #aaaec4;
  font-family: var(--az-font-body);
  font-size: .67rem;
  letter-spacing: .045em;
}

.newsroom-filter small {
  display: grid;
  min-width: 20px;
  height: 20px;
  border: 1px solid rgba(255, 255, 255, .1);
  color: #7f849f;
  font-size: .56rem;
  place-items: center;
}

.newsroom-filter.is-active {
  --az-border-start: #ff8a00;
  --az-border-end: #f41172;
  color: #fff;
}

.newsroom-filter.is-active::before {
  background:
    radial-gradient(ellipse at 15% 50%, rgba(255, 115, 0, .19), transparent 50%),
    linear-gradient(108deg, rgba(75, 18, 17, .98), rgba(53, 8, 45, .98));
}

.newsroom-filter--reset {
  margin-left: auto;
}

.newsroom-lead-layout {
  display: grid;
  grid-template-columns: minmax(0, 1.72fr) minmax(310px, .78fr);
  gap: 22px;
  align-items: stretch;
}

.newsroom-lead,
.newsroom-secondary-card,
.newsroom-card,
.newsroom-empty {
  --az-border-start: rgba(115, 73, 232, .58);
  --az-border-end: rgba(213, 42, 188, .55);
  --az-frame-fill:
    radial-gradient(circle at 92% 8%, rgba(122, 50, 224, .08), transparent 28%),
    linear-gradient(145deg, rgba(9, 13, 41, .97), rgba(4, 7, 26, .96));
  transition: transform .25s ease, filter .25s ease;
}

.newsroom-lead:hover,
.newsroom-secondary-card:hover,
.newsroom-card:hover {
  --az-border-start: rgba(255, 121, 24, .8);
  --az-border-end: rgba(244, 17, 114, .76);
  transform: translateY(-5px);
  filter: drop-shadow(0 17px 25px rgba(0, 0, 0, .25)) drop-shadow(0 0 6px rgba(244, 17, 114, .12));
}

.newsroom-lead {
  --az-cut: 13px;
  display: grid;
  min-height: 1050px;
  grid-template-rows: minmax(540px, 1.08fr) auto;
  overflow: hidden;
}

.newsroom-lead__media {
  margin: 12px 12px 0;
}

.newsroom-lead__media,
.newsroom-secondary-card__media,
.newsroom-card__media {
  position: relative;
  display: block;
  overflow: hidden;
  background: #0b1030;
}

.newsroom-lead__media::after,
.newsroom-secondary-card__media::after,
.newsroom-card__media::after {
  position: absolute;
  inset: 0;
  content: "";
  pointer-events: none;
  background:
    linear-gradient(180deg, transparent 48%, rgba(4, 6, 24, .72)),
    linear-gradient(120deg, rgba(142, 48, 255, .08), transparent 45%, rgba(244, 17, 114, .09));
}

.newsroom-lead__media img,
.newsroom-secondary-card__media img,
.newsroom-card__media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform .55s cubic-bezier(.22, .7, .2, 1), filter .35s ease;
}

.newsroom-lead:hover img,
.newsroom-secondary-card:hover img,
.newsroom-card:hover img {
  filter: saturate(1.08) contrast(1.03);
  transform: scale(1.035);
}

.newsroom-lead__body {
  position: relative;
  z-index: 2;
  padding: clamp(26px, 4vw, 44px);
}

.newsroom-lead__flag {
  display: flex;
  align-items: center;
  gap: 9px;
  margin-bottom: 17px;
  color: #ff9a39;
  font-size: .67rem;
  font-weight: 700;
  letter-spacing: .15em;
  text-transform: uppercase;
}

.newsroom-lead__flag i {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: var(--az-orange);
  box-shadow: 0 0 12px var(--az-orange);
}

.newsroom-meta {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px 14px;
  color: #7f849f;
  font-size: .64rem;
  letter-spacing: .055em;
  text-transform: uppercase;
}

.newsroom-meta > * + *::before {
  margin-right: 14px;
  color: rgba(170, 128, 255, .5);
  content: "/";
}

.newsroom-meta > span:first-child {
  color: #be94ff;
  font-weight: 700;
}

.newsroom-lead h2 {
  max-width: 950px;
  margin: 13px 0 16px;
  font-size: clamp(2rem, 3.2vw, 3.45rem);
  letter-spacing: -.035em;
  line-height: 1;
}

.newsroom-lead h2 a,
.newsroom-secondary-card h3 a,
.newsroom-card h3 a {
  color: inherit;
}

.newsroom-lead h2 a:hover,
.newsroom-secondary-card h3 a:hover,
.newsroom-card h3 a:hover {
  color: #ffb05b;
}

.newsroom-lead__body > p {
  max-width: 780px;
  margin: 0 0 25px;
  color: #aeb2c8;
  font-size: .89rem;
  line-height: 1.7;
}

.newsroom-lead .button {
  min-height: 48px;
}

.newsroom-secondary {
  display: grid;
  grid-template-rows: repeat(3, minmax(0, 1fr));
  gap: 22px;
}

.newsroom-secondary-card {
  --az-cut: 10px;
  display: grid;
  min-height: 0;
  grid-template-columns: minmax(0, 1fr);
  grid-template-rows: 180px minmax(0, 1fr);
  overflow: hidden;
}

.newsroom-secondary-card__media,
.newsroom-card__media {
  margin: 10px 10px 0;
}

.newsroom-secondary-card__body {
  display: flex;
  min-width: 0;
  flex-direction: column;
  align-items: flex-start;
  padding: 14px 16px;
}

.newsroom-secondary-card h3 {
  margin: 5px 0 7px;
  font-size: clamp(1rem, 1.25vw, 1.2rem);
  line-height: 1.05;
}

.newsroom-secondary-card__body > p {
  display: -webkit-box;
  overflow: hidden;
  margin: 0 0 7px;
  color: #969bb3;
  font-size: .75rem;
  line-height: 1.45;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.newsroom-secondary-card .newsroom-arrow-link {
  margin-top: 0;
}

.newsroom-arrow-link {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  margin-top: auto;
  color: #b99bff;
  font-size: .65rem;
  font-weight: 700;
  letter-spacing: .09em;
  text-transform: uppercase;
}

.newsroom-arrow-link .icon {
  width: 15px;
  height: 15px;
  transition: transform .2s ease;
}

.newsroom-arrow-link:hover {
  color: #ff9d3f;
}

.newsroom-arrow-link:hover .icon {
  transform: translateX(4px);
}

.newsroom-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 22px;
  margin-top: 22px;
}

.newsroom-grid--count-3 {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.newsroom-grid--count-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.newsroom-grid--count-1 {
  grid-template-columns: minmax(0, 720px);
}

.newsroom-card {
  --az-cut: 10px;
  display: grid;
  min-height: 520px;
  grid-template-rows: 235px minmax(0, 1fr);
  overflow: hidden;
}

.newsroom-card__body {
  display: flex;
  min-width: 0;
  flex-direction: column;
  align-items: flex-start;
  padding: 25px;
}

.newsroom-card h3 {
  margin: 13px 0 12px;
  font-size: clamp(1.35rem, 2vw, 1.75rem);
  line-height: 1.05;
}

.newsroom-card__body > p {
  display: -webkit-box;
  overflow: hidden;
  margin: 0 0 22px;
  color: #999db4;
  font-size: .79rem;
  line-height: 1.65;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}

.newsroom-grid--archive {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.newsroom-grid--archive .newsroom-card {
  min-height: 485px;
  grid-template-rows: 215px minmax(0, 1fr);
}

.newsroom-archive-list {
  margin-top: clamp(56px, 7vw, 88px);
}

.newsroom-archive-list__heading {
  margin-bottom: 24px;
}

.newsroom-archive-list__heading .eyebrow {
  margin-bottom: 11px;
}

.newsroom-archive-list__heading h2 {
  margin: 0;
  font-size: clamp(2rem, 3.7vw, 3.5rem);
  line-height: 1;
}

.newsroom-archive-list__items {
  display: grid;
  gap: 12px;
}

.newsroom-archive-row {
  --az-cut: 9px;
  --az-border-start: rgba(115, 73, 232, .48);
  --az-border-end: rgba(213, 42, 188, .44);
  --az-frame-fill:
    linear-gradient(105deg, rgba(120, 53, 225, .07), transparent 42%),
    linear-gradient(145deg, rgba(9, 13, 41, .96), rgba(4, 7, 26, .95));
  display: grid;
  min-height: 132px;
  grid-template-columns: 180px minmax(0, 1fr) auto;
  align-items: center;
  gap: 22px;
  padding: 9px 18px 9px 9px;
  transition: transform .25s ease, filter .25s ease;
}

.newsroom-archive-row:hover {
  --az-border-start: rgba(255, 121, 24, .76);
  --az-border-end: rgba(244, 17, 114, .7);
  transform: translateX(4px);
  filter: drop-shadow(0 13px 22px rgba(0, 0, 0, .22));
}

.newsroom-archive-row__media {
  overflow: hidden;
  display: block;
  width: 100%;
  height: 112px;
  background: #0b1030;
}

.newsroom-archive-row__media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform .35s ease;
}

.newsroom-archive-row:hover .newsroom-archive-row__media img {
  transform: scale(1.04);
}

.newsroom-archive-row__media .newsroom-media-placeholder {
  min-height: 112px;
}

.newsroom-archive-row__media .newsroom-media-placeholder .icon {
  width: 32px;
  height: 32px;
}

.newsroom-archive-row__body {
  min-width: 0;
}

.newsroom-archive-row h3 {
  margin: 8px 0 0;
  font-size: clamp(1.15rem, 1.75vw, 1.55rem);
  line-height: 1.08;
}

.newsroom-archive-row h3 a {
  color: inherit;
}

.newsroom-archive-row h3 a:hover {
  color: #ffb05b;
}

.newsroom-archive-row__action {
  flex: 0 0 auto;
}

.newsroom-media-placeholder {
  display: grid;
  width: 100%;
  height: 100%;
  min-height: 150px;
  place-items: center;
  color: rgba(206, 176, 255, .62);
  background:
    radial-gradient(circle at 45% 56%, rgba(244, 17, 114, .22), transparent 12%),
    radial-gradient(circle at 66% 37%, rgba(117, 69, 235, .32), transparent 29%),
    linear-gradient(145deg, #0d1945, #37105e 55%, #090d2b);
}

.newsroom-media-placeholder .icon {
  width: 54px;
  height: 54px;
}

.newsroom-media-placeholder strong {
  position: absolute;
  top: 18px;
  left: 20px;
  color: rgba(255, 255, 255, .2);
  font-family: var(--az-font-display);
  font-size: 2rem;
}

.newsroom-pagination {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 9px;
  margin-top: 50px;
}

.newsroom-pagination .button {
  min-width: 45px;
  min-height: 43px;
  padding-inline: 15px;
}

.newsroom-pagination .current {
  --az-border-start: #ff8a00;
  --az-border-end: #f41172;
  color: #fff;
}

.newsroom-empty {
  --az-cut: 13px;
  max-width: 820px;
  padding: 75px 30px;
  margin: 25px auto 0;
  text-align: center;
}

.newsroom-empty > .icon {
  width: 42px;
  height: 42px;
  color: #a879ff;
}

.newsroom-empty h2 {
  margin: 18px 0 10px;
  font-size: clamp(2rem, 4vw, 3.25rem);
}

.newsroom-empty p {
  max-width: 540px;
  margin: 0 auto 25px;
  color: var(--az-muted);
}

@media (max-width: 1180px) {
  .newsroom-hero {
    min-height: 660px;
    padding-top: 165px;
  }

  .newsroom-hero__inner {
    grid-template-columns: minmax(0, 1fr) 390px;
    gap: 45px;
  }

  .newsroom-hero__content h1 {
    font-size: clamp(4.35rem, 8.7vw, 6.8rem);
  }

  .newsroom-index__heading {
    grid-template-columns: 1fr;
    align-items: start;
    gap: 26px;
  }

  .newsroom-search {
    width: min(100%, 620px);
  }

  .newsroom-lead-layout {
    grid-template-columns: minmax(0, 1.48fr) minmax(280px, .78fr);
  }

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

  .newsroom-grid--archive {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 900px) {
  .newsroom-category-hero {
    padding: 255px 0 72px;
  }

  .newsroom-category-hero__inner {
    grid-template-columns: 1fr;
    align-items: start;
    gap: 34px;
  }

  .newsroom-category-hero__aside {
    width: min(100%, 420px);
    min-height: 0;
  }

  .newsroom-hero {
    min-height: auto;
    padding: 145px 0 80px;
  }

  .newsroom-hero__inner {
    grid-template-columns: minmax(0, 1fr);
    gap: 62px;
  }

  .newsroom-hero__content {
    max-width: 720px;
  }

  .newsroom-hero__content h1 {
    font-size: clamp(4.1rem, 14vw, 7rem);
  }

  .newsroom-hero__visual {
    min-height: 370px;
  }

  .newsroom-hero__terminal {
    width: min(100%, 540px);
    transform: none;
  }

  .newsroom-index {
    padding-top: 65px;
  }

  .newsroom-lead-layout {
    grid-template-columns: 1fr;
  }

  .newsroom-lead {
    min-height: 610px;
  }

  .newsroom-lead__media {
    margin: 10px 10px 0;
  }

  .newsroom-secondary {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-template-rows: none;
  }

  .newsroom-secondary-card {
    min-height: 395px;
    grid-template-columns: 1fr;
    grid-template-rows: 190px minmax(0, 1fr);
  }

  .newsroom-secondary-card__body {
    padding: 20px;
  }

  .newsroom-secondary-card h3 {
    margin: 8px 0 9px;
    font-size: clamp(1.18rem, 2.4vw, 1.55rem);
  }

  .newsroom-secondary-card__body > p {
    margin-bottom: 10px;
    font-size: .76rem;
    line-height: 1.5;
  }

  .newsroom-secondary-card:last-child:nth-child(odd) {
    grid-column: 1 / -1;
  }
}

@media (max-width: 680px) {
  .newsroom-category-hero {
    padding: 225px 0 55px;
  }

  .newsroom-category-hero__content h1 {
    font-size: clamp(3rem, 17vw, 5rem);
  }

  .newsroom-category-hero__description {
    margin-top: 23px;
  }

  .newsroom-category-hero__aside {
    padding: 24px;
  }

  .newsroom-category-index {
    padding-top: 45px;
  }

  .newsroom-hero {
    padding: 120px 0 60px;
  }

  .newsroom-hero::before {
    width: 520px;
    height: 520px;
    right: -310px;
  }

  .newsroom-hero__content .eyebrow {
    margin-bottom: 18px;
  }

  .newsroom-hero__content h1 {
    font-size: clamp(3.5rem, 19vw, 5rem);
    line-height: .82;
  }

  .newsroom-hero__content h1 strong {
    margin-top: 20px;
    font-size: .47em;
    line-height: .96;
  }

  .newsroom-hero__content > p {
    margin-top: 26px;
    font-size: .88rem;
    line-height: 1.65;
  }

  .newsroom-hero__visual {
    min-height: 330px;
  }

  .newsroom-hero__terminal {
    min-height: 300px;
    padding: 20px;
  }

  .newsroom-hero__metrics {
    gap: 8px;
    margin-block: 22px 18px;
  }

  .newsroom-hero__metrics > div {
    padding: 12px;
  }

  .newsroom-hero__metrics strong {
    font-size: 1.65rem;
  }

  .newsroom-index {
    padding: 52px 0 85px;
  }

  .newsroom-index__heading {
    gap: 22px;
  }

  .newsroom-index__heading h2 {
    font-size: clamp(2rem, 11vw, 3rem);
  }

  .newsroom-search {
    grid-template-columns: 18px minmax(0, 1fr);
    padding: 10px 13px;
  }

  .newsroom-search .button {
    width: 100%;
    grid-column: 1 / -1;
  }

  .newsroom-filters {
    flex-wrap: nowrap;
    overflow-x: auto;
    margin-right: calc(var(--container-pad, 20px) * -1);
    padding-right: var(--container-pad, 20px);
    padding-bottom: 18px;
    scrollbar-width: thin;
  }

  .newsroom-filter {
    flex: 0 0 auto;
  }

  .newsroom-filter--reset {
    margin-left: 0;
  }

  .newsroom-lead {
    min-height: 560px;
    grid-template-rows: 260px auto;
  }

  .newsroom-lead__body {
    padding: 25px 21px 28px;
  }

  .newsroom-lead h2 {
    font-size: clamp(1.9rem, 9vw, 2.65rem);
  }

  .newsroom-lead .button {
    width: 100%;
  }

  .newsroom-lead__media {
    margin: 8px 8px 0;
  }

  .newsroom-secondary,
  .newsroom-grid {
    grid-template-columns: 1fr;
  }

  .newsroom-archive-row {
    grid-template-columns: 96px minmax(0, 1fr);
    gap: 14px;
    padding: 8px;
  }

  .newsroom-archive-row__media {
    height: 92px;
  }

  .newsroom-archive-row__media .newsroom-media-placeholder {
    min-height: 92px;
  }

  .newsroom-archive-row__body .newsroom-meta {
    gap: 5px 9px;
    font-size: .58rem;
  }

  .newsroom-archive-row__body .newsroom-meta > * + *::before {
    margin-right: 9px;
  }

  .newsroom-archive-row h3 {
    margin-top: 6px;
    font-size: 1.05rem;
  }

  .newsroom-archive-row__action {
    width: 100%;
    grid-column: 1 / -1;
  }

  .newsroom-secondary-card,
  .newsroom-secondary-card:last-child:nth-child(odd) {
    grid-column: auto;
    min-height: 365px;
    grid-template-columns: 1fr;
    grid-template-rows: 180px minmax(0, 1fr);
  }

  .newsroom-secondary-card__media,
  .newsroom-card__media {
    margin: 8px 8px 0;
  }

  .newsroom-card {
    min-height: 500px;
    grid-template-rows: 230px minmax(0, 1fr);
  }

  .newsroom-pagination {
    gap: 6px;
    margin-top: 38px;
  }

  .newsroom-pagination .button {
    min-width: 42px;
    padding-inline: 12px;
  }
}

@media (min-width: 641px) and (max-width: 900px) {
  .newsroom-hero {
    padding-top: 235px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .newsroom-lead,
  .newsroom-secondary-card,
  .newsroom-card,
  .newsroom-archive-row,
  .newsroom-lead__media img,
  .newsroom-secondary-card__media img,
  .newsroom-card__media img,
  .newsroom-archive-row__media img {
    transition: none;
  }
}