.deep-dives {
  overflow: hidden;
  background:
    linear-gradient(90deg, rgba(126, 255, 63, 0.035) 1px, transparent 1px) 0 0 / 88px 88px,
    linear-gradient(rgba(126, 255, 63, 0.025) 1px, transparent 1px) 0 0 / 88px 88px,
    #091425;
  color: #eef3ed;
}

.deep-dives-head {
  display: grid;
  grid-template-columns: minmax(560px, 1.4fr) minmax(320px, 0.6fr);
  gap: 72px;
  align-items: end;
  margin-top: 44px;
}

.deep-dives-head h2 {
  margin: 0;
  font-size: clamp(48px, 5.2vw, 82px);
  font-weight: 500;
  line-height: 1.05;
  letter-spacing: -0.045em;
}

.deep-dives-head h2 em {
  color: var(--acid);
  font-style: normal;
}

.deep-dives-head > p {
  max-width: 500px;
  margin: 0 0 8px;
  color: #b8c4d5;
  font-size: 15px;
  line-height: 2;
}

.deep-dive-list {
  margin-top: 82px;
  border-top: 1px solid #33445d;
}

.deep-dive-topic {
  display: grid;
  grid-template-columns: 72px minmax(260px, 0.82fr) minmax(430px, 1.35fr) 240px;
  gap: 32px;
  align-items: start;
  padding: 50px 0;
  border-bottom: 1px solid #33445d;
  scroll-margin-top: 48px;
}

.deep-dive-number {
  color: var(--acid);
  font-family: "DM Mono", monospace;
  font-size: 13px;
  letter-spacing: 0.18em;
}

.deep-dive-kicker {
  margin: 0 0 18px;
  color: #8fa0b8;
  font-family: "DM Mono", monospace;
  font-size: 10px;
  letter-spacing: 0.14em;
  line-height: 1.6;
  text-transform: uppercase;
}

.deep-dive-topic h3 {
  max-width: 390px;
  margin: 0;
  font-size: 31px;
  font-weight: 500;
  line-height: 1.35;
  letter-spacing: -0.025em;
}

.deep-dive-copy p {
  margin: 0 0 19px;
  color: #c5cfdd;
  font-size: 15px;
  line-height: 2;
}

.deep-dive-copy p:last-child {
  margin-bottom: 0;
}

.deep-dive-facts {
  display: grid;
  gap: 1px;
  align-self: start;
  margin: 0;
  background: #31425a;
}

.deep-dive-facts div {
  min-height: 70px;
  padding: 14px 16px;
  background: #101f34;
}

.deep-dive-facts dt {
  margin-bottom: 8px;
  color: #8fa0b8;
  font-family: "DM Mono", monospace;
  font-size: 9px;
  letter-spacing: 0.13em;
}

.deep-dive-facts dd {
  margin: 0;
  color: var(--acid);
  font-family: "DM Mono", monospace;
  font-size: 12px;
  line-height: 1.45;
}

[dir="rtl"] .deep-dives-head,
[dir="rtl"] .deep-dive-topic {
  text-align: right;
}

[dir="rtl"] .deep-dive-number,
[dir="rtl"] .deep-dive-facts dt,
[dir="rtl"] .deep-dive-facts dd {
  direction: ltr;
  text-align: left;
  unicode-bidi: isolate;
}

@media (max-width: 1320px) {
  .deep-dive-topic {
    grid-template-columns: 58px minmax(230px, 0.75fr) minmax(390px, 1.25fr) 210px;
    gap: 24px;
  }

  .deep-dive-topic h3 {
    font-size: 27px;
  }
}