/* ===================== FERMIS — Tavo kelionė (APIE sekcija) ===================== */

/* ---------- Aušra: tamsus → šviesus (be staigaus juoda/balta) ---------- */
.dawn{
  position:relative;
  height:clamp(88px, 16vw, 168px);
  margin:0;
  pointer-events:none;
  overflow:hidden;
  /* Ūkiška „aušra": miško žalia → alyvuogių → šiltas rūkas → kreminė */
  background:linear-gradient(
    180deg,
    #10190f 0%,
    #172018 12%,
    #243022 28%,
    #3a4630 44%,
    #6a7350 60%,
    #a8ab88 76%,
    #d4d2b8 90%,
    #e4e0cd 100%
  );
}
.dawn__haze{
  position:absolute; inset:0;
  background:
    radial-gradient(ellipse 95% 70% at 50% 100%, rgba(236,229,212,.55), transparent 62%),
    radial-gradient(ellipse 55% 40% at 20% 55%, rgba(180,200,120,.14), transparent 70%),
    radial-gradient(ellipse 50% 45% at 80% 45%, rgba(255,210,140,.12), transparent 68%);
}
.dawn__glow{
  position:absolute; left:50%; top:42%;
  width:min(520px, 90%); height:55%;
  transform:translate(-50%, -40%);
  background:radial-gradient(ellipse at center, rgba(255,220,150,.18), transparent 70%);
  filter:blur(8px);
}

/* ---------- Sutemos: šviesus → tamsus footeris ---------- */
.dusk{
  position:relative;
  height:clamp(72px, 12vw, 128px);
  margin:0;
  pointer-events:none;
  overflow:hidden;
  background:linear-gradient(
    180deg,
    #d4d9c1 0%,
    #b8b89a 22%,
    #6a7350 48%,
    #2a3520 72%,
    #172018 88%,
    #0c130d 100%
  );
}
.dusk__haze{
  position:absolute; inset:0;
  background:
    radial-gradient(ellipse 90% 60% at 50% 0%, rgba(236,229,212,.35), transparent 55%),
    linear-gradient(180deg, transparent 40%, rgba(8,14,9,.35) 100%);
}

