/* v3.66: real desktop captures. Scoped to the three Work previews only. */
.work-project-visual.work-real-preview {
  height: auto;
  aspect-ratio: 1.36;
  display: grid;
  place-items: center;
  padding: 26px 24px 34px;
  background: radial-gradient(ellipse at 50% 70%, #192528 0%, #0c1214 68%);
}
.work-desktop-device {
  position: relative;
  width: 100%;
  max-width: 430px;
  min-width: 0;
  padding: 8px 7px 10px;
  border: 1px solid #4b585d;
  border-radius: 12px 12px 5px 5px;
  background: #171f22;
  box-shadow: 0 16px 26px rgba(0, 0, 0, .28);
}
.work-desktop-device::after {
  content: "";
  position: absolute;
  left: -4%;
  bottom: -7px;
  width: 108%;
  height: 8px;
  border-radius: 1px 1px 50% 50%;
  background: linear-gradient(#5a676d, #2d373b);
  box-shadow: 0 3px 3px rgba(0, 0, 0, .25);
}
.work-desktop-device img {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 1348 / 926;
  object-fit: contain;
  border-radius: 5px 5px 1px 1px;
  background: #080e10;
}
@media (max-width: 480px) {
  .work-project-visual.work-real-preview { padding: 22px 20px 30px; }
}