.signals-page {
  padding: 0 2.778vw 2.778vw;
  font-family: "Abolition";
}

.page-title {
  font-size: 4.167vw;
  line-height: 4.167vw;
  font-weight: 400;
  text-transform: uppercase;
  margin-bottom: 2.222vw;
  letter-spacing: 0;
  color: #bbbbbb;
  font-family: "Abolition";
}

.signals-content {
  grid-template-columns: 1fr 1fr;
  display: grid;
  gap: 1.389vw;
}

.signals-main {
  width: 100%;
}

.signals-main:hover .signals-main-title {
  color: #fe4622;
}

.signals-main-img {
  position: relative;
  overflow: hidden;
}

.signals-main-img img {
  width: 100%;
  object-fit: cover;
  object-position: center;
  display: block;
}

.tag {
  display: inline-block;
  background: #5d5d5d;
  color: #fff;
  padding: 0.417vw 0.694vw 0.694vw;
  font-size: 0.972vw;
  font-weight: 400;
  font-family: "Abolition";
  text-transform: uppercase;
}

.signals-main-img .tag {
  position: absolute;
  top: 0.833vw;
  left: 0.833vw;
  z-index: 2;
}

.signals-main-title {
  margin: 0.278vw 0 1.667vw 0;
  font-size: 6.944vw;
  line-height: 6.944vw;
  font-weight: 400;
  text-transform: uppercase;
  transition: 0.4s;
  font-family: 'Abolition';
}

.signals-list {
  height: fit-content;
  width: 100%;
  display: grid;
  grid-template-columns: inherit;
  gap: 2.222vw;
}

.signals-card {
  width: 100%;
}

.signals-card:hover .news-title {
  color: #fe4622;
}

.signals-card-img {
  position: relative;
  overflow: hidden;
}

.signals-card-img img {
  width: 100%;
  object-fit: cover;
  object-position: center;
  display: block;
}

.signals-card-img .tag {
  position: absolute;
  top: 0.833vw;
  left: 0.833vw;
  z-index: 2;
}

.news-title {
  font-family: "Abolition";
  font-size: 2.778vw;
  line-height: 2.778vw;
  font-weight: 400;
  letter-spacing: 0;
  text-transform: uppercase;
  transition: 0.4s;
}

.signals-card .news-title {
  margin: 0.556vw 0 1.111vw;
}

.date-span {
  font-size: 0.972vw;
  font-family: "Neue Machina";
  font-weight: 500;
  line-height: 1.25vw;
  text-transform: uppercase;
  letter-spacing: 0;
}

/* Market Shifts */

.market-shifts-area {
  padding: 2.778vw;
}

.market-shifts-row {
  display: flex;
  gap: 2.222vw;
}

.market-card {
  width: 13.889vw;
}

.market-card:hover .news-title {
  color: #fe4622;
}

.market-card .tag {
  margin-bottom: 0.833vw;
}

.market-card .news-title {
  margin-bottom: 1.111vw;
}

/* Founder Lessons */

.founder-lessons-area {
  padding: 2.778vw;
}

.founder-lessons-row {
  display: flex;
  gap: 1.389vw;
}

.founder-card {
  width: 100%;
}

.founder-card:hover .news-title {
  color: #fe4622;
}

.founder-img {
  position: relative;
  overflow: hidden;
}

.founder-img img {
  width: 100%;
  height: 16vw;
  object-fit: cover;
  object-position: center;
  display: block;
}

.founder-img .tag {
  position: absolute;
  top: 0.833vw;
  left: 0.833vw;
  z-index: 2;
}

.founder-card .news-title {
  margin: 0.556vw 0 1.111vw;
}

/* Product Insights */

.product-insights-area {
  padding: 2.778vw;
}

.product-insights-content {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 2.778vw;
}

.product-list {
  display: flex;
  flex-direction: column;
  gap: 1.389vw;
}

.product-list-card {
  display: flex;
  gap: 1.389vw;
}

.product-list-card:hover .news-title {
  color: #fe4622;
}

.product-list-img {
  width: 13.889vw;
  flex-shrink: 0;
  overflow: hidden;
}

.product-list-img img {
  width: 100%;
  display: block;
}

.product-list-info .tag {
  margin-bottom: 0.556vw;
}

.product-list-info .news-title {
  margin-bottom: 0.556vw;
}

.product-cards {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1.389vw;
  height: fit-content;
}

.product-card {
  width: 100%;
}

.product-card:hover .news-title {
  color: #fe4622;
}

.product-img {
  position: relative;
  overflow: hidden;
}

.product-img img {
  width: 100%;
  display: block;
}

.product-img .tag {
  position: absolute;
  top: 0.833vw;
  left: 0.833vw;
  z-index: 2;
}

.product-card .news-title {
  margin: 0.556vw 0 1.111vw;
}

/* Signals More */

.signals-more-area {
  padding: 2.778vw;
}