.journey{
  position:relative;
  /* Švelnus, šiltas žemiškas/šalavijo fonas — pradžia sutampa su aušros pabaiga */
  background:
    radial-gradient(rgba(124,179,66,.055) 1px, transparent 1.7px) 0 0 / 24px 24px,
    linear-gradient(180deg, #e4e0cd 0%, #dce0c9 45%, #d6dbc4 78%, #d4d9c1 100%);
  color:#3a3527;
  padding:2.6rem 1.5rem 3.2rem;
  overflow:hidden;
  border-top:0;
  border-bottom:0;
}
/* Viršutinė „migla" — turinys neatsiranda staigiai ant ryškaus fono */
.journey::before{
  content:"";
  position:absolute;
  left:0; right:0; top:0;
  height:4.5rem;
  pointer-events:none;
  z-index:0;
  background:linear-gradient(180deg, rgba(228,224,205,.85) 0%, rgba(228,224,205,0) 100%);
}
.journey > *{ position:relative; z-index:1; }

/* ---------- Scroll-reveal bazė ---------- */
.reveal{ opacity:0; transform:translateY(26px); transition:opacity .7s ease, transform .7s ease; }
.reveal.is-visible{ opacity:1; transform:none; }

/* ---------- Antraštė ---------- */
.journey__intro{ text-align:center; max-width:720px; margin:0 auto 1.8rem; }
.journey__title{ font-family:var(--font-head); font-weight:800; font-size:clamp(1.5rem,4.6vw,2rem); letter-spacing:.14em; color:#4a5d2e; margin:0 0 .8rem; }
.journey__title .leaf{ color:var(--green); }
.journey__sub{ font-size:1.05rem; color:#6a6552; line-height:1.65; margin:0; }
.journey__sub strong{ color:#4a5d2e; }

/* ---------- Įžanginis tekstas ---------- */
.journey__lead{ text-align:center; max-width:640px; margin:0 auto 2.8rem; color:#6a6552; }
.journey__lead-top{ font-size:1.05rem; font-weight:700; color:#4a5d2e; margin:0 0 1rem; }
.journey__lead-icons{ display:flex; flex-wrap:wrap; justify-content:center; gap:.5rem 1.3rem; margin:0 0 1rem; font-size:.95rem; }
.journey__lead-bottom{ font-size:1.05rem; line-height:1.6; margin:0; }

/* ---------- Ūkio kelias ---------- */
.journey__path{ position:relative; max-width:820px; margin:0 auto; }
.journey__path::before{
  content:""; position:absolute; top:40px; bottom:40px; left:50%; width:3px; transform:translateX(-50%);
  background:linear-gradient(180deg, rgba(124,179,66,.12), rgba(124,179,66,.55) 20%, rgba(124,179,66,.55) 80%, rgba(124,179,66,.12));
  border-radius:3px; z-index:0;
}

.jstep{
  position:relative; z-index:1;
  display:grid; grid-template-columns:1fr 130px 1fr; align-items:center;
  gap:1rem; margin-bottom:2.6rem;
}
.jstep:last-child{ margin-bottom:0; }

/* Ikonos mazgas ant linijos (be dėžutės, tik švelnus švytėjimas) */
.jstep__node{ grid-column:2; position:relative; display:flex; justify-content:center; }
.jstep__node::before{
  content:""; position:absolute; top:50%; left:50%; width:118px; height:118px; transform:translate(-50%,-50%);
  border-radius:50%; background:radial-gradient(circle, rgba(124,179,66,.22), transparent 70%); z-index:0;
}
.jstep__node img{
  position:relative; z-index:1; width:104px; height:104px; object-fit:contain;
  filter:drop-shadow(0 12px 18px rgba(60,50,30,.28));
}

/* Tekstinė kortelė — zigzagu (kairė / dešinė) */
.jstep__card{ grid-column:1; text-align:right; }
.jstep:nth-child(even) .jstep__card{ grid-column:3; text-align:left; }
.jstep__card h3{ font-family:var(--font-head); font-weight:800; font-size:1.15rem; letter-spacing:.05em; color:#4a5d2e; margin:0 0 .4rem; }
.jstep__lead{ font-size:.98rem; font-weight:700; color:#5a5443; margin:0 0 .3rem; }
.jstep__do{ font-size:.9rem; color:#7b755f; margin:0; line-height:1.6; }
.jstep__q{ font-size:1rem; font-weight:800; color:var(--green-deep); margin:.55rem 0 0; }
.jstep__tags{ display:flex; flex-wrap:wrap; gap:.4rem; margin-top:.6rem; justify-content:flex-end; }
.jstep:nth-child(even) .jstep__tags{ justify-content:flex-start; }
.jstep__tags span{ font-size:.72rem; font-weight:700; color:#4a5d2e; background:rgba(124,179,66,.16); border:1px solid rgba(124,179,66,.35); padding:.28rem .6rem; border-radius:999px; }

/* Finalinis žingsnis — didesnis akcentas */
.jstep--final .jstep__node img{ width:120px; height:120px; }
.jstep--final .jstep__node::before{ width:140px; height:140px; background:radial-gradient(circle, rgba(255,202,110,.35), transparent 70%); }
.jstep--final .jstep__card h3{ font-size:1.4rem; color:var(--green-deep); }

/* ---------- Vidinės animacijos (kai žingsnis matomas) ---------- */
.jstep__node img{ opacity:0; transform:scale(.6); transition:opacity .6s ease, transform .6s cubic-bezier(.2,.9,.3,1.35); }
.jstep.is-visible .jstep__node img{ opacity:1; transform:scale(1); }
.jstep__card > *{ opacity:0; transform:translateY(14px); transition:opacity .55s ease, transform .55s ease; }
.jstep.is-visible .jstep__card > *{ opacity:1; transform:none; }
.jstep.is-visible .jstep__card > *:nth-child(1){ transition-delay:.12s; }
.jstep.is-visible .jstep__card > *:nth-child(2){ transition-delay:.24s; }
.jstep.is-visible .jstep__card > *:nth-child(3){ transition-delay:.36s; }
.jstep.is-visible .jstep__card > *:nth-child(4){ transition-delay:.48s; }

/* ---------- Baigiamasis kvietimas ---------- */
.journey__cta{ text-align:center; margin-top:3rem; }
.journey__story{ font-family:var(--font-head); font-weight:800; font-size:1.15rem; color:#4a5d2e; letter-spacing:.04em; margin:0 0 1.2rem; }
.btn--lg{ font-size:1rem; padding:1rem 2rem; }

/* ---------- Mobile (lengvos animacijos, viena eilė) ---------- */
@media (max-width:760px){
  .dawn{ height:clamp(72px, 22vw, 120px); }
  .dusk{ height:clamp(64px, 18vw, 100px); }
  .journey{ padding:2.2rem 1.2rem 2.6rem; }
  .journey::before{ height:3.2rem; }
  .journey__path{ max-width:440px; }
  .journey__path::before{ left:34px; top:24px; bottom:24px; }

  .jstep{ grid-template-columns:68px 1fr; gap:.9rem; align-items:start; margin-bottom:1.9rem; }
  .jstep__node{ grid-column:1; }
  .jstep__node::before{ width:64px; height:64px; }
  .jstep__node img{ width:58px; height:58px; }
  .jstep--final .jstep__node::before{ width:72px; height:72px; }
  .jstep--final .jstep__node img{ width:66px; height:66px; }

  .jstep__card,
  .jstep:nth-child(even) .jstep__card{ grid-column:2; text-align:left; }
  .jstep__tags,
  .jstep:nth-child(even) .jstep__tags{ justify-content:flex-start; }
  .jstep__card h3{ font-size:1.05rem; }
  .jstep--final .jstep__card h3{ font-size:1.15rem; }

  /* Lengvesnės animacijos telefone */
  .reveal{ transform:translateY(16px); transition-duration:.5s; }
  .jstep__card > *{ transform:translateY(10px); transition-duration:.4s; }
  .jstep__node img{ transition-duration:.45s; }
}

/* Pagarba „reduced motion" nustatymui */
@media (prefers-reduced-motion:reduce){
  .reveal, .jstep__node img, .jstep__card > *{ opacity:1 !important; transform:none !important; transition:none !important; }
}