/* Kazakhstan in space (history.html). Night sky of the site, flag sky-blue for Kazakh firsts, steppe ochre
   for Baikonur, sun gold for the year rail. */
:root{
  --space:#050913;
  --snow:#F2F6FC;
  --mist:#9FADC4;
  --kz:#F5C518;
  --sun:#FEC50C;
  --steppe:#C9A36A;
  --line:rgba(170,200,255,.14);
  --wrap:1180px;
  --gutter:clamp(16px,3.4vw,40px);
  --rail:176px;           /* x position of the year rail inside the timeline */
}
*{margin:0;padding:0;box-sizing:border-box}
body{min-height:100vh;color:var(--snow);line-height:1.6;background:var(--space)!important}

/* ── Launch from Baikonur (launch.html, js/launch.js) ── */
.ln-intro{min-height:88svh;display:flex;flex-direction:column;justify-content:flex-end;max-width:var(--wrap);margin:0 auto;padding:120px var(--gutter) 60px;background:radial-gradient(80% 60% at 70% 100%,rgba(236,150,92,.22),transparent 70%)}
.ln-kick{font-size:12px;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:var(--sun)}
.ln-intro h1{margin-top:12px;font-size:clamp(44px,8vw,110px);font-weight:800;line-height:.95;letter-spacing:-.035em;text-wrap:balance}
.ln-intro p{margin-top:18px;max-width:34em;font-size:clamp(16px,1.5vw,19px);line-height:1.6;color:rgba(242,246,252,.78)}
.ln-scroll{display:inline-flex;align-items:center;gap:12px;margin-top:34px;font-size:13px;font-weight:600;color:rgba(242,246,252,.7)}
.ln-scroll i{position:relative;width:22px;height:34px;border-radius:12px;border:1.5px solid rgba(242,246,252,.6)}
.ln-scroll i::after{content:"";position:absolute;left:50%;top:7px;width:3px;height:7px;margin-left:-1.5px;border-radius:2px;background:var(--sun);animation:lnWheel 1.6s ease-in-out infinite}
@keyframes lnWheel{0%{transform:translateY(0);opacity:1}100%{transform:translateY(12px);opacity:0}}

.ln-wrap{position:relative;height:calc(8 * 100svh + 100svh)}
.ln-stage{position:sticky;top:0;height:100svh;overflow:hidden;background:#04070f}
.ln-stage canvas{position:absolute;inset:0;display:block}
.ln-hud{position:absolute;z-index:2;left:var(--gutter);top:86px;display:grid;grid-template-columns:repeat(4,auto);gap:4px 26px;padding:14px 18px 16px;border-radius:16px;background:rgba(5,9,19,.62);box-shadow:inset 0 0 0 1px rgba(170,200,255,.14);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
.ln-hud div{display:flex;flex-direction:column;min-width:0}
.ln-hud span{font-size:10.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:rgba(159,173,196,.85)}
.ln-hud b{margin-top:3px;font-size:20px;font-weight:600;font-variant-numeric:tabular-nums;color:#fff;white-space:nowrap}
.ln-hud-t b{color:var(--sun)}
.ln-hud em{font-style:normal;font-size:11.5px;color:rgba(159,173,196,.85);font-variant-numeric:tabular-nums}
.ln-bar{grid-column:1/-1;height:3px;margin-top:10px;border-radius:2px;background:rgba(255,255,255,.1);overflow:hidden}
.ln-bar i{display:block;height:100%;background:linear-gradient(90deg,#FF8A3D,var(--sun));transform-origin:left;transform:scaleX(0)}
.ln-card{position:absolute;z-index:2;left:var(--gutter);bottom:clamp(30px,6vh,70px);width:min(440px,calc(100% - 2 * var(--gutter)));padding:20px 22px 22px;border-radius:20px;background:rgba(5,9,19,.78);box-shadow:0 20px 60px rgba(0,0,0,.45),inset 0 0 0 1px rgba(254,197,12,.25);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);opacity:0;transform:translateY(10px)}
.ln-card.in{animation:lnIn .45s ease forwards}
@keyframes lnIn{to{opacity:1;transform:none}}
.ln-card-t{font-size:13px;font-weight:700;letter-spacing:.06em;color:var(--sun);font-variant-numeric:tabular-nums}
.ln-card h2{margin-top:6px;font-size:clamp(22px,2.4vw,30px);font-weight:800;line-height:1.15;letter-spacing:-.01em;text-wrap:balance}
.ln-card p{margin-top:10px;font-size:15.5px;line-height:1.65;color:rgba(242,246,252,.85)}
.ln-dots{position:absolute;z-index:2;right:16px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:6px}
.ln-dots button{width:26px;height:26px;display:grid;place-items:center;border:0;background:none;cursor:pointer;padding:0}
.ln-dots i{width:8px;height:8px;border-radius:50%;background:rgba(242,246,252,.3);transition:transform .2s,background .2s}
.ln-dots button.on i{background:var(--sun);transform:scale(1.5);box-shadow:0 0 10px rgba(254,197,12,.7)}

.ln-end{max-width:820px;margin:0 auto;padding:clamp(70px,10vw,130px) var(--gutter) 40px;text-align:center}
.ln-end h2{font-size:clamp(30px,4.6vw,56px);font-weight:800;line-height:1.05;letter-spacing:-.02em;text-wrap:balance}
.ln-end>p:first-of-type{margin:16px auto 0;max-width:36em;font-size:17px;line-height:1.65;color:rgba(242,246,252,.78)}
.ln-links{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-top:30px}
.ln-btn{padding:13px 22px;border-radius:40px;background:var(--sun);color:#08101f;font-weight:700;font-size:15px;text-decoration:none}
.ln-btn.ghost{background:none;color:#fff;box-shadow:inset 0 0 0 1px rgba(242,246,252,.35)}
.ln-note{margin-top:34px;font-size:12.5px;line-height:1.55;color:rgba(159,173,196,.75)}

@media (max-width:720px){
  .ln-hud{top:70px;left:12px;right:12px;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px 10px;padding:10px 12px 12px}
  .ln-hud div:nth-child(4){grid-column:1/-1;flex-direction:row;align-items:baseline;gap:8px}
  .ln-hud div:nth-child(4) b{margin:0;font-size:13px;color:#7FE3FF}
  .ln-hud span{font-size:9px;letter-spacing:.08em}
  .ln-hud b{font-size:15px}
  .ln-hud em{display:none}
  .ln-card{left:12px;right:12px;width:auto;bottom:16px;padding:16px 18px 18px}
  .ln-card p{font-size:14.5px}
  .ln-dots{right:4px;top:auto;bottom:calc(16px + 50%);display:none}
}
@media (prefers-reduced-motion:reduce){.ln-card.in{animation:none;opacity:1;transform:none}.ln-scroll i::after{animation:none}}