/* v2.2.0 — Step Into The World */
.ww-journey--v220{display:block;padding:72px 3vw 54px;min-height:760px;overflow:hidden;background:radial-gradient(circle at 50% 45%,rgba(43,111,121,.22),transparent 32%),radial-gradient(circle at 50% 30%,rgba(217,173,88,.08),transparent 48%),linear-gradient(180deg,#06141b 0%,#02090d 100%)}
.ww-journey--v220 .ww-journey__intro{max-width:760px;margin:0 auto 10px;padding:0;text-align:center}
.ww-journey--v220 .ww-journey__intro h2{margin:8px 0 15px;font:400 clamp(42px,5vw,76px)/1 Georgia,serif}
.ww-journey--v220 .ww-journey__intro>p:last-child{margin:0 auto;color:var(--ww-muted);max-width:600px}
.ww-cosmos{position:relative;width:min(1120px,96vw);height:540px;margin:0 auto;isolation:isolate;touch-action:pan-y}
.ww-cosmos__rings{position:absolute;inset:34px 7% 30px;pointer-events:none;z-index:0}
.ww-cosmos__rings i{position:absolute;inset:auto 0 0;height:78%;border:1px solid rgba(217,173,88,.22);border-bottom-color:rgba(217,173,88,.1);border-radius:50%;transform:rotate(-4deg)}
.ww-cosmos__rings i:nth-child(2){inset:52px 8% 20px;transform:rotate(5deg)}
.ww-cosmos__rings i:nth-child(3){inset:105px 17% 42px;transform:rotate(-1deg);opacity:.72}
.ww-cosmos__center{position:absolute;left:50%;top:48%;z-index:10;width:min(360px,34vw);transform:translate(-50%,-50%);text-align:center}
.ww-cosmos__glass{position:relative;aspect-ratio:1;border-radius:50%;padding:10px;background:linear-gradient(145deg,rgba(255,255,255,.42),rgba(217,173,88,.16) 28%,rgba(2,9,13,.55) 78%);box-shadow:0 0 0 1px rgba(239,207,143,.56),0 0 0 10px rgba(217,173,88,.035),0 34px 80px rgba(0,0,0,.62),inset 0 0 34px rgba(255,255,255,.18)}
.ww-cosmos__media{position:relative;width:100%;height:100%;overflow:hidden;border-radius:50%;background:#02090d}
.ww-cosmos__media img,.ww-cosmos__media video{width:100%;height:100%;object-fit:cover;display:block}
.ww-cosmos__shine{position:absolute;inset:5%;border-radius:50%;pointer-events:none;background:radial-gradient(circle at 28% 18%,rgba(255,255,255,.38),transparent 21%),linear-gradient(145deg,rgba(255,255,255,.12),transparent 36%);mix-blend-mode:screen}
.ww-cosmos__caption{max-width:390px;margin:18px auto 0;min-height:128px}
.ww-cosmos__caption h3{margin:3px 0 7px;font:400 clamp(25px,2.4vw,38px)/1.05 Georgia,serif}
.ww-cosmos__caption>p:last-of-type{margin:0;color:var(--ww-muted);font-size:14px;line-height:1.55;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.ww-cosmos__video-toggle{margin-top:12px;border:1px solid rgba(217,173,88,.5);border-radius:999px;background:rgba(2,9,13,.56);color:var(--ww-gold-soft);padding:9px 15px;text-transform:uppercase;letter-spacing:.09em;font-size:9px;cursor:pointer}
.ww-cosmos__nodes{position:absolute;inset:0;z-index:5}
.ww-cosmos__node{--angle:0deg;position:absolute;left:50%;top:49%;width:124px;border:0;background:transparent;color:#fff;cursor:pointer;text-align:center;transform:translate(-50%,-50%) rotate(var(--angle)) translateX(390px) rotate(calc(var(--angle) * -1)) scale(.82);transition:transform .55s cubic-bezier(.2,.75,.2,1),opacity .35s,filter .35s;opacity:.72}
.ww-cosmos__node:nth-child(1){--angle:-158deg}.ww-cosmos__node:nth-child(2){--angle:-104deg}.ww-cosmos__node:nth-child(3){--angle:-50deg}.ww-cosmos__node:nth-child(4){--angle:4deg}.ww-cosmos__node:nth-child(5){--angle:58deg}.ww-cosmos__node:nth-child(6){--angle:112deg}.ww-cosmos__node:nth-child(n+7){display:none}
.ww-cosmos__node-glass{position:relative;display:block;aspect-ratio:1;border-radius:50%;padding:5px;background:linear-gradient(145deg,rgba(255,255,255,.28),rgba(217,173,88,.14),rgba(2,9,13,.7));box-shadow:0 0 0 1px rgba(217,173,88,.45),0 14px 34px rgba(0,0,0,.46)}
.ww-cosmos__node-glass:after{content:"";position:absolute;inset:6px;border-radius:50%;background:radial-gradient(circle at 30% 18%,rgba(255,255,255,.32),transparent 24%);pointer-events:none}
.ww-cosmos__node img{width:100%;height:100%;object-fit:cover;border-radius:50%;display:block}
.ww-cosmos__node-label{display:grid;gap:2px;margin-top:8px}.ww-cosmos__node small{color:var(--ww-gold-soft);font-size:9px}.ww-cosmos__node strong{font-size:9px;text-transform:uppercase;letter-spacing:.075em;white-space:nowrap}
.ww-cosmos__node:hover,.ww-cosmos__node:focus-visible{opacity:1;filter:saturate(1.15);transform:translate(-50%,-50%) rotate(var(--angle)) translateX(390px) rotate(calc(var(--angle) * -1)) scale(.94)}
.ww-cosmos__node.is-active{opacity:0;pointer-events:none}
.ww-cosmos__arrow{position:absolute;top:48%;z-index:15;width:46px;height:46px;border-radius:50%;border:1px solid rgba(217,173,88,.55);background:rgba(2,9,13,.72);color:var(--ww-gold-soft);cursor:pointer;font-size:19px;transform:translateY(-50%)}
.ww-cosmos__arrow--prev{left:0}.ww-cosmos__arrow--next{right:0}
.ww-cosmos__hint{margin:8px 0 0;text-align:center;color:rgba(245,240,231,.45);font-size:10px;text-transform:uppercase;letter-spacing:.12em}
@media(max-width:1050px){.ww-journey--v220{min-height:700px}.ww-cosmos{height:500px}.ww-cosmos__center{width:min(320px,38vw)}.ww-cosmos__node{transform:translate(-50%,-50%) rotate(var(--angle)) translateX(330px) rotate(calc(var(--angle) * -1)) scale(.76)}.ww-cosmos__node:hover,.ww-cosmos__node:focus-visible{transform:translate(-50%,-50%) rotate(var(--angle)) translateX(330px) rotate(calc(var(--angle) * -1)) scale(.88)}}
@media(max-width:720px){.ww-journey--v220{min-height:auto;padding:60px 20px 44px}.ww-cosmos{height:auto;width:100%;display:grid;gap:28px}.ww-cosmos__rings,.ww-cosmos__arrow{display:none}.ww-cosmos__center{position:relative;left:auto;top:auto;width:min(330px,84vw);margin:22px auto 0;transform:none}.ww-cosmos__caption{min-height:112px}.ww-cosmos__nodes{position:relative;inset:auto;display:flex;gap:14px;overflow-x:auto;padding:8px 6px 18px;scroll-snap-type:x mandatory}.ww-cosmos__node,.ww-cosmos__node:hover,.ww-cosmos__node:focus-visible{position:relative;left:auto;top:auto;transform:none;opacity:1;filter:none;flex:0 0 108px;width:108px;scroll-snap-align:center}.ww-cosmos__node:nth-child(n+7){display:block}.ww-cosmos__node.is-active{opacity:.42;pointer-events:auto}.ww-cosmos__hint{margin-top:0}}
@media(prefers-reduced-motion:reduce){.ww-cosmos__node{transition:none}}


/* v2.5.8 — Clean Arc Journey
 * Replace the orbital / solar-system composition with one calm architectural arc.
 * The selected shot remains large in the centre. Other shots sit on one fixed bow.
 */
@media (min-width:721px){
  .ww-journey--v220{
    min-height:720px;
    padding-top:66px;
    background:
      radial-gradient(circle at 50% 42%,rgba(43,111,121,.16),transparent 31%),
      linear-gradient(180deg,#06141b 0%,#02090d 100%);
  }

  .ww-cosmos{
    width:min(1160px,96vw);
    height:515px;
    margin-top:8px;
  }

  /* One single quiet guide arc instead of three orbital rings. */
  .ww-cosmos__rings{
    display:block;
    position:absolute;
    left:6%;
    right:6%;
    top:60px;
    bottom:auto;
    height:285px;
    z-index:1;
    overflow:hidden;
    pointer-events:none;
  }
  .ww-cosmos__rings i{display:none}
  .ww-cosmos__rings::before{
    content:"";
    position:absolute;
    left:2%;
    right:2%;
    top:72px;
    height:330px;
    border:1px solid rgba(217,173,88,.22);
    border-bottom:0;
    border-radius:50% 50% 0 0 / 62% 62% 0 0;
  }

  .ww-cosmos__center{
    top:45%;
    width:min(350px,31vw);
  }

  /* Nodes no longer orbit. JS assigns a fixed arc slot after every selection. */
  .ww-cosmos__nodes{
    position:absolute;
    inset:0;
    z-index:6;
  }
  .ww-cosmos__node,
  .ww-cosmos__node:hover,
  .ww-cosmos__node:focus-visible{
    --arc-x:50%;
    --arc-y:50%;
    --arc-scale:1;
    position:absolute;
    left:var(--arc-x);
    top:var(--arc-y);
    width:104px;
    transform:translate(-50%,-50%) scale(var(--arc-scale)) !important;
    opacity:.78;
    filter:none;
    transition:
      left .55s cubic-bezier(.2,.75,.2,1),
      top .55s cubic-bezier(.2,.75,.2,1),
      transform .4s cubic-bezier(.2,.75,.2,1),
      opacity .3s ease;
  }
  .ww-cosmos__node:nth-child(n+7){display:block}
  .ww-cosmos__node.is-outside-arc{display:none}
  .ww-cosmos__node:hover,
  .ww-cosmos__node:focus-visible{
    opacity:1;
    --arc-scale:1.06;
  }

  /* Six calm positions around the selected centre image. Extra shots stay
     available through the arrows and move into view as the selection changes. */
  .ww-cosmos__node[data-arc-slot="-3"]{--arc-x:12%;--arc-y:68%;--arc-scale:.78}
  .ww-cosmos__node[data-arc-slot="-2"]{--arc-x:23%;--arc-y:49%;--arc-scale:.88}
  .ww-cosmos__node[data-arc-slot="-1"]{--arc-x:34%;--arc-y:32%;--arc-scale:.96}
  .ww-cosmos__node[data-arc-slot="1"] {--arc-x:66%;--arc-y:32%;--arc-scale:.96}
  .ww-cosmos__node[data-arc-slot="2"] {--arc-x:77%;--arc-y:49%;--arc-scale:.88}
  .ww-cosmos__node[data-arc-slot="3"] {--arc-x:88%;--arc-y:68%;--arc-scale:.78}

  .ww-cosmos__node.is-active{
    opacity:0;
    pointer-events:none;
  }

  .ww-cosmos__node-glass{
    padding:4px;
    box-shadow:
      0 0 0 1px rgba(217,173,88,.4),
      0 12px 28px rgba(0,0,0,.42);
  }

  .ww-cosmos__arrow{top:48%}
  .ww-cosmos__arrow--prev{left:1%}
  .ww-cosmos__arrow--next{right:1%}
}

/* Tablet keeps the same single-arc language, just tighter. */
@media (max-width:1050px) and (min-width:721px){
  .ww-cosmos{height:500px}
  .ww-cosmos__center{width:min(315px,34vw)}
  .ww-cosmos__node,
  .ww-cosmos__node:hover,
  .ww-cosmos__node:focus-visible{width:92px}
  .ww-cosmos__node[data-arc-slot="-3"]{--arc-x:10%;--arc-y:68%}
  .ww-cosmos__node[data-arc-slot="-2"]{--arc-x:22%;--arc-y:50%}
  .ww-cosmos__node[data-arc-slot="-1"]{--arc-x:34%;--arc-y:34%}
  .ww-cosmos__node[data-arc-slot="1"] {--arc-x:66%;--arc-y:34%}
  .ww-cosmos__node[data-arc-slot="2"] {--arc-x:78%;--arc-y:50%}
  .ww-cosmos__node[data-arc-slot="3"] {--arc-x:90%;--arc-y:68%}
}

/* v2.3 orbit rotation is intentionally disabled: the arc never rotates. */
.ww-journey--v230 .ww-cosmos__rings,
.ww-journey--v230[data-travel-direction="next"].is-travelling .ww-cosmos__rings,
.ww-journey--v230[data-travel-direction="prev"].is-travelling .ww-cosmos__rings{
  transform:none !important;
}