/* Paysages de voyage : décor fixe, indépendant du contenu qui défile. */
#app{position:relative;z-index:1}
.journey-background{
  position:fixed;
  inset:0;
  z-index:0;
  overflow:hidden;
  pointer-events:none;
  background:radial-gradient(ellipse at 50% 46%,transparent 22%,var(--bg) 78%);
}
.journey-landscape{
  --landscape-opacity:0;
  --landscape-scale:1;
  position:absolute;
  inset:0;
  display:grid;
  place-items:center;
  opacity:var(--landscape-opacity);
  transform:scale(var(--landscape-scale));
  transition:opacity .28s linear,transform .45s ease-out;
  will-change:opacity,transform;
}
.journey-landscape img{
  display:block;
  width:clamp(820px,112vw,1920px);
  max-width:none;
  height:auto;
  max-height:94vh;
  object-fit:contain;
  filter:saturate(1.04);
}
:root[data-theme=dark] .journey-background{
  background:radial-gradient(ellipse at 50% 46%,transparent 18%,var(--bg) 80%);
}
:root[data-theme=dark] .journey-landscape img{
  filter:saturate(1.12) brightness(.64) contrast(1.08);
}
@media(max-width:790px){
  .journey-landscape img{width:max(760px,172vw);max-height:none}
}
@media(prefers-reduced-motion:reduce){
  .journey-landscape{transition:none;will-change:auto}
  .journey-landscape:not(:first-child){display:none}
  .journey-landscape:first-child{opacity:.22!important;transform:none!important}
}

/* Carousel de paysages fixe : mouvement lisible, sans déplacer le contenu. */
.journey-landscape{
  --landscape-shift:0vw;
  --landscape-tilt:0deg;
}
.journey-landscape img{
  transform:translateX(var(--landscape-shift)) rotate(var(--landscape-tilt)) scale(var(--landscape-scale));
  transition:opacity .36s linear,transform .48s cubic-bezier(.22,.8,.32,1);
}
@media(min-width:901px){
  /* Le contenu reste équilibré, mais sans la grande réserve vide initiale. */
  .home{padding-top:12px}
  .hero-grid{min-height:620px;align-items:center}
  .copy{padding-top:0}
  .art{height:620px}
}
@media(max-width:900px){
  .home{min-height:auto}
  .copy{padding-top:24px}
  .art{height:500px;margin-top:-4px}
}
@media(max-width:520px){
  .copy{padding-top:18px}
  .art{height:450px}
  .journey-landscape img{width:max(680px,156vw)}
}

/* Le watermark historique devient la première étape de la roue, pas un calque permanent. */
.journey-background-ready .watermark{opacity:0;background:none}