/* Portfolio light: static paint only, with a continuous dark-to-white ending. */
.luxury-work {
  --work-ending-height: clamp(240px, 21.5vw, 365px);
  padding-bottom: calc(var(--work-ending-height) + 72px);
}
.luxury-work::before {
  content: "";
  display: block;
  position: absolute;
  inset: 185px 0 var(--work-ending-height);
  height: auto;
  z-index: -1;
  pointer-events: none;
  -webkit-mask-image:linear-gradient(transparent,#000 12%,#000 78%,transparent);
  mask-image:linear-gradient(transparent,#000 12%,#000 78%,transparent);
  background:
    radial-gradient(ellipse 58% 28% at 2% 37%, rgba(55, 85, 190, .21), transparent 72%),
    radial-gradient(ellipse 48% 31% at 100% 65%, rgba(146, 51, 163, .16), transparent 75%),
    radial-gradient(ellipse 55% 19% at 48% 93%, rgba(103, 70, 181, .14), transparent 77%);
}
.luxury-work .work-ending {
  position: absolute;
  inset: auto 0 -1px;
  height: var(--work-ending-height);
  z-index: -1;
  pointer-events: none;
}
.luxury-work .work-ending-art {
  display: block;
  width: 100%;
  height: 100%;
}
.luxury-work .work-ending::before{content:"";position:absolute;top:-1px;left:0;right:0;height:3px;background:#14151c}
.luxury-work .work-ending-seal {
  position: absolute;
  top: 69%;
  left: 50%;
  translate: -50% -50%;
  display: grid;
  place-items: center;
  width: 56px;
  height: 56px;
  border: 4px solid #fff;
  border-radius: 50%;
  background: #fff;
  box-shadow: inset 0 0 0 1px #c2b3d5;
}
.luxury-work .work-ending-seal .studio-symbol {
  width: 31px;
}
@media (max-width: 760px) {
  .luxury-work {
    --work-ending-height: clamp(125px, 22vw, 175px);
    padding-bottom: calc(var(--work-ending-height) + 58px);
  }
  .luxury-work::before {
    inset: 155px 0 var(--work-ending-height);
    background:
      radial-gradient(ellipse 87% 23% at 0% 27%, rgba(55, 85, 190, .19), transparent 72%),
      radial-gradient(ellipse 85% 24% at 100% 69%, rgba(146, 51, 163, .15), transparent 75%);
  }
  .luxury-work .work-ending-seal {
    width: 46px;
    height: 46px;
    border-width: 3px;
    top: 64%;
  }
  .luxury-work .work-ending-seal .studio-symbol {
    width: 26px;
  }
}