/* The portrait is exclusively geometry. No image or pseudo-image layer. */
.studio__portrait {
  position: absolute;
  right: -4%;
  top: 50%;
  width: min(46vw, 620px);
  aspect-ratio: 1;
  transform: translateY(-50%);
  pointer-events: none;
  mask-image: radial-gradient(76% 80% at 52% 38%, #000 30%, rgba(0,0,0,.5) 62%, transparent 80%);
  -webkit-mask-image: radial-gradient(76% 80% at 52% 38%, #000 30%, rgba(0,0,0,.5) 62%, transparent 80%);
}
.studio__particles { display: block; width: 100%; height: 100%; }
.studio::after, .studio.is-near::after { content: none; background-image: none; }
.studio.has-portrait-cloud::before { opacity: .75; }
@media (max-width: 767px) {
  .studio { padding-top: calc(min(88vw, 430px) + 40px); }
  .studio__portrait, .studio::before {
    right: 50%;
    top: 20px;
    width: min(88vw, 430px);
    transform: translateX(50%);
  }
}
@media (forced-colors: active) {
  .studio__portrait { display: none; }
}