/* ============================================================
   StrokeText (port dari komponen React "StrokeText", React Bits)
   Teks digambar sebagai outline SVG lalu diisi warna. Dipakai di
   eyebrow hero beranda (js/stroke-text.js).
   ============================================================ */
.stroke-text {
  display: block;
  width: 100%;
  line-height: 0;
}

.stroke-text--hover {
  cursor: pointer;
}

.stroke-text__svg {
  display: block;
  width: 100%;
  max-width: var(--stroke-text-width, 600px);
  height: auto;
  margin: 0 auto;
  overflow: visible;
}

.stroke-text__stroke,
.stroke-text__fill {
  user-select: none;
}