/* remove problematic text-shadow only in Safari */
body.safari #headline h1,
body.safari #headline h1::before,
body.safari #headline h1::after {
  text-shadow: none !important;
  -webkit-text-shadow: none !important;
  filter: none !important; /* if you used blur filters for pseudo-elements */
}

/* Safari-specific tuning: make headline render thinner/cleaner */
body.safari #headline h1 {
  /* slightly lighter to match other browsers */
  font-weight: 500;                /* lowered from 600 */
  /* remove heavy shadows that make text look bolder in Safari */
  text-shadow: none !important;
  -webkit-text-shadow: none !important;

  /* improve subpixel antialiasing */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;

  /* small tracking to reduce perceived heaviness */
  letter-spacing: 0.02em;

  /* ensure no accidental stroke/filters apply */
  -webkit-text-stroke: 0;
  filter: none;
}

/* If you used a pseudo-element shadow (blur), hide it in Safari too */
body.safari #headline h1::before,
body.safari #headline h1::after {
  content: none !important;
  filter: none !important;
}

/* Safari-specific: reduce perceived weight for headings and the large "request" word */
body.safari #main_text h3,
body.safari #request p {
  /* remove layered shadows / strokes that make text look thicker in Safari */
  text-shadow: none !important;
  -webkit-text-shadow: none !important;
  -webkit-text-stroke: 0 !important;
  filter: none !important;

  /* tune smoothing & weight */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-weight: 400;         /* reduce weight for Safari render */
  letter-spacing: 0.01em;   /* slight tracking to reduce visual boldness */

  /* ensure no clipping or extra filters */
  backface-visibility: hidden;
  transform: translateZ(0);
}

/* If you used a blurred pseudo-shadow for these elements, hide it in Safari */
body.safari #main_text h3::before,
body.safari #main_text h3::after,
body.safari #request p::before,
body.safari #request p::after {
  content: none !important;
  filter: none !important;
}

/* Remove shadow for Safari only */
body.safari #headline h1 {
  text-shadow: none !important;
  -webkit-text-shadow: none !important;
}