/* Generated summit-inspired landscapes, scoped to approved page heroes. */
body[data-summit="dent-blanche"] {
  --summit-image: url("dent-blanche-crepuscule.webp");
  --summit-position: center 44%;
  --summit-mobile-position: 63% center;
}
body[data-summit="chasseron"] {
  --summit-image: url("chasseron-crepuscule.webp");
  --summit-position: center 42%;
  --summit-mobile-position: 63% center;
}
body[data-summit="grand-combin"] {
  --summit-image: url("grand-combin-crepuscule.webp");
  --summit-position: center;
  --summit-mobile-position: 52% center;
}
body[data-summit="dents-du-midi"] {
  --summit-image: url("dents-du-midi-crepuscule-avs.webp");
  --summit-position: center 54%;
  --summit-mobile-position: 64% center;
}

body[data-summit="moleson"] {
  --summit-image: url("moleson-crepuscule-avs.webp");
  --summit-position: center 44%;
  --summit-mobile-position: 61% center;
}

body[data-summit="tour-ai"] {
  --summit-image: url("tour-ai-crepuscule-avs.webp");
  --summit-position: center 43%;
  --summit-mobile-position: 62% center;
}

body[data-summit="rochers-naye"] {
  --summit-image: url("rochers-naye-crepuscule-avs.webp");
  --summit-position: center 40%;
  --summit-mobile-position: 60% center;
}

body[data-summit="dent-vaulion"] {
  --summit-image: url("dent-vaulion-crepuscule-avs.webp");
  --summit-position: center 45%;
  --summit-mobile-position: 63% center;
}

body[data-summit="dent-morcles"] {
  --summit-image: url("dent-morcles-crepuscule-avs.webp");
  --summit-position: center 34%;
  --summit-mobile-position: 65% center;
}

body[data-summit="grand-muveran"] {
  --summit-image: url("grand-muveran-crepuscule-avs.webp");
  --summit-position: center 42%;
  --summit-mobile-position: 64% center;
}

body[data-summit] .page-hero {
  background-image: var(--hero-overlay), var(--summit-image);
  background-position: center, var(--summit-position);
  background-size: cover;
}

@media (max-width: 1100px) {
  body[data-summit] .page-hero {
    background-position: center, var(--summit-mobile-position);
  }
}

body[data-summit="rochers-naye"] .page-hero .consent {
  color: #dce7ee;
}

body[data-summit="rochers-naye"] .page-hero .consent a {
  color: #fff;
  text-underline-offset: 3px;
}