/* Shared image-hero adjustment — image backed only, preserve solid-colour hero design. */
.syg-detail-hero:not(.syg-detail-hero--no-image) .syg-detail-hero__overlay {
  background:linear-gradient(0deg,rgba(11,23,36,.58) 0%,rgba(11,23,36,.30) 30%,rgba(11,23,36,.08) 68%,rgba(11,23,36,.03) 100%);
}
.syg-editorial-hero::before {
  background:linear-gradient(90deg,rgba(2,16,30,.84) 0%,rgba(3,20,37,.74) 24%,rgba(3,20,37,.43) 43%,rgba(3,20,37,.12) 66%,rgba(3,20,37,.02) 100%);
}
.syg-editorial-hero::after {
  background:linear-gradient(180deg,rgba(2,14,27,0) 0%,rgba(2,14,27,.22) 45%,rgba(2,14,27,.53) 100%);
}
.syg-guide-detail-hero::after {background:linear-gradient(0deg,rgba(11,23,36,.55) 0%,rgba(11,23,36,.25) 58%,rgba(11,23,36,.07) 100%);}
.syg-guides-hero::after {background:linear-gradient(90deg,rgba(11,23,36,.77) 0%,rgba(11,23,36,.52) 48%,rgba(11,23,36,.13) 100%);}
.syg-service-image-hero__overlay {
  background:linear-gradient(90deg,rgba(5,18,31,.68) 0%,rgba(5,18,31,.47) 42%,rgba(5,18,31,.14) 72%,rgba(5,18,31,.04) 100%);
}
@media(max-width:650px) {
 .syg-editorial-hero::before {background:linear-gradient(180deg,rgba(2,16,30,.59) 0%,rgba(2,16,30,.43) 54%,rgba(2,16,30,.65) 100%);}
}


/* Text legibility on lighter image heroes; no additional photo mask. */
.syg-detail-hero:not(.syg-detail-hero--no-image) .syg-eyebrow,
.syg-editorial-hero__eyebrow,
.syg-guides-hero .syg-guides-eyebrow,
.syg-guide-detail-hero .syg-eyebrow,
.syg-service-image-hero .syg-eyebrow {
  text-shadow:0 1px 2px rgba(0,0,0,.94),0 2px 7px rgba(0,0,0,.85),0 0 17px rgba(0,0,0,.68);
}
.syg-detail-hero:not(.syg-detail-hero--no-image) .syg-eyebrow {color:#fff0c9;}
.syg-detail-hero:not(.syg-detail-hero--no-image) h1,
.syg-editorial-hero__title,
.syg-guides-hero h1,
.syg-guide-detail-hero h1,
.syg-service-image-hero h1 {
  text-shadow:0 2px 3px rgba(0,0,0,.83),0 5px 15px rgba(0,0,0,.65),0 0 28px rgba(0,0,0,.37);
}
.syg-detail-hero:not(.syg-detail-hero--no-image) .lead,
.syg-detail-hero:not(.syg-detail-hero--no-image) .lead p,
.syg-editorial-hero__description,
.syg-guides-hero .lead,
.syg-guide-detail-hero .lead,
.syg-service-image-hero .lead {
  text-shadow:0 1px 3px rgba(0,0,0,.80),0 3px 10px rgba(0,0,0,.64);
}
.syg-detail-hero:not(.syg-detail-hero--no-image) .syg-detail-hero__meta span,
.syg-editorial-hero__trust {text-shadow:0 1px 2px rgba(0,0,0,.75),0 2px 6px rgba(0,0,0,.50);}