/* Liquid blob morph */
.blob-stage {
  display: grid;
  min-height: 72vh;
  place-items: center;
  padding: 32px;
  overflow: hidden;
  background: #111315;
  color: #f7f2e8;
}

.blob-layout {
  display: grid;
  width: min(1080px, 100%);
  grid-template-columns: minmax(300px, 1fr) minmax(0, 0.8fr);
  gap: clamp(24px, 6vw, 78px);
  align-items: center;
}

.blob-art {
  width: 100%;
  overflow: visible;
  filter: drop-shadow(0 24px 58px rgba(104, 216, 214, 0.22));
}

.blob-shape {
  fill: url(#blobGradient);
}

.blob-ring {
  fill: none;
  stroke: rgba(247, 242, 232, 0.32);
  stroke-width: 2;
}

.blob-layout p {
  color: rgba(247, 242, 232, 0.72);
}

@media (max-width: 820px) {
  .blob-layout {
    grid-template-columns: 1fr;
  }
}