/* v2.3.0 — The Living World
 * Adds cinematic continuity between perspectives without changing the approved
 * v2.2.0 orbit geometry.
 */
.ww-journey--v230{
  --ww-journey-image:none;
  position:relative;
}
.ww-journey--v230::before{
  content:"";
  position:absolute;
  inset:-4%;
  z-index:0;
  background-image:linear-gradient(180deg,rgba(2,9,13,.76),rgba(2,9,13,.9)),var(--ww-journey-image);
  background-position:center;
  background-size:cover;
  filter:blur(42px) saturate(.78);
  opacity:.23;
  transform:scale(1.08);
  transition:background-image .8s ease,opacity .8s ease;
  pointer-events:none;
}
.ww-journey--v230::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:1;
  background:radial-gradient(circle at 50% 49%,rgba(232,204,147,.12),transparent 18%,rgba(2,9,13,.08) 38%,rgba(2,9,13,.58) 82%);
  pointer-events:none;
}
.ww-journey--v230>.ww-journey__intro,
.ww-journey--v230>.ww-cosmos,
.ww-journey--v230>.ww-cosmos__hint{position:relative;z-index:2}
.ww-journey--v230 .ww-cosmos__glass{overflow:visible;transition:transform .72s cubic-bezier(.18,.76,.22,1),box-shadow .72s ease}
.ww-journey--v230.is-travelling .ww-cosmos__glass{transform:scale(.965);box-shadow:0 0 0 1px rgba(239,207,143,.48),0 0 0 14px rgba(217,173,88,.025),0 46px 96px rgba(0,0,0,.7),inset 0 0 38px rgba(255,255,255,.15)}
.ww-journey--v230 .ww-cosmos__media{isolation:isolate;transform:translateZ(0)}
.ww-journey--v230 .ww-cosmos__media>img,
.ww-journey--v230 .ww-cosmos__media>video{position:absolute;inset:0;will-change:transform,opacity,filter}
.ww-journey--v230 .ww-cosmos__media>.ww-media-current{z-index:2}
.ww-journey--v230 .ww-cosmos__media>.ww-media-entering{z-index:3;opacity:0;transform:scale(1.08) translateX(8%);filter:blur(8px);animation:wwLivingEnter .9s cubic-bezier(.18,.76,.22,1) forwards}
.ww-journey--v230[data-travel-direction="prev"] .ww-cosmos__media>.ww-media-entering{transform:scale(1.08) translateX(-8%)}
.ww-journey--v230 .ww-cosmos__media>.ww-media-leaving{z-index:2;animation:wwLivingLeave .78s cubic-bezier(.4,0,.2,1) forwards}
.ww-journey--v230[data-travel-direction="prev"] .ww-cosmos__media>.ww-media-leaving{animation-name:wwLivingLeavePrev}
@keyframes wwLivingEnter{0%{opacity:0;transform:scale(1.08) translateX(8%);filter:blur(8px)}55%{opacity:1;filter:blur(1px)}100%{opacity:1;transform:scale(1) translateX(0);filter:blur(0)}}
@keyframes wwLivingLeave{0%{opacity:1;transform:scale(1) translateX(0);filter:blur(0)}100%{opacity:0;transform:scale(.94) translateX(-7%);filter:blur(6px)}}
@keyframes wwLivingLeavePrev{0%{opacity:1;transform:scale(1) translateX(0);filter:blur(0)}100%{opacity:0;transform:scale(.94) translateX(7%);filter:blur(6px)}}
.ww-journey--v230 .ww-cosmos__caption>*{transition:opacity .34s ease,transform .5s cubic-bezier(.18,.76,.22,1)}
.ww-journey--v230.is-travelling .ww-cosmos__caption>*{opacity:0;transform:translateY(10px)}
.ww-journey--v230.is-arrived .ww-cosmos__caption>*{animation:wwCaptionArrive .62s cubic-bezier(.18,.76,.22,1) both}
.ww-journey--v230.is-arrived .ww-cosmos__caption>*:nth-child(2){animation-delay:.04s}
.ww-journey--v230.is-arrived .ww-cosmos__caption>*:nth-child(3){animation-delay:.08s}
.ww-journey--v230.is-arrived .ww-cosmos__caption>*:nth-child(4){animation-delay:.12s}
@keyframes wwCaptionArrive{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
.ww-journey--v230 .ww-cosmos__rings{transition:transform .9s cubic-bezier(.18,.76,.22,1)}
.ww-journey--v230[data-travel-direction="next"].is-travelling .ww-cosmos__rings{transform:rotate(2.25deg) scale(1.01)}
.ww-journey--v230[data-travel-direction="prev"].is-travelling .ww-cosmos__rings{transform:rotate(-2.25deg) scale(1.01)}
.ww-journey--v230 .ww-cosmos__node{will-change:transform,opacity}
.ww-journey--v230 .ww-journey-progress{position:absolute;left:50%;bottom:24px;z-index:16;width:min(420px,42vw);height:1px;transform:translateX(-50%);background:rgba(239,207,143,.14);overflow:hidden}
.ww-journey--v230 .ww-journey-progress__bar{display:block;width:0;height:100%;background:linear-gradient(90deg,rgba(217,173,88,.25),rgba(239,207,143,.95));transition:width .75s cubic-bezier(.18,.76,.22,1)}
.ww-journey--v230 .ww-journey-progress__label{position:absolute;right:0;bottom:8px;color:rgba(245,240,231,.5);font-size:9px;letter-spacing:.12em;text-transform:uppercase;white-space:nowrap}
@media(max-width:720px){
  .ww-journey--v230::before{filter:blur(28px);opacity:.18}
  .ww-journey--v230 .ww-journey-progress{position:relative;left:auto;bottom:auto;width:76%;margin:0 auto 6px;transform:none}
  .ww-journey--v230 .ww-journey-progress__label{display:none}
}
@media(prefers-reduced-motion:reduce){
  .ww-journey--v230::before,.ww-journey--v230 .ww-cosmos__glass,.ww-journey--v230 .ww-cosmos__rings,.ww-journey--v230 .ww-cosmos__caption>*{transition:none}
  .ww-journey--v230 .ww-cosmos__media>.ww-media-entering,.ww-journey--v230 .ww-cosmos__media>.ww-media-leaving{animation:none;opacity:1;transform:none;filter:none}
  .ww-journey--v230.is-arrived .ww-cosmos__caption>*{animation:none}
}