.mvp-canvas {
  height: 2365px;
}

.about-canvas {
  height: 1055px;
}

.territory-canvas {
  height: 1055px;
}

.mvp-portrait-link {
  position: absolute;
  z-index: 19;
  left: 28.1124px;
  top: 43.1385px;
  width: 278.752px;
  height: 278.2912px;
  display: block;
}

.mvp-portrait {
  position: absolute;
  left: 0;
  width: 278.752px;
  overflow: hidden;
  pointer-events: none;
  user-select: none;
}

.mvp-portrait img {
  position: absolute;
  left: 0;
  width: 278.752px;
  max-width: none;
  display: block;
}

.mvp-portrait--top {
  top: 0;
  height: 211.6658px;
}

.mvp-portrait--top img {
  top: 0;
  height: 131.69%;
}

.mvp-portrait--bottom {
  top: 211.6658px;
  height: 66.6254px;
}

.mvp-portrait--bottom img {
  top: -318.39%;
  height: 418.39%;
}

.mvp-canvas .project-list {
  left: 33.2361px;
  top: 507.1587px;
  width: 377.0313px;
  height: 199px;
}

.mvp-canvas .project-list__title {
  height: 55px;
  font-size: 32px;
  line-height: 38.4px;
  letter-spacing: 0;
}

.mvp-canvas .project-link {
  grid-template-columns: 60px minmax(0, 1fr);
  gap: 20px;
}

.mvp-canvas .project-link b {
  font-size: 24px;
  line-height: 21.6px;
  letter-spacing: -2.0854px;
}

.mvp-canvas .project-link small {
  color: rgba(255, 255, 255, 0.65);
  font-size: 20px;
  line-height: 24px;
  letter-spacing: -0.72px;
}

.mvp-canvas .project-link__mark {
  width: 60px;
  height: 60px;
  border-radius: 11.5818px;
  overflow: hidden;
}

.mvp-canvas .project-link__mark img {
  display: block;
  max-width: none;
}

.mvp-canvas .project-link__mark--territory {
  background: transparent;
}

.mvp-canvas .project-link__mark--territory img {
  width: 60px;
  height: 60px;
}

.mvp-canvas .project-link__mark--amplicore {
  background: transparent;
}

.mvp-canvas .project-link__mark--amplicore img {
  width: 60px;
  height: 60px;
}

.mvp-canvas .side-nav {
  left: 31.8877px;
  top: 742.0894px;
  width: 385.7991px;
  height: 165.6856px;
}

.mvp-page {
  position: absolute;
  inset: 0;
  width: 1920px;
  height: 2365px;
  pointer-events: none;
}

.mvp-hero {
  position: absolute;
  left: 511px;
  top: 237.12px;
  width: 1260.7373px;
  margin: 0;
  transform: translateY(-50%);
  color: #fff;
  font-size: 58px;
  font-weight: 500;
  line-height: 1;
  letter-spacing: -2.0854px;
  word-break: break-word;
}

.mvp-case {
  position: absolute;
  left: 511px;
  width: 1360px;
  height: 913.0752px;
}

.mvp-case--biotech {
  top: 371.1211px;
}

.mvp-case--amplicore {
  top: 1358px;
}

.mvp-case__visual {
  position: absolute;
  left: 0;
  top: 0;
  width: 1360px;
  height: 740.5341px;
}

.mvp-case__base {
  position: absolute;
  left: 0;
  top: 0;
  width: 1360px;
  height: 740.5341px;
}

.mvp-case__base--rounded {
  overflow: hidden;
  border-radius: 21px;
}

.mvp-case__base img,
.mvp-case__base video {
  position: absolute;
  left: 0;
  top: 0;
  width: 1360px;
  height: 100%;
  max-width: none;
  display: block;
  object-fit: cover;
  background: #090909;
}

.mvp-case__overlay {
  position: absolute;
  left: 0;
  top: -44.4622px;
  width: 1360px;
  height: 785.2879px;
  overflow: hidden;
  background: #000;
}

.mvp-case__overlay img,
.mvp-case__overlay video {
  position: absolute;
  left: 0;
  top: 5.56%;
  width: 1360px;
  height: 94.44%;
  max-width: none;
  display: block;
  object-fit: cover;
  background: #090909;
}

