/* Cesta Fénixa – scrollytelling na stránke Fénix Methode */
.fj{position:relative;background:#060708;color:#ECEAE4;color-scheme:dark;--fc:234,223,63}
.fj[data-ch=light]{--fc:255,214,90}.fj[data-ch=sleep]{--fc:150,165,255}.fj[data-ch=food]{--fc:61,220,151}.fj[data-ch=move]{--fc:255,107,107}.fj[data-ch=cold]{--fc:140,225,255}.fj[data-ch=brain]{--fc:195,155,255}.fj[data-ch=fenix]{--fc:255,170,60}
.fj-in{max-width:var(--wrap);margin:0 auto;padding:0 var(--gut);display:grid;grid-template-columns:1.1fr 1fr;gap:40px}
.fj-stage{position:sticky;top:0;height:100vh;height:100svh;display:grid;place-items:center}
.fj-stage::before{content:"";position:absolute;inset:12% 6%;border-radius:50%;background:radial-gradient(closest-side,rgba(var(--fc),.13),transparent 70%);transition:background .8s}
.fj-cv{position:relative;width:100%;height:78%;display:block}
.fj-prog{position:absolute;left:0;top:50%;transform:translateY(-50%);display:grid;gap:10px}
.fj-prog i{display:block;width:3px;height:22px;border-radius:3px;background:rgba(255,255,255,.12);transition:background .5s,box-shadow .5s}
.fj-prog i.on{background:rgb(var(--fc));box-shadow:0 0 10px rgba(var(--fc),.6)}
.fj-num{position:absolute;right:4%;bottom:9%;font:700 clamp(4rem,9vw,8rem)/1 Sora,sans-serif;letter-spacing:-.06em;color:transparent;-webkit-text-stroke:1px rgba(var(--fc),.35);transition:-webkit-text-stroke-color .6s}
.fj-ch{min-height:100vh;min-height:100svh;display:flex;align-items:center}
.fj-card{max-width:520px;transition:opacity .7s ease;opacity:.18}
.fj-ch.fj-on .fj-card{opacity:1}
.fj-k{display:inline-flex;align-items:center;gap:10px;font:600 .74rem Sora,sans-serif;letter-spacing:.26em;text-transform:uppercase;color:rgb(var(--fc));transition:color .6s}
.fj-k b{display:inline-grid;place-items:center;min-width:34px;height:24px;padding:0 8px;border-radius:99px;border:1px solid rgba(var(--fc),.45);letter-spacing:.04em;font-size:.72rem}
.fj-card .h-l{margin-top:16px;color:#fff}
.fj-card .lead{margin-top:16px;color:#B9BBC2}
.fj-ctas{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px}
.fj-ch:first-child{min-height:90vh}.fj-ch:last-child{min-height:110vh}
@media (max-width:900px){
  .fj-in{display:block}
  .fj-stage{top:0;height:52vh;height:52svh;padding-top:20px;z-index:2;background:#060708}
  .fj-stage::after{content:"";position:absolute;left:0;right:0;bottom:-40px;height:40px;background:linear-gradient(#060708,transparent)}
  .fj-cv{height:100%}
  .fj-prog{left:auto;right:0;top:auto;bottom:10px;transform:none;grid-auto-flow:column}.fj-prog i{width:16px;height:3px}
  .fj-num{display:none}
  .fj-ch,.fj-ch:first-child,.fj-ch:last-child{min-height:62vh;align-items:flex-start;padding-top:40px}
  .fj-ch:last-child{min-height:70vh}
  .fj-card{opacity:.25}
}
@media (prefers-reduced-motion:reduce){.fj-card{transition:none}}
/* svetlý režim */
html.light .fj{background:var(--bg);color:var(--tx);color-scheme:light;--fc:150,135,0}
html.light .fj[data-ch=light]{--fc:190,130,0}html.light .fj[data-ch=sleep]{--fc:70,80,200}html.light .fj[data-ch=food]{--fc:20,145,90}html.light .fj[data-ch=move]{--fc:210,59,59}html.light .fj[data-ch=cold]{--fc:20,140,190}html.light .fj[data-ch=brain]{--fc:120,70,210}html.light .fj[data-ch=fenix]{--fc:210,110,10}
html.light .fj .fj-card .h-l{color:var(--tx)}html.light .fj .fj-card .lead{color:var(--tx2)}
html.light .fj-stage::before{background:radial-gradient(closest-side,rgba(var(--fc),.10),transparent 70%)}
html.light .fj-prog i{background:rgba(12,14,18,.12)}html.light .fj-prog i.on{background:rgb(var(--fc));box-shadow:none}
html.light .fj-num{-webkit-text-stroke:1px rgba(var(--fc),.4)}
@media (max-width:900px){html.light .fj-stage{background:var(--bg)}html.light .fj-stage::after{background:linear-gradient(var(--bg),transparent)}}