/* Riviera 2.48.56 — real full photo, a small local veil for HTML copy only.
   Never place a 95% navy mask on photographs. Aesthetic CSS only.
   This is loaded after legacy 2.48.55 for a minimal reversible override. */
html body.rep14-home .rep14-root.rep50-showcase .rep50-intro::before {
 background-image:var(--rep50-banner)!important;
 background-size:cover!important;
 background-position:center center!important;
 filter:none!important;opacity:1!important;
}
html body.rep14-home .rep14-root.rep50-showcase .rep50-intro::after {
 background:linear-gradient(180deg,rgba(0,30,52,.06),rgba(0,30,52,.11) 45%,rgba(0,30,52,.06))!important;
}
html body.rep14-home .rep14-root.rep50-showcase .rep50-intro h1,
html body.rep14-home .rep14-root.rep50-showcase .rep50-intro p {
 text-shadow:0 2px 4px rgba(0,22,39,.96),0 5px 11px rgba(0,22,39,.72)!important;
}
html body.rep14-home .rep14-root.rep50-showcase .rep50-offer .rep50-photo {
 background-image:var(--rep50-photo)!important;
 background-size:cover!important;
 background-position:center!important;
 opacity:1!important;filter:none!important;transform:none!important;
}
/* Just a soft local darkening under the copy; the photographic image remains
   visible across 100% of each card, including on the left. */
html body.rep14-home .rep14-root.rep50-showcase .rep50-offer::after,
html body.rep14-home .rep14-root.rep50-showcase .rep50-tropez::after {
 background:linear-gradient(90deg,
  rgba(1,25,44,.41) 0%,rgba(1,25,44,.32) 24%,
  rgba(1,25,44,.14) 48%,rgba(1,25,44,.04) 66%,
  rgba(1,25,44,0) 78%)!important;
}
html body.rep14-home .rep14-root.rep50-showcase .rep50-offer h2,
html body.rep14-home .rep14-root.rep50-showcase .rep50-caption,
html body.rep14-home .rep14-root.rep50-showcase .rep50-perks,
html body.rep14-home .rep14-root.rep50-showcase .rep50-perks li {
 text-shadow:0 2px 3px #001b2b,0 3px 9px #001b2bd9!important;
}
@media(max-width:760px){
 html body.rep14-home .rep14-root.rep50-showcase .rep50-offer::after,
 html body.rep14-home .rep14-root.rep50-showcase .rep50-tropez::after {
  background:linear-gradient(90deg,rgba(0,25,44,.46),rgba(0,25,44,.34) 35%,rgba(0,25,44,.14) 73%,transparent)!important;
 }
}
@media(max-width:430px){
 html body.rep14-home .rep14-root.rep50-showcase .rep50-offer::after,
 html body.rep14-home .rep14-root.rep50-showcase .rep50-tropez::after {
  background:linear-gradient(90deg,rgba(0,25,44,.51),rgba(0,25,44,.34) 56%,rgba(0,25,44,.10) 100%)!important;
 }
}
