/* "Get data" page: the horizontal sector cards. */

.sector-list { display: flex; flex-direction: column; gap: 16px; }

.sector-card {
  position: relative;
  isolation: isolate;
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 24px;
  min-height: 190px;
  padding: 28px 32px;
  overflow: hidden;
  border-radius: 16px;
  background: #1A1A19;
  color: #fff;
  text-decoration: none;
}
.sector-card__bg {
  position: absolute;
  inset: 0;
  z-index: -2;
  background: linear-gradient(135deg, #F9CBA9, #ECD6E2) center / cover;
  transition: transform .5s;
}
.sector-card::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background: linear-gradient(90deg, rgba(13, 13, 12, .75), rgba(13, 13, 12, .25));
}
.sector-card:hover .sector-card__bg { transform: scale(1.04); }

.sector-card__text { max-width: 720px; }
.sector-card h3 {
  font-size: clamp(26px, 3.4vw, 40px);
  font-weight: 500;
  letter-spacing: -.03em;
  line-height: 1.05;
}
.sector-card p { margin-top: 8px; font-size: 17px; line-height: 1.35; color: rgba(255, 255, 255, .88); }
.sector-card__go { flex: none; font-size: 30px; transition: transform .25s; }
.sector-card:hover .sector-card__go { transform: translateX(6px); }

@media (max-width: 760px) {
  .sector-card { min-height: 170px; padding: 20px; }
  .sector-card p { font-size: 15px; }
}