/* screen - landing */

.landing {
  align-items: center;
  background-color: #121212;
  display: flex;
  flex-direction: column;
  gap: 81px;
  height: 2498px;
  padding: 159px 0;
  width: 1440px;
}

.landing .flex-row {
  align-items: flex-start;
  display: flex;
  height: 192px;
  min-width: 1360px;
}

.landing .current-media-creative {
  color: var(--white);
  font-family: var(--font-family-blauer_nue-regular);
  font-size: var(--font-size-xxl);
  font-weight: 400;
  letter-spacing: -1.92px;
  line-height: 64px;
  min-height: 192px;
  min-width: 310px;
}

.landing .current-media-creati {
  color: #f3f3f3;
  font-family: var(--font-family-general_sans_variable-regular);
  font-size: var(--font-size-l);
  font-weight: 400;
  letter-spacing: 0;
  line-height: 36px;
  margin-left: 215px;
  min-height: 180px;
  width: 486px;
}

.landing .frame-40796 {
  align-items: center;
  align-self: center;
  display: flex;
  gap: 8px;
  justify-content: flex-end;
  margin-bottom: 9.0px;
  margin-left: 57px;
  position: relative;
  width: 292px;
}

.landing .discover-more-works {
  color: #f3f3f3;
  font-family: var(--font-family-blauer_nue-regular);
  font-size: var(--font-size-l);
  font-weight: 400;
  letter-spacing: 0;
  line-height: normal;
  position: relative;
  width: fit-content;
}

.landing .arrow-up-right {
  height: 33px;
  position: relative;
  width: 33px;
}

.landing .overlap-group {
  align-items: center;
  background-image: url(../img/vector.svg);
  background-size: 100% 100%;
  display: flex;
  height: 17px;
  left: 8px;
  min-width: 17px;
  padding: 0 0.4px;
  position: relative;
  top: 8px;
}

.landing .vector {
  height: 16px;
  width: 16px;
}

.landing .frame-40796-1 {
  height: 1906px;
  position: relative;
  width: 1360px;
}