/* Desktop: red fill + subtle white stroke outline */
.hero-c h1 span {
  color: #C4485A !important;
  -webkit-text-stroke: 0.5px rgba(255,255,255,0.35) !important;
  paint-order: stroke fill !important;
  font-weight: 300 !important;
}

/* Mobile: red fill + clean white text-shadow outline (no text-stroke) */
@media (max-width: 768px) {
  .hero-c h1 span {
    color: #C4485A !important;
    -webkit-text-stroke: 0 !important;
    paint-order: normal !important;
    font-weight: 300 !important;
    text-shadow:
      -1px -1px 0 rgba(255,255,255,0.4),
       1px -1px 0 rgba(255,255,255,0.4),
      -1px  1px 0 rgba(255,255,255,0.4),
       1px  1px 0 rgba(255,255,255,0.4) !important;
  }
}