.mvp-copy {
  position: absolute;
  left: 0;
  top: 764.0752px;
  width: 1088px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 16px;
  color: #fff;
  font-size: 28px;
  font-weight: 500;
  line-height: 0;
  letter-spacing: -1.0762px;
}

.mvp-copy strong,
.mvp-copy p {
  margin: 0;
  font: inherit;
}

.mvp-copy strong {
  color: #fff;
  line-height: 24.214px;
  white-space: nowrap;
}

.mvp-copy p {
  width: 1061.6006px;
  color: rgba(255, 255, 255, 0.48);
  line-height: 1.3;
}

.mvp-page .mvp-case,
.mvp-page .mvp-hero {
  pointer-events: auto;
}

.mvp-page .mvp-case__visual,
.mvp-page .mvp-copy {
  pointer-events: none;
}

.mvp-page .mvp-case__visual {
  pointer-events: auto;
}

.mvp-page .mvp-case__visual video {
  pointer-events: none;
}

.about-page {
  position: absolute;
  inset: 0;
  width: 1920px;
  height: 1055px;
  pointer-events: none;
}

.about-copy {
  position: absolute;
  left: 511px;
  top: 191px;
  width: 1360px;
  margin: 0;
  color: #fff;
  font-size: 52px;
  font-weight: 500;
  line-height: 1.08;
  letter-spacing: -2.0854px;
}

.about-copy > span {
  display: block;
  white-space: nowrap;
}

.about-copy > span + span {
  margin-top: 1px;
}

.about-copy > .about-copy__break {
  margin-top: 34px;
}

.territory-page {
  position: absolute;
  left: 511px;
  top: 145px;
  width: 1360px;
  height: 850px;
}

.territory-copy {
  position: absolute;
  left: 0;
  top: 170px;
  width: 810px;
}

.territory-status {
  width: fit-content;
  min-height: 42px;
  padding: 0 18px;
  display: inline-flex;
  align-items: center;
  gap: 10px;
  border: 1px solid rgba(255, 255, 255, 0.16);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.07);
  color: rgba(255, 255, 255, 0.72);
  font-size: 17px;
  font-weight: 500;
  line-height: 1;
  letter-spacing: -0.35px;
}

.territory-status.serega-gentle {
  display: inline-flex;
}

.territory-status::before {
  content: "";
  width: 9px;
  height: 9px;
  flex: 0 0 9px;
  border-radius: 50%;
  background: #ff5b00;
  box-shadow: 0 0 0 7px rgba(255, 91, 0, 0.12);
}

.territory-title {
  margin: 28px 0 22px;
  color: #fff;
  font-size: 82px;
  font-weight: 500;
  line-height: 0.96;
  letter-spacing: -5.2px;
}

.territory-description {
  width: 775px;
  margin: 0;
  color: rgba(255, 255, 255, 0.56);
  font-size: 40px;
  font-weight: 500;
  line-height: 1.08;
  letter-spacing: -2px;
}

.territory-description strong {
  color: #fff;
  font-weight: 500;
}

.territory-back {
  width: fit-content;
  margin-top: 54px;
  padding: 18px 24px;
  display: inline-flex;
  align-items: center;
  border-radius: 18px;
  background: #00ae4c;
  color: #fff;
  font-size: 22px;
  font-weight: 500;
  line-height: 1;
  letter-spacing: -0.6px;
}

.territory-video-shell {
  position: absolute;
  z-index: 2;
  right: 0;
  top: 0;
  width: 383px;
  height: 850px;
  padding: 8px;
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, 0.18);
  border-radius: 54px;
  background: #171717;
  box-shadow: 0 42px 120px rgba(255, 73, 0, 0.18);
}

.territory-video-shell::before {
  content: "";
  position: absolute;
  z-index: -1;
  inset: 18% -30% -18%;
  background: radial-gradient(circle, rgba(255, 79, 0, 0.3), transparent 68%);
  filter: blur(22px);
}

.territory-video {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  border-radius: 46px;
  background: #111;
}

.territory-video:focus-visible,
.mvp-case video:focus-visible,
.case video:focus-visible {
  outline: 3px solid #00e463;
  outline-offset: 5px;
}

.mvp-portrait-link:focus-visible {
  outline: 3px solid #30a9ff;
  outline-offset: 4px;
}

@media (max-width: 700px) {
  .mvp-canvas {
    height: 2365px;
  }
}