/* Canonical text marks — bar sits BELOW glyphs (incl. descenders), never cuts them */
:root{
  --y-line:0.26em;
  --y-pad:0.28em; /* >= --y-line so the bar lives in padding under the text */
  --yellow:#F3E733;
}

/*
  Paint the bar in bottom padding, not through the glyph box.
  line-height keeps descenders (g/y/p/q) inside the content area.
*/
.y,
h2.sec .y,
.testi .sec .y,
.cs-head h2 .y,
.fquote blockquote em,
h2 .u,
.hero h1 .u{
  display:inline-block;
  vertical-align:baseline;
  line-height:1.2 !important;
  background-color:transparent !important;
  background-image:linear-gradient(var(--yellow,#F3E733),var(--yellow,#F3E733)) !important;
  background-repeat:no-repeat !important;
  background-position:left bottom !important;
  background-size:100% var(--y-line,0.26em) !important;
  padding:0 .04em var(--y-pad,0.28em) !important;
  box-decoration-break:clone;
  -webkit-box-decoration-break:clone;
}

h2.sec .y,
.testi .sec .y,
h2 .u{
  color:inherit;
  padding:0 3px var(--y-pad,0.28em) !important;
}

.work h2.sec .y{
  color:#fff;
  background-image:linear-gradient(rgba(243,231,51,.9),rgba(243,231,51,.9)) !important;
}

.cta h2 .y,
.w-cta h2 .y{
  color:var(--ink,#111);
  background-image:linear-gradient(var(--ink,#111),var(--ink,#111)) !important;
}

/* White mark on yellow heroes (clients / industries / etc.) */
.hero h1 .u{
  white-space:nowrap;
  border-radius:2px;
  background-image:linear-gradient(rgba(255,255,255,.92),rgba(255,255,255,.92)) !important;
  padding:0 .06em var(--y-pad,0.28em) !important;
}

/* Give hero titles room for descenders (was often ~0.96 and clipped letters) */
.hero h1{
  line-height:1.08;
}

/* Yellow text only — no bar */
.hero h1 .y,
.latest h2.sec .y,
.uw-h1 .y,
.vault-head h2 .y,
.uw-cta h2 .y,
.cs-hero h1 .y,
h1.hook .y,
.cta h3 .y,
.contact h2 .y,
.move h2 .y,
.offices .head h2 .y,
.clients .head h2 .y,
.ctile .ov .tg .y,
.side .hours .y,
.hl li .y{
  display:inline;
  background:none !important;
  background-image:none !important;
  background-size:auto !important;
  color:var(--yellow,#F3E733);
  line-height:inherit !important;
  padding:0 !important;
}

.offices .head h2 .y,
.clients .head h2 .y{
  color:var(--yellow-deep,var(--yellow,#F3E733));
}
.y{
  line-height:0.7 !important;
}