/* Entrées photographiques propres aux quatre offres FlyVic. */
.offer-photo-hero,
.sur-mesure-page .offer-hero,
.clarification-page .offer-hero{
  position:relative;
  isolation:isolate;
  display:flex;
  align-items:center;
  min-height:clamp(620px,78svh,760px);
  overflow:hidden;
  border-bottom:0;
  background-color:#173555;
  background-position:center;
  background-size:cover;
  color:var(--paper);
}
.sur-mesure-page .offer-hero{background-image:url("assets/offers/hero-sur-mesure.png");}
.clarification-page .offer-hero{background-image:url("assets/offers/hero-clarification.png");}
.sur-mesure-page .offer-hero::before,
.clarification-page .offer-hero::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  background:linear-gradient(90deg,rgba(9,28,53,.68) 0%,rgba(11,34,62,.53) 37%,rgba(11,34,62,.12) 68%,rgba(11,34,62,.02) 100%),linear-gradient(0deg,rgba(10,29,52,.27),transparent 58%);
}
.sur-mesure-page .offer-hero>.wrap,
.clarification-page .offer-hero>.wrap{width:100%;padding-block:64px;}
.sur-mesure-page .offer-hero h1,
.clarification-page .offer-hero h1{color:var(--paper);text-shadow:0 2px 24px rgba(3,14,29,.2);}
.sur-mesure-page .offer-hero .sub,
.clarification-page .offer-hero .sub{color:rgba(255,255,255,.92);text-shadow:0 1px 15px rgba(3,14,29,.45);}
.sur-mesure-page .offer-hero .eyebrow,
.clarification-page .offer-hero .eyebrow{color:var(--gold-light);}
.sur-mesure-page .offer-hero .eyebrow::before,
.clarification-page .offer-hero .eyebrow::before{background:var(--gold-light);}
.sur-mesure-page .offer-price-tag,
.clarification-page .offer-price-tag{color:var(--gold-light);}
.sur-mesure-page .offer-price-tag small,
.sur-mesure-page .offer-price-tag sup,
.clarification-page .offer-price-tag sup{color:rgba(255,255,255,.8)!important;}

@media(max-width:700px){
  .sur-mesure-page .offer-hero,
  .clarification-page .offer-hero{min-height:680px;align-items:flex-end;background-position:66% center;}
  .clarification-page .offer-hero{background-position:61% center;}
  .sur-mesure-page .offer-hero::before,
  .clarification-page .offer-hero::before{background:linear-gradient(0deg,rgba(8,26,50,.74) 0%,rgba(8,26,50,.47) 52%,rgba(8,26,50,.05) 88%);}
  .sur-mesure-page .offer-hero>.wrap,
  .clarification-page .offer-hero>.wrap{padding-block:54px 46px;}
}