/*
  iJRNY: the outlined half of each hero headline.
  Website developed by pressific.com Emily Park, Dileep C. Kaluaratchie and Tech Generation Ltd.

  The heroes are two-tone: the first half solid white, the second half drawn as
  an outline, transparent inside with a 2px white stroke. The de-theme compiler
  reads authored CSS and captures `color`, but it does not carry
  -webkit-text-fill-color or -webkit-text-stroke, so the outline collapsed into
  the solid colour sitting underneath it: #152532, the brand navy, on a dark
  photograph. That is why "Experience the Future of Response" shipped with only
  the first three words legible.

  The colour was never the problem and lightening it would have been the wrong
  fix. These are the values the original serves, read off the restored
  WordPress copy rather than guessed:

      -webkit-text-fill-color:   rgba(255, 255, 255, 0)
      -webkit-text-stroke-color: #ffffff
      -webkit-text-stroke-width: 2px

  Not every suffix is outlined, which the first version of this file got wrong
  by styling all of them. "ission" and "alues" complete the words "our mission"
  and "our values" on a white section, and the Arabic contact page's iJRNY is
  solid too. A white stroke over a transparent fill erased all three, so the
  About page read "our m". Which spans the original strokes was checked page by
  page against the restored copy: nineteen are outlined, three are not, and
  those three carry .ij-plain.

  The .infix half is left alone: it is solid white with a zero-width stroke,
  exactly as it already renders.
*/

.df-heading .suffix:not(.ij-plain) {
  -webkit-text-fill-color: rgba(255, 255, 255, 0);
  -webkit-text-stroke-color: #ffffff;
  -webkit-text-stroke-width: 2px;
  paint-order: stroke fill;
}

/* The stroke is hairline-thin on a small screen at this size, so the original
   keeps the same 2px against a smaller face. Matching it rather than scaling. */
@media only screen and (max-width: 767px) {
  .df-heading .suffix:not(.ij-plain) {
    -webkit-text-fill-color: rgba(255, 255, 255, 0);
    -webkit-text-stroke-color: #ffffff;
    -webkit-text-stroke-width: 2px;
  }
}

/* ---- line collisions -----------------------------------------------------
   These headings are authored with a line-height smaller than their font-size,
   75px type on a 60px line. In the original that is survivable because the
   column is narrower and the text wraps to fewer lines. Our column is wider,
   the text wraps differently, and the descenders of one line cut through the
   caps of the next: "runs on everyday devices for fast adoption without
   expensive infrastructure." arrives as a stack of overlapping words.

   A floor rather than an override: lines never sit closer than the type is
   tall, so nothing collides, and any heading whose authored line-height is
   already generous keeps it untouched. */
.df-heading,
.df-heading .prefix,
.df-heading .infix,
.df-heading .suffix,
.df_adh_heading h1,
.df_adh_heading h2,
.df_adh_heading h3 {
  line-height: max(1em, var(--ij-lh, 0px)) !important;
}