/* ============================================
   FLAME WRAP — Canvas UI port for vanilla HTML
   ============================================ */

.flame-wrap {
  position: relative;
  display: flex;
  min-height: 420px;
  border-radius: 24px;
  overflow: visible;
  background: transparent;
}

/* The service-card inside flame-wrap */
.flame-wrap > .service-card {
  flex: 1;
  border-radius: inherit;
  position: relative;
  z-index: 1;
  min-height: 420px;
  cursor: pointer;
  overflow: hidden;
  background: #1a1a1a;
}

/* Output canvas for the flame effect — on top of card edges */
.flame-output {
  position: absolute;
  pointer-events: none;
  z-index: 2;
}