.card {
  background-color: #ffffff;
  width: 100%;
  min-width: 863px;
  min-height: 601px;
  position: relative;
}

.card .background {
  position: absolute;
  top: 0;
  left: 0;
  width: 863px;
  height: 601px;
  aspect-ratio: 1.44;
}

.card .ellipse {
  position: absolute;
  top: 196px;
  left: 0;
  width: 409px;
  height: 405px;
}

.card .anastasia {
  position: absolute;
  top: 52px;
  left: 0;
  width: 323px;
  height: 549px;
  aspect-ratio: 0.67;
  object-fit: cover;
}

.card .text-wrapper {
  position: absolute;
  top: 93px;
  left: 443px;
  font-family: "Kaisei Decol", serif;
  font-weight: 500;
  color: #000000;
  font-size: 56px;
  letter-spacing: 0;
  line-height: 54.9px;
}

.card .div {
  position: absolute;
  top: 219px;
  left: 444px;
  font-family: "Montserrat-Regular", Helvetica;
  font-weight: 400;
  color: #000000;
  font-size: 20px;
  letter-spacing: 5.60px;
  line-height: normal;
  white-space: nowrap;
}

.card .brand-style {
  position: absolute;
  top: 265px;
  left: 443px;
  font-family: "Montserrat-Regular", Helvetica;
  font-weight: 400;
  color: #000000;
  font-size: 16px;
  letter-spacing: 0.48px;
  line-height: normal;
}

.card .upwork {
  position: absolute;
  top: 474px;
  left: 746px;
  width: 70px;
  height: 70px;
  aspect-ratio: 1;
  object-fit: cover;
}

.card .behance {
  position: absolute;
  top: 453px;
  left: 637px;
  width: 112px;
  height: 112px;
  aspect-ratio: 1;
  object-fit: cover;
}

.card .coursor {
  position: absolute;
  top: 539px;
  left: 816px;
  width: 14px;
  height: 14px;
  aspect-ratio: 1;
  object-fit: cover;
}

./* Top decorative bar */
.card__decorative-bar {
  position: absolute;
  top: 0;
  left: 0;

  width: 100%;
  height: 23px;

  background: linear-gradient(
    71deg,
    rgba(90, 33, 40, 0.91) 47%,
    rgba(133, 22, 35, 0.91) 100%
  );

  z-index: 1000;
}

}
.card {
  background-color: #ffffff;
  width: 100%;
  min-width: 863px;
  min-height: 601px;
  position: relative;
}

.card__background {
  position: absolute;
  top: 0;
  left: 0;
  width: 863px;
  height: 601px;
  aspect-ratio: 1.44;
}

.card__ellipse {
  position: absolute;
  top: 196px;
  left: 0;
  width: 409px;
  height: 405px;
}

.card__portrait {
  position: absolute;
  top: 52px;
  left: 0;
  width: 323px;
  height: 549px;
  aspect-ratio: 0.67;
  object-fit: cover;
}

.card__header {
  position: absolute;
  top: 93px;
  left: 443px;
}

.card__name {
  font-family: "Kaisei Decol", serif;
  font-weight: 500;
  color: #000000;
  font-size: 56px;
  letter-spacing: 0;
  line-height: 54.9px;
  margin: 0;
}

.card__title {
  font-family: "Montserrat", sans-serif;
  font-weight: 400;
  color: #000000;
  font-size: 20px;
  letter-spacing: 5.60px;
  line-height: normal;
  white-space: nowrap;
  margin: 0;
  margin-top: 40px;
}

.card__services {
  position: absolute;
  top: 265px;
  left: 443px;
}

.card__services-list {
  font-family: "Montserrat", sans-serif;
  font-weight: 400;
  color: #000000;
  font-size: 16px;
  letter-spacing: 0.48px;
  line-height: normal;
  list-style: none;
  padding: 0;
  margin: 0;
}

.card__social {
  position: absolute;
  top: 453px;
  left: 637px;
}

.card__social-link {
  display: inline-block;
  transition: opacity 0.3s ease;
}

.card__social-link:hover {
  opacity: 0.8;
}

.card__social-link:focus {
  outline: 2px solid #4a90e2;
  outline-offset: 2px;
}

.card__social-link--behance {
  position: absolute;
  top: 0;
  left: 0;
}

.card__social-link--upwork {
  position: absolute;
  top: 21px;
  left: 109px;
}

.card__social-icon {
  display: block;
}

.card__social-icon--behance {
  width: 112px;
  height: 112px;
  aspect-ratio: 1;
  object-fit: cover;
}

.card__social-icon--upwork {
  width: 70px;
  height: 70px;
  aspect-ratio: 1;
  object-fit: cover;
}

.card__cursor {
  position: absolute;
  top: 539px;
  left: 816px;
  width: 14px;
  height: 14px;
  aspect-ratio: 1;
  object-fit: cover;
}

.card__decorative-bar {
  position: absolute;
  top: -1px;
  left: 0;
  width: 863px;
  height: 23px;
  background: linear-gradient(
    71deg,
    rgba(90, 33, 40, 0.91) 47%,
    rgba(133, 22, 35, 0.91) 100%
  );
}