.nw-life {
  position: absolute;
  inset: 0;
  overflow: hidden;
  isolation: isolate;
  container-type: size;
  background: #0a0a09;
  color: #f8f2e5;
  font-family: Arial, Helvetica, sans-serif;
}

.nw-life-plates,
.nw-life-picture,
.nw-life-picture img,
.nw-life-shade {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}

.nw-life-picture,
.nw-life-picture img {
  display: block;
}

.nw-life-picture img {
  object-fit: cover;
  object-position: 68% 49%;
}

.nw-life-raster {
  mask-image: linear-gradient(110deg, black var(--life-solid,124%), transparent var(--life-clear,148%));
  -webkit-mask-image: linear-gradient(110deg, black var(--life-solid,124%), transparent var(--life-clear,148%));
}

.nw-life-shade {
  background: linear-gradient(90deg, #0a0d0bd9 0%, #0c120d82 33%, transparent 63%),
              linear-gradient(0deg, #0c0b0766, transparent 35%);
  opacity: 0;
}

.nw-life-signature {
  position: absolute;
  left: 6.45%;
  bottom: 15%;
  margin: 0;
  max-width: 43%;
  pointer-events: none;
  opacity: 0;
}

.nw-life-name,
.nw-life-english,
.nw-life-russian {
  margin: 0;
  padding: 0;
  text-align: left;
}

.nw-life-name {
  font-family: Arial, Helvetica, sans-serif;
  font-size: clamp(85px, 11.8cqw, 220px);
  font-weight: 650;
  line-height: .79;
  letter-spacing: -.073em;
  color: #fff8ea;
}

.nw-life-english {
  margin-top: clamp(17px, 2.1cqh, 35px);
  font: 500 clamp(16px, 1.48cqw, 31px)/1.22 Arial, Helvetica, sans-serif;
  letter-spacing: -.026em;
  color: #f4e4ca;
}

.nw-life-russian {
  margin-top: .48em;
  font: 400 clamp(14px, 1.16cqw, 24px)/1.3 Arial, Helvetica, sans-serif;
  letter-spacing: -.014em;
  color: #e2d5c0;
}

@media (max-aspect-ratio: 1/1) {
  .nw-life-picture img { object-position: 50% 49%; }
  .nw-life-shade {
    background: linear-gradient(0deg, #10100de8 0%, #0c0c0952 42%, transparent 69%);
  }
  .nw-life-signature {
    top: auto;
    left: 6.4%;
    right: 5%;
    bottom: max(14cqh, 56px);
    max-width: none;
  }
  .nw-life-name {
    font-size: clamp(72px, 20cqw, 142px);
  }
  .nw-life-english {
    margin-top: clamp(12px, 2cqh, 19px);
    font-size: clamp(16px, 3.85cqw, 24px);
  }
  .nw-life-russian {
    margin-top: .38em;
    font-size: clamp(13px, 3.25cqw, 20px);
  }
}

@media (max-height: 490px) and (orientation: landscape) {
  .nw-life-signature { left: 5%; bottom: 13%; max-width: 47%; }
  .nw-life-name { font-size: min(13cqw, 26cqh); }
  .nw-life-english { margin-top: 10px; font-size: 14px; }
  .nw-life-russian { margin-top: .25em; font-size: 12px; }
}