.signals-more-row {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 2.778vw 1.389vw;
}

.signals-more-card {
  width: 100%;
}

.signals-more-card:hover .news-title {
  color: #fe4622;
}

.signals-more-img {
  position: relative;
  overflow: hidden;
}

.signals-more-img img {
  width: 100%;
  height: 16vw;
  object-fit: cover;
  object-position: center;
  display: block;
}

.signals-more-img .tag {
  position: absolute;
  top: 0.833vw;
  left: 0.833vw;
  z-index: 2;
}

.signals-more-card .news-title {
  margin: 0.556vw 0 1.111vw;
}

@media (max-width: 960px) {

  .signals-page {
    padding: 0 5.333vw 5.333vw;
  }

  .page-title {
    font-size: 10.667vw;
    line-height: 10.667vw;
    margin-bottom: 5.333vw;
  }

  .signals-content {
    display: flex;
    flex-direction: column;
    gap: 5.333vw;
  }

  .signals-main,
  .signals-card {
    width: 100%;
  }

  .signals-main-img .tag,
  .signals-card-img .tag {
    top: 3.2vw;
    left: 3.2vw;
  }

  .signals-main-img img {
    max-height: 65vw;
  }
  .signals-main-img img,
  .signals-card-img img {
    width: 100%;
    display: block;
  }

  .tag {
    font-size: 3.733vw;
    line-height: 100%;
    letter-spacing: 3%;
    padding: 1.6vw 2.667vw 2.667vw;
  }

  .signals-main-title {
    font-size: 16vw;
    line-height: 16vw;
    margin: 2.133vw 0 4.267vw;
  }

  .signals-list {
    display: flex;
    flex-direction: column;
    gap: 5.333vw;
  }

  .signals-card .news-title {
    font-size: 10.667vw;
    line-height: 10.667vw;
    margin: 2.133vw 0 3.2vw;
  }

  .news-title {
    font-size: 8.533vw;
    line-height: 8.533vw;
  }

  .date-span {
    font-size: 3.2vw;
    line-height: 3.733vw;
  }

  .market-shifts-area {
    padding: 5.333vw;
  }

  .market-shifts-area .page-title {
    margin-bottom: 5.333vw;
  }

  .market-shifts-row {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 4.267vw;
  }

  .market-card {
    width: 100%;
  }

  .market-card .news-title {
    font-size: 8.533vw;
    line-height: 8.533vw;
    margin: 0.533vw 0 4.256vw;
  }

  .founder-lessons-area {
    padding: 5.333vw;
  }

  .founder-lessons-area .page-title {
    margin-bottom: 5.333vw;
  }

  .founder-lessons-row {
    display: flex;
    flex-direction: column;
    gap: 5.333vw;
  }

  .founder-card {
    width: 100%;
  }

  .founder-card-img {
    position: relative;
  }

  .founder-card-img img {
    width: 100%;
    display: block;
  }

  .founder-img .tag {
    position: absolute;
    top: 3.2vw;
    left: 3.2vw;
  }

  .founder-card .news-title {
    font-size: 8.533vw;
    line-height: 8.533vw;
    margin: 2.133vw 0 3.2vw;
  }

  .founder-card .date-span {
    font-size: 3.2vw;
    line-height: 3.733vw;
  }

  .product-insights-area {
    padding: 5.333vw;
  }

  .product-insights-area .page-title {
    margin-bottom: 5.333vw;
  }

  .product-insights-content,
  .signals-more-row {
    display: flex;
    flex-direction: column;
    gap: 5.333vw;
  }

  .product-list {
    display: flex;
    flex-direction: column;
    gap: 5.333vw;
  }

  .product-list-card {
    display: flex;
    gap: 3.2vw;
  }

  .product-list-img {
    width: 33.067vw;
    flex-shrink: 0;
  }

  .product-list-img img {
    width: 100%;
    display: block;
  }

  .product-list-info .tag {
    margin-bottom: 0.533vw;
  }

  .product-list-info .news-title {
    font-size: 8.533vw;
    line-height: 8.533vw;
    margin-bottom: 3.2vw;
  }

  .product-cards {
    display: flex;
    flex-direction: column;
    gap: 4.267vw;
  }

  .product-card {
    width: 100%;
  }

  .product-img .tag {
    top: 3.2vw;
    left: 3.2vw;
  }

  .product-card .news-title {
    font-size: 8.533vw;
    line-height: 8.533vw;
    margin: 2.133vw 0 3.2vw;
  }

  .signals-more-area {
    padding: 0 5.333vw 5.333vw;
  }

  .signals-more-row {
    gap: 4.267vw;
  }

  .signals-more-card .news-title {
    font-size: 8.533vw;
    line-height: 8.533vw;
    margin: 2.133vw 0 3.2vw;
  }

  .signals-more-img .tag {
    top: 3.2vw;
    left: 3.2vw;
  }
  .signals-more-img img,
  .founder-img img {
    height: 51vw;
  }
}