/** Shopify CDN: Minification failed

Line 20:18 Unexpected "{"
Line 20:27 Expected ":"
Line 29:18 Unexpected "{"
Line 29:27 Expected ":"
Line 38:18 Unexpected "{"
Line 38:27 Expected ":"
Line 52:18 Unexpected "{"
Line 52:27 Expected ":"
Line 55:18 Unexpected "{"
Line 55:27 Expected ":"
... and 18 more hidden warnings

**/
/* =========================
   Section Base
========================= */

#shopify-section-{{ section.id }} .media-banner--indicator {
  background: rgb(var(--color-background));
}

/* =========================
   Layout & Vertical Alignment
========================= */

/* Ensure row behaves predictably */
#shopify-section-{{ section.id }} 
.media-banner--indicator 
.media-banner__content-wrapper--row {
  display: flex;
  align-items: center;     /* vertical centre text + image */
  gap: 64px;
}

/* Left column becomes a centred flex column */
#shopify-section-{{ section.id }} 
.media-banner--indicator 
.media-banner__promo {
  display: flex;
  flex-direction: column;
  justify-content: center; /* vertical centre within column */
  align-items: flex-start;
  gap: 18px;               /* spacing between text elements */
  max-width: 540px;
  height: 100%;
  text-align: left;
}

/* Remove default theme margins that interfere */
#shopify-section-{{ section.id }} 
.media-banner--indicator 
.media-banner__promo--heading,
#shopify-section-{{ section.id }} 
.media-banner--indicator 
.media-banner__promo--description,
#shopify-section-{{ section.id }} 
.media-banner--indicator 
.media-banner__kicker {
  margin: 0;
}

/* =========================
   Typography
========================= */

/* Gradient kicker */
#shopify-section-{{ section.id }} 
.media-banner--indicator 
.media-banner__kicker {
  font-weight: 500;
  font-size: 2rem;
  background: linear-gradient(
    90deg,
    hsla(221, 100%, 67%, 1),
    hsla(298, 80%, 60%, 1)
  );

  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}

/* Heading respects colour scheme */
#shopify-section-{{ section.id }} 
.media-banner--indicator 
.media-banner__promo--heading {
  color: rgb(var(--color-foreground));
  line-height: 0.95;
  letter-spacing: -0.02em;
}

/* Description respects scheme */
#shopify-section-{{ section.id }} 
.media-banner--indicator 
.media-banner__promo--description {
  color: rgba(var(--color-foreground), 0.8);
  line-height: 1.6;
}

/* =========================
   Image
========================= */

#shopify-section-{{ section.id }} 
.media-banner--indicator 
.media-banner__media img {
  width: 100%;
  height: auto;
  display: block;
}

/* =========================
   Button (Gradient Stroke)
========================= */

#shopify-section-{{ section.id }} 
.media-banner--indicator 
.media-banner__button {
  position: relative;
  border-radius: 12px;
  background: transparent;
  border: 0;
  padding: 14px 22px;
  text-transform: none;
  font-weight: 500;

  background-image: linear-gradient(
    90deg,
    hsla(221, 100%, 67%, 1),
    hsla(298, 80%, 60%, 1),
    hsla(260, 71%, 57%, 1)
  );

  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  transition: opacity 0.3s ease;
}
.button--secondary:not(:disabled):not([aria-disabled=true]):hover, .customer .button--secondary:not(:disabled):not([aria-disabled=true]):hover {
    color: #e080ec;
}
.svg-embed {
    color: #2c1a3a;
}

#shopify-section-{{ section.id }} 
.media-banner--indicator 
.media-banner__button::before {
  content: "";
  position: absolute;
  inset: 0;
  padding: 2px;
  border-radius: 12px;

  background: linear-gradient(
    90deg,
    hsla(221, 100%, 67%, 1),
    hsla(298, 80%, 60%, 1),
    hsla(260, 71%, 57%, 1)
  );

  -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;

  pointer-events: none;
}


/* =========================
   Mobile
========================= */

@media (max-width: 749px) {
  #shopify-section-{{ section.id }} 
  .media-banner--indicator 
  .media-banner__content-wrapper--row {
    flex-direction: column;
    gap: 32px;
  }

  #shopify-section-{{ section.id }} 
  .media-banner--indicator 
  .media-banner__promo {
    max-width: 100%;
    align-items: flex-start;
  }
}