.portfolio-asme-floor:not(.is-design) .portfolio-asme-entry {
  right: 51.2%;
}

.portfolio-asme-floor:not(.is-design) .portfolio-asme-copy h2 {
  font-size: clamp(34px, 3.4vw, 64px);
}

.portfolio-coding-cube-entry {
  position: absolute;
  top: 13%;
  right: 7.2%;
  left: 51.2%;
  display: block;
  aspect-ratio: 16 / 9;
  overflow: hidden;
  isolation: isolate;
  color: #f4f6f3;
  background:
    radial-gradient(circle at 52% 48%, rgba(111, 244, 208, 0.18), transparent 34%),
    linear-gradient(128deg, #081216 0%, #0c1618 52%, #101015 100%);
  text-decoration: none;
}

.portfolio-coding-cube-entry::after {
  position: absolute;
  inset: 0;
  z-index: -1;
  content: '';
  opacity: 0.36;
  background-image: linear-gradient(rgba(208, 255, 240, 0.1) 1px, transparent 1px), linear-gradient(90deg, rgba(208, 255, 240, 0.1) 1px, transparent 1px);
  background-size: 24px 24px;
  mask-image: linear-gradient(to bottom, #000, transparent 82%);
}

.portfolio-coding-cube-visual {
  position: absolute;
  z-index: 0;
  inset: 0;
  overflow: hidden;
}

.portfolio-coding-cube-preview {
  position: absolute;
  top: -30%;
  left: -30%;
  width: 160%;
  height: 160%;
  border: 0;
  pointer-events: none;
  filter: brightness(1.04) saturate(0.96);
}

.portfolio-coding-cube-entry::before {
  position: absolute;
  inset: 0;
  z-index: 1;
  content: '';
  pointer-events: none;
  background: linear-gradient(90deg, rgba(2, 8, 8, 0.86) 0%, rgba(2, 8, 8, 0.3) 47%, rgba(2, 8, 8, 0.08) 100%);
}

.portfolio-coding-cube-copy {
  position: absolute;
  z-index: 2;
  right: 8%;
  bottom: 9%;
  left: 8%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 9px;
}

.portfolio-coding-cube-copy > span:first-child {
  color: rgba(238, 255, 249, 0.7);
  font-size: 11px;
  letter-spacing: 0.04em;
}

.portfolio-coding-cube-copy strong {
  color: #f7fffc;
  font-size: clamp(34px, 3.4vw, 64px);
  font-weight: 500;
  line-height: 0.84;
  letter-spacing: -0.075em;
}

.portfolio-coding-cube-copy em {
  font-family: 'Instrument Serif', 'Songti SC', serif;
  font-weight: 400;
}

.portfolio-coding-cube-copy > span:last-child {
  font-size: 13px;
}

.portfolio-coding-cube-copy b {
  margin-left: 7px;
  font-weight: 400;
}

@media (max-width: 900px) {
  .portfolio-asme-floor:not(.is-design) {
    min-height: 0;
    aspect-ratio: auto;
    padding: 132px 20px 46px;
  }

  .portfolio-asme-floor:not(.is-design) .portfolio-asme-entry,
  .portfolio-coding-cube-entry {
    position: relative;
    top: auto;
    right: auto;
    left: auto;
    width: 100%;
    margin: 0 0 18px;
  }

  .portfolio-asme-floor:not(.is-design) .portfolio-asme-copy h2,
  .portfolio-coding-cube-copy strong { font-size: clamp(32px, 9vw, 54px); }

  .portfolio-coding-cube-entry { display: block; }
}

.portfolio-asme-floor.is-design .portfolio-coding-cube-entry { display: none; }