/* V4 — prolongement des courbes du volet Réalisation.
   Uniquement sur les sections explicitement marquées ; aucun sélecteur
   ne cible les boussoles, héros, contacts ou décors précédemment validés. */
.v4-site .landscape-section {
  position: relative;
  isolation: isolate;
}
.v4-site .section-landscape {
  position: absolute;
  inset: 0;
  z-index: -1;
  overflow: hidden;
  pointer-events: none;
  user-select: none;
  --landscape-width: 950px;
  --landscape-height: 500px;
  --landscape-right: -370px;
  --landscape-top: -280px;
  --landscape-angle: -22deg;
  --landscape-strength: 1;
  opacity: var(--landscape-strength);
}
.v4-site .section-landscape::before,
.v4-site .section-landscape::after {
  content: '';
  position: absolute;
  width: var(--landscape-width);
  height: var(--landscape-height);
  right: var(--landscape-right);
  top: var(--landscape-top);
  border: 1px solid rgba(217, 54, 54, .12);
  border-radius: 50%;
  transform: rotate(var(--landscape-angle));
  pointer-events: none;
}
.v4-site .section-landscape::after {
  right: calc(var(--landscape-right) + 55px);
  top: calc(var(--landscape-top) + 60px);
  border-color: rgba(30, 33, 51, .07);
  box-shadow: 0 0 0 54px rgba(30, 33, 51, .018);
}
/* Contrepoint à gauche : une large courbe remonte depuis le bas. */
.v4-site .section-landscape--sweep {
  --landscape-angle: 24deg;
  --landscape-strength: .9;
}
.v4-site .section-landscape--sweep::before,
.v4-site .section-landscape--sweep::after {
  top: auto;
  right: auto;
  left: -420px;
  bottom: -300px;
}
.v4-site .section-landscape--sweep::after {
  left: -365px;
  bottom: -240px;
}
/* Variation plus ouverte : tracé long, presque horizontal, en marge du titre. */
.v4-site .section-landscape--horizon {
  --landscape-width: 1250px;
  --landscape-height: 440px;
  --landscape-right: -650px;
  --landscape-top: -220px;
  --landscape-angle: -12deg;
  --landscape-strength: .75;
}
/* Les sections de liaison restent aérées, décor uniquement dans leurs marges. */
.v4-site .section-landscape--bridge {
  --landscape-width: 750px;
  --landscape-height: 560px;
  --landscape-angle: 32deg;
  --landscape-strength: .8;
}
.v4-site .section-landscape--bridge::before,
.v4-site .section-landscape--bridge::after {
  right: auto;
  left: -525px;
  top: -290px;
}
.v4-site .section-landscape--bridge::after {
  left: -470px;
  top: -230px;
}
/* Autonomie : alterner avec les courbes à gauche de la section Format. */
body[data-page="phase-2a-autonomie"] #pont-section .section-landscape--bridge {
  transform: scaleX(-1);
}
@media (max-width: 900px) {
  .v4-site .section-landscape { opacity: calc(var(--landscape-strength) * .65); }
}
@media (max-width: 600px) {
  .v4-site .section-landscape {
    --landscape-width: 680px;
    --landscape-height: 380px;
    --landscape-right: -460px;
    --landscape-top: -200px;
  }
  .v4-site .section-landscape--sweep::before { left: -520px; bottom: -170px; }
  .v4-site .section-landscape--sweep::after { left: -465px; bottom: -110px; }
  .v4-site .section-landscape--horizon { --landscape-top: -230px; }
  .v4-site .section-landscape--bridge::before { left: -565px; top: -230px; }
  .v4-site .section-landscape--bridge::after { left: -510px; top: -170px; }
}
@media print {
  .v4-site .section-landscape { display: none; }
}