/* resa.css — scroll-driven camera dolly: Three.js-scen + flytande text per station. */
.dolly-page{margin:0;background:#050a0c;overflow-x:hidden}
#dolly-canvas{position:fixed;inset:0;width:100vw;height:100vh;z-index:0;display:block}

/* scroll-drivaren: tom hög div som ger sidan höjd (10 stationer × 100vh) */
.dolly-scroll{position:relative;z-index:1;height:1000vh;pointer-events:none}

/* flytande text-lager, pixel-låst ovanpå 3D-scenen */
.dolly-ui{position:fixed;inset:0;z-index:2;pointer-events:none}
.station-label{position:absolute;left:50%;top:53%;transform:translate(-50%,-50%);text-align:center;width:min(86vw,640px);
  opacity:0;will-change:opacity,transform;pointer-events:none}
.station-label .sl-n{display:block;font-family:var(--mono);color:var(--teal);font-size:.8rem;letter-spacing:.42em}
.station-label .sl-t{font-family:Panchang,sans-serif;font-weight:700;font-size:clamp(2.2rem,6vw,4.4rem);letter-spacing:-.02em;line-height:1;margin:.7rem 0 .5rem;color:#eaf6f4;text-shadow:0 8px 40px rgba(0,0,0,.6)}
.station-label .sl-d{color:#b6ccc8;font-size:clamp(.95rem,1.5vw,1.1rem);max-width:44ch;margin:0 auto 1.4rem}
.station-label .sl-more{pointer-events:auto;display:inline-block;font-family:var(--mono);font-size:.74rem;letter-spacing:.16em;color:var(--teal);
  border:1px solid rgba(79,227,212,.4);border-radius:99px;padding:.7em 1.4em;transition:.2s;text-decoration:none}
.station-label .sl-more:hover{background:var(--teal);color:#04110f;box-shadow:0 0 26px rgba(79,227,212,.35)}

/* progress-räls till höger */
.dolly-rail{position:fixed;right:clamp(1rem,2.5vw,2.2rem);top:50%;transform:translateY(-50%);z-index:3;display:flex;flex-direction:column;gap:12px;align-items:center}
.dolly-rail::before{content:"";position:absolute;top:-10px;bottom:-10px;left:50%;transform:translateX(-50%);width:1px;background:rgba(79,227,212,.18)}
.dolly-dot{position:relative;width:9px;height:9px;border-radius:50%;border:1px solid rgba(79,227,212,.5);background:transparent;cursor:pointer;transition:.25s;padding:0}
.dolly-dot:hover{border-color:var(--teal)}
.dolly-dot.on{background:var(--teal);box-shadow:0 0 12px rgba(79,227,212,.7);transform:scale(1.25)}

/* intro-hint */
.dolly-hint{position:fixed;left:50%;bottom:clamp(1.4rem,4vh,3rem);transform:translateX(-50%);z-index:3;
  font-family:var(--mono);font-size:.72rem;letter-spacing:.24em;color:var(--teal-dim);transition:opacity .5s;text-align:center}
.dolly-hint span{display:block;margin-top:.5rem;animation:dbob 1.8s ease-in-out infinite}
@keyframes dbob{0%,100%{transform:translateY(0)}50%{transform:translateY(6px)}}

/* nav ska ligga över scenen */
.dolly-page .nav{z-index:5}

/* reducerad rörelse: visa en enkel lista i stället för den tunga scenen */
@media (prefers-reduced-motion: reduce){
  #dolly-canvas{display:none}
  .dolly-scroll{height:auto}
  .dolly-ui{position:static;padding:8rem 1.2rem 4rem}
  .station-label{position:static;transform:none;opacity:1 !important;margin:0 auto 4rem}
}