.header[data-v-59c0704e] {
  height: 868px;
  overflow: clip;
  position: relative;
}
@media (min-width: 679px) {
  .header[data-v-59c0704e] {
    height: 1462px;
  }
}
@media (min-width: 1420px) {
  .header[data-v-59c0704e] {
    height: 1092px;
  }
}
.header[data-v-59c0704e] {
  background: linear-gradient(
    181.98deg,
    #17171700 43.47%,
    #171717 51.94%,
    #171717 90.66%
  );
}
.objects[data-v-59c0704e] {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
@media (min-width: 1420px) {
  .header[data-v-59c0704e] {
    background: linear-gradient(182deg, #17171700 73.41%, #171717 92.71%);
  }
}
.feature-card[data-v-596c0035] {
  border-radius: 20px;
  border-width: 2px;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  height: 297px;
  justify-content: space-between;
  overflow: hidden;
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  width: 147px;
  z-index: 10;
  --tw-border-opacity: 1;
  border-color: rgb(42 37 37 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(42 37 37 / var(--tw-bg-opacity, 1));
  font-size: 9px;
  font-weight: 600;
  line-height: 12.92px;
  padding: 9px;
  text-transform: uppercase;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
  transition-duration: 0.15s;
  transition-property: width;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
@media (min-width: 378px) {
  .feature-card[data-v-596c0035] {
    font-size: 10.44px;
    height: 336px;
    line-height: 14.62px;
    padding: 10px;
    width: 167px;
  }
}
@media (min-width: 679px) {
  .feature-card[data-v-596c0035] {
    font-size: 19.82px;
    height: 638px;
    line-height: 27.75px;
    padding: 19px;
    width: 317px;
  }
}
@media (min-width: 1420px) {
  .feature-card[data-v-596c0035] {
    font-size: 22px;
    font-weight: 600;
    height: 708px;
    letter-spacing: -0.01em;
    line-height: 30.8px;
    padding: 20px 22px;
    width: 352px;
  }
}
.feature-card span[data-v-596c0035] {
  --tw-text-opacity: 1;
  color: rgb(226 49 12 / var(--tw-text-opacity, 1));
}
.feature-card[data-v-596c0035]:before {
  background: linear-gradient(1turn, #171717 7.88%, #17171700 33.27%);
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: -10;
}
.feature-card.active[data-v-596c0035] {
  width: 294px;
}
@media (min-width: 378px) {
  .feature-card.active[data-v-596c0035] {
    width: 334px;
  }
}
@media (min-width: 679px) {
  .feature-card.active[data-v-596c0035] {
    width: 634px;
  }
}
@media (min-width: 1420px) {
  .feature-card.active[data-v-596c0035] {
    width: 704px;
  }
}
.feature-card[data-v-6ad3816e] {
  border-radius: 20px;
  border-width: 2px;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  height: 297px;
  justify-content: space-between;
  overflow: hidden;
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  width: 147px;
  z-index: 10;
  --tw-border-opacity: 1;
  border-color: rgb(42 37 37 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(42 37 37 / var(--tw-bg-opacity, 1));
  font-size: 9px;
  font-weight: 600;
  line-height: 12.92px;
  padding: 25px 20px;
  text-transform: uppercase;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
  transition-duration: 0.15s;
  transition-property: width;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
@media (min-width: 378px) {
  .feature-card[data-v-6ad3816e] {
    font-size: 10.44px;
    height: 336px;
    line-height: 14.62px;
    padding: 20px 22px;
    width: 167px;
  }
}
@media (min-width: 679px) {
  .feature-card[data-v-6ad3816e] {
    font-size: 19.82px;
    height: 638px;
    line-height: 27.75px;
    padding: 20px 22px;
    width: 317px;
  }
}
@media (min-width: 1420px) {
  .feature-card[data-v-6ad3816e] {
    font-size: 22px;
    font-weight: 600;
    height: 708px;
    letter-spacing: -0.01em;
    line-height: 30.8px;
    padding: 20px 22px;
    width: 352px;
  }
}
.feature-card span[data-v-6ad3816e] {
  --tw-text-opacity: 1;
  color: rgb(226 49 12 / var(--tw-text-opacity, 1));
}
.feature[data-v-4cf5ac9c] {
  background: linear-gradient(
    179.31deg,
    #171717,
    transparent 4%,
    #171717 99.41%
  );
}
.start-play[data-v-c91605ec] {
  border-radius: 20px;
  height: auto;
  padding: 20px;
  position: relative;
}
@media (min-width: 378px) {
  .start-play[data-v-c91605ec] {
    padding: 51px 22px;
  }
}
@media (min-width: 679px) {
  .start-play[data-v-c91605ec] {
    padding: 77px 37px;
  }
}
@media (min-width: 855px) {
  .start-play[data-v-c91605ec] {
    padding: 73px 45px;
  }
}
@media (min-width: 1420px) {
  .start-play[data-v-c91605ec] {
    height: 740px;
    padding: 80px 100px;
  }
}
.start-play[data-v-c91605ec] {
  -webkit-mask: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='335' height='611' fill='none' viewBox='0 0 335 611'%3E%3Cpath fill='%23242424' fill-rule='evenodd' d='M293.174 1.657A5 5 0 0 0 289.456 0H5a5 5 0 0 0-5 5v601a5 5 0 0 0 5 5h325a5 5 0 0 0 5-5V50.095a5 5 0 0 0-1.282-3.343z' clip-rule='evenodd'/%3E%3C/svg%3E");
  mask: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='335' height='611' fill='none' viewBox='0 0 335 611'%3E%3Cpath fill='%23242424' fill-rule='evenodd' d='M293.174 1.657A5 5 0 0 0 289.456 0H5a5 5 0 0 0-5 5v601a5 5 0 0 0 5 5h325a5 5 0 0 0 5-5V50.095a5 5 0 0 0-1.282-3.343z' clip-rule='evenodd'/%3E%3C/svg%3E");
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: cover;
  mask-size: cover;
}
@media (min-width: 378px) {
  .start-play[data-v-c91605ec] {
    -webkit-mask: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='379' height='691' fill='none' viewBox='0 0 379 691'%3E%3Cpath fill='%23242424' fill-rule='evenodd' d='M331.287 1.872A5.65 5.65 0 0 0 327.085 0H5.65A5.65 5.65 0 0 0 0 5.65v679.13a5.65 5.65 0 0 0 5.65 5.65H372.9a5.65 5.65 0 0 0 5.65-5.65V56.608c0-1.395-.516-2.74-1.448-3.778z' clip-rule='evenodd'/%3E%3C/svg%3E");
    mask: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='379' height='691' fill='none' viewBox='0 0 379 691'%3E%3Cpath fill='%23242424' fill-rule='evenodd' d='M331.287 1.872A5.65 5.65 0 0 0 327.085 0H5.65A5.65 5.65 0 0 0 0 5.65v679.13a5.65 5.65 0 0 0 5.65 5.65H372.9a5.65 5.65 0 0 0 5.65-5.65V56.608c0-1.395-.516-2.74-1.448-3.778z' clip-rule='evenodd'/%3E%3C/svg%3E");
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: cover;
    mask-size: cover;
  }
}
@media (min-width: 679px) {
  .start-play[data-v-c91605ec] {
    -webkit-mask: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='637' height='1161' fill='none' viewBox='0 0 637 1161'%3E%3Cpath fill='%23242424' fill-rule='evenodd' d='M556.692 3.147A9.5 9.5 0 0 0 549.632 0H9.494A9.494 9.494 0 0 0 0 9.494V1150.7c0 5.24 4.25 9.49 9.494 9.49H626.62c5.243 0 9.494-4.25 9.494-9.49V95.123a9.5 9.5 0 0 0-2.434-6.347z' clip-rule='evenodd'/%3E%3C/svg%3E");
    mask: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='637' height='1161' fill='none' viewBox='0 0 637 1161'%3E%3Cpath fill='%23242424' fill-rule='evenodd' d='M556.692 3.147A9.5 9.5 0 0 0 549.632 0H9.494A9.494 9.494 0 0 0 0 9.494V1150.7c0 5.24 4.25 9.49 9.494 9.49H626.62c5.243 0 9.494-4.25 9.494-9.49V95.123a9.5 9.5 0 0 0-2.434-6.347z' clip-rule='evenodd'/%3E%3C/svg%3E");
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: cover;
    mask-size: cover;
  }
}
@media (min-width: 855px) {
  .start-play[data-v-c91605ec] {
    -webkit-mask: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='766' height='1398' fill='none' viewBox='0 0 766 1398'%3E%3Cpath fill='%23242424' fill-rule='evenodd' d='M670.362 3.789A11.43 11.43 0 0 0 661.86 0H11.433C5.119 0 0 5.119 0 11.433V1385.66c0 6.31 5.119 11.43 11.433 11.43h743.134c6.314 0 11.433-5.12 11.433-11.43V114.547c0-2.823-1.044-5.545-2.931-7.644z' clip-rule='evenodd'/%3E%3C/svg%3E");
    mask: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='766' height='1398' fill='none' viewBox='0 0 766 1398'%3E%3Cpath fill='%23242424' fill-rule='evenodd' d='M670.362 3.789A11.43 11.43 0 0 0 661.86 0H11.433C5.119 0 0 5.119 0 11.433V1385.66c0 6.31 5.119 11.43 11.433 11.43h743.134c6.314 0 11.433-5.12 11.433-11.43V114.547c0-2.823-1.044-5.545-2.931-7.644z' clip-rule='evenodd'/%3E%3C/svg%3E");
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: cover;
    mask-size: cover;
  }
}
@media (min-width: 1420px) {
  .start-play[data-v-c91605ec] {
    -webkit-mask: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1420' height='740' fill='none' viewBox='0 0 1420 740'%3E%3Cpath fill='%230C0C0C' fill-rule='evenodd' d='M1281.77 6.286A20 20 0 0 0 1267.21 0H20C8.954 0 0 8.954 0 20v700c0 11.046 8.954 20 20 20h1380c11.05 0 20-8.954 20-20V160.965c0-5.098-1.95-10.003-5.44-13.714z' clip-rule='evenodd'/%3E%3C/svg%3E");
    mask: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1420' height='740' fill='none' viewBox='0 0 1420 740'%3E%3Cpath fill='%230C0C0C' fill-rule='evenodd' d='M1281.77 6.286A20 20 0 0 0 1267.21 0H20C8.954 0 0 8.954 0 20v700c0 11.046 8.954 20 20 20h1380c11.05 0 20-8.954 20-20V160.965c0-5.098-1.95-10.003-5.44-13.714z' clip-rule='evenodd'/%3E%3C/svg%3E");
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: cover;
    mask-size: cover;
  }
}
.news-card[data-v-ed32c7e5] {
  align-items: flex-start;
  border-radius: 20px;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  height: 162px;
  justify-content: flex-end;
  max-width: 162px;
  overflow: hidden;
  position: relative;
  text-transform: uppercase;
}
@media (min-width: 378px) {
  .news-card[data-v-ed32c7e5] {
    height: 183px;
    max-width: 183px;
  }
}
@media (min-width: 679px) {
  .news-card[data-v-ed32c7e5] {
    height: 339px;
    max-width: 339px;
  }
}
@media (min-width: 855px) {
  .news-card[data-v-ed32c7e5] {
    height: 416px;
    max-width: 416px;
  }
}
@media (min-width: 1420px) {
  .news-card[data-v-ed32c7e5] {
    font-size: 20px;
    height: 340px;
    line-height: 24px;
    width: 340px;
  }
}
.news-card-text[data-v-ed32c7e5] {
  bottom: 0;
  font-weight: 700;
  left: 0;
  overflow: hidden;
  padding: 10px 12px;
  position: absolute;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 90%;
  z-index: 10;
  --tw-text-opacity: 1;
  color: rgb(253 253 253 / var(--tw-text-opacity, 1));
  opacity: 0;
  transition-duration: 0.15s;
  transition-property: color, background-color, border-color,
    text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter,
    -webkit-backdrop-filter;
  transition-property: color, background-color, border-color,
    text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter,
    backdrop-filter;
  transition-property: color, background-color, border-color,
    text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter,
    backdrop-filter, -webkit-backdrop-filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
@media (min-width: 378px) {
  .news-card-text[data-v-ed32c7e5] {
    padding: 10px 14px;
  }
}
@media (min-width: 679px) {
  .news-card-text[data-v-ed32c7e5] {
    padding: 14px 16px;
  }
}
@media (min-width: 855px) {
  .news-card-text[data-v-ed32c7e5] {
    padding: 18px 20px;
  }
}
@media (min-width: 1420px) {
  .news-card-text[data-v-ed32c7e5] {
    padding: 22px 24px;
  }
}
.news-card-active[data-v-ed32c7e5] {
  grid-column-end: 3;
  grid-column-start: 1;
  grid-row-end: 3;
  grid-row-start: 1;
  height: 335px;
  max-width: 100%;
  width: 100%;
}
@media (min-width: 378px) {
  .news-card-active[data-v-ed32c7e5] {
    height: 378px;
  }
}
@media (min-width: 679px) {
  .news-card-active[data-v-ed32c7e5] {
    height: 698px;
  }
}
@media (min-width: 855px) {
  .news-card-active[data-v-ed32c7e5] {
    height: 857px;
  }
}
@media (min-width: 1420px) {
  .news-card-active[data-v-ed32c7e5] {
    font-size: 24px;
    grid-column-end: 3;
    grid-column-start: 1;
    grid-row-end: 3;
    grid-row-start: 1;
    height: 700px;
    line-height: 29px;
  }
  .news-card-active .news-card-text[data-v-ed32c7e5] {
    padding: 30px 48px;
  }
}
.news-card[data-v-ed32c7e5]:before {
  background: linear-gradient(180deg, transparent, rgba(0, 0, 0, 0.9));
  content: "";
  height: 100%;
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  transition-duration: 0.15s;
  transition-property: color, background-color, border-color,
    text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter,
    -webkit-backdrop-filter;
  transition-property: color, background-color, border-color,
    text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter,
    backdrop-filter;
  transition-property: color, background-color, border-color,
    text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter,
    backdrop-filter, -webkit-backdrop-filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  width: 100%;
  z-index: 10;
}
.news-card:hover .news-card-text[data-v-ed32c7e5],
.news-card[data-v-ed32c7e5]:hover:before {
  opacity: 1;
}
.news-card[data-v-7b5c50af] {
  align-items: flex-start;
  border-radius: 20px;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  height: 340px;
  justify-content: flex-end;
  overflow: hidden;
  position: relative;
  width: 340px;
  --tw-bg-opacity: 1;
  background-color: rgb(32 32 32 / var(--tw-bg-opacity, 1));
  text-transform: uppercase;
}
@media (min-width: 1420px) {
  .news-card[data-v-7b5c50af] {
    font-size: 20px;
    line-height: 24px;
  }
}
.news-card-text[data-v-7b5c50af] {
  font-weight: 700;
  overflow: hidden;
  padding: 22px 24px;
  text-overflow: ellipsis;
  white-space: nowrap;
  --tw-text-opacity: 1;
  color: rgb(253 253 253 / var(--tw-text-opacity, 1));
  opacity: 0;
  transition-duration: 0.15s;
  transition-property: color, background-color, border-color,
    text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter,
    -webkit-backdrop-filter;
  transition-property: color, background-color, border-color,
    text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter,
    backdrop-filter;
  transition-property: color, background-color, border-color,
    text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter,
    backdrop-filter, -webkit-backdrop-filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
@media (min-width: 1420px) {
  .news-card-text[data-v-7b5c50af] {
    width: 90%;
  }
}
.news-card-active[data-v-7b5c50af] {
  grid-column-end: 3;
  grid-column-start: 1;
  grid-row-end: 3;
  grid-row-start: 1;
  height: 100%;
  width: 100%;
}
@media (min-width: 1420px) {
  .news-card-active[data-v-7b5c50af] {
    font-size: 24px;
    grid-column-end: 3;
    grid-column-start: 1;
    grid-row-end: 3;
    grid-row-start: 1;
    line-height: 29px;
  }
  .news-card-active .news-card-text[data-v-7b5c50af] {
    padding: 30px 48px;
  }
}
.news-card[data-v-7b5c50af]:before {
  background: linear-gradient(180deg, transparent, rgba(0, 0, 0, 0.9));
  content: "";
  height: 100%;
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  transition-duration: 0.15s;
  transition-property: color, background-color, border-color,
    text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter,
    -webkit-backdrop-filter;
  transition-property: color, background-color, border-color,
    text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter,
    backdrop-filter;
  transition-property: color, background-color, border-color,
    text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter,
    backdrop-filter, -webkit-backdrop-filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  width: 100%;
  z-index: -10;
}
.news-card:hover .news-card-text[data-v-7b5c50af],
.news-card[data-v-7b5c50af]:hover:before {
  opacity: 1;
}