.work-grid--cartoon-network {
  order: 5;
  grid-template-columns: minmax(0, 1fr);
  border: 0;
  margin-bottom: clamp(28px, 3vw, 40px);
}

.work-card--cartoon-network {
  --bloo-frame-inset: clamp(76px, 8vw, 116px);
  position: relative;
  isolation: isolate;
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1.1fr);
  align-items: center;
  min-height: 0;
  overflow: visible;
  border: 0;
  background: transparent;
}

.work-card--cartoon-network:hover {
  background: transparent;
}

/* Reserve the original gap above the character; lower only the visible frame. */
.work-card--cartoon-network::before {
  position: absolute;
  z-index: -1;
  inset: var(--bloo-frame-inset) 0 0;
  border: 1px solid var(--line);
  background: var(--page);
  transition: background-color 220ms ease;
  content: "";
  pointer-events: none;
}

.work-card--cartoon-network:hover::before {
  background: var(--surface);
}

.work-card--cartoon-network .work-card-copy {
  min-height: 0;
  padding-block: calc(var(--bloo-frame-inset) + 24px) 40px;
}

.bloo-stage {
  align-self: end;
  width: 100%;
  margin: 0;
  padding-top: 28px;
  overflow: hidden;
}

.bloo {
  display: block;
  width: 100%;
  height: auto;
  overflow: hidden;
}

@media (max-width: 960px) {
  .work-card--cartoon-network {
    --bloo-frame-inset: clamp(54px, 12vw, 76px);
    grid-template-columns: minmax(0, 1fr);
  }

  .work-card--cartoon-network .work-card-copy {
    grid-row: 2;
    padding-block: 28px 36px;
  }

  .bloo-stage {
    grid-row: 1;
    width: min(100%, 520px);
    justify-self: end;
    padding-top: 12px;
  }
}