.in-who{transition-property:transform}.in-who .who-spark line{stroke:var(--hue);stroke-width:2px;stroke-linecap:round;opacity:.55}.in-who .who-spark circle{fill:#fff6e0;filter:drop-shadow(0 0 6px #ffd68c)drop-shadow(0 0 14px #f5a623)}.in-who.is-spark{animation:.4s ease-out both who-in}@keyframes who-in{0%{opacity:0}}.who-body{transform-box:fill-box;transform-origin:50% 100%;animation:.6s cubic-bezier(.2,.9,.3,1.3) both who-morph}@keyframes who-morph{0%{opacity:.2;filter:brightness(2.5);transform:scale(.5)}}.who-halo{fill:var(--hue);opacity:.14;filter:blur(4px)}.who-head,.who-torso{fill:var(--hue);stroke:var(--who-edge,#0a0e14);stroke-width:1px}.who-legs line{stroke:var(--hue);stroke-width:2.6px;stroke-linecap:round}.who-mark{color:var(--hue);fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 3px var(--hue))}.who-icon{fill:var(--hue);filter:drop-shadow(0 0 4px var(--hue));font-family:Material Symbols Rounded;font-size:12px}.who-title{fill:var(--hue);stroke:var(--who-edge,#05070b);stroke-width:3px;stroke-linejoin:round;paint-order:stroke;font-size:11px;font-weight:700}.is-walking .who-body{animation:.6s cubic-bezier(.2,.9,.3,1.3) both who-morph,.42s ease-in-out .6s infinite alternate who-bob}@keyframes who-bob{to{transform:translateY(-2px)}}.is-walking .who-legs line{transform-box:fill-box;transform-origin:50% 0;animation:.42s ease-in-out infinite alternate who-step}.is-walking .who-legs line+line{animation-direction:alternate-reverse}@keyframes who-step{0%{transform:rotate(-22deg)}to{transform:rotate(22deg)}}@media (prefers-reduced-motion:reduce){.in-who{transition:none!important}.who-body,.is-walking .who-body,.is-walking .who-legs line,.in-who.is-spark{animation:none}}
.bp{padding:var(--sec) var(--pad) calc(var(--sec) * .6);isolation:isolate;flex-direction:column;gap:24px;display:flex;position:relative}.bp-rule{top:0;inset-inline:var(--pad);pointer-events:none;background:linear-gradient(90deg, transparent, color-mix(in srgb, var(--accT) 70%, transparent) 50%, transparent);height:1px;position:absolute}.bp-rule:after{content:"";background:var(--accT);width:9px;height:9px;box-shadow:0 0 12px color-mix(in srgb, var(--acc) 55%, transparent);margin-left:-4.5px;position:absolute;top:-4px;left:50%;transform:rotate(45deg)}@media print{.bp-rule{display:none}}.bp{--top:84px;--pin:calc(100vh / var(--z) - var(--top))}.bp-head{flex-direction:column;gap:6px;display:flex}.bp-head h2,.bp-head p{margin:0}@media (min-width:901px){.bp-track{height:calc(var(--n) * var(--pin))}.bp-pin{top:var(--top);height:var(--pin);grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:40px;display:grid;position:sticky}.bp-text{flex-direction:column;gap:10px;min-height:0;padding-top:28px;display:flex}.bp-window{flex:1;min-height:0;overflow:hidden;-webkit-mask-image:linear-gradient(#0000,#000 7% 93%,#0000);mask-image:linear-gradient(#0000,#000 7% 93%,#0000);container-type:size}.bp-steps{transform:translateY(calc(var(--p,0) * (1 - var(--n)) * 100cqh));will-change:transform}.bp-step{height:100cqh}.bp-side{min-height:0;flex-direction:column;gap:14px;margin-inline-end:calc(24px - var(--pad));padding-block:8px 4px;display:flex}}.bp-steps{margin:0;padding:0;list-style:none}.bp-step{flex-direction:column;justify-content:center;display:flex}.bp-card{border:1px solid var(--line);background:color-mix(in srgb, var(--bg) 78%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);opacity:.18;border-radius:18px;flex-direction:column;gap:18px;padding:clamp(22px,3vw,36px);transition:opacity .55s,transform .65s cubic-bezier(.2,.7,.2,1),border-color .4s;display:flex;transform:translateY(28px)scale(.98);box-shadow:0 18px 50px -24px #00000073}.bp-step.is-cur .bp-card{opacity:1;border-color:color-mix(in srgb, var(--acc) 45%, var(--line));transform:none}@media (prefers-reduced-motion:reduce){.bp-card{transition:none;transform:none}}.bp-count{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.bp-kicker{font:700 13px var(--ui);letter-spacing:.12em;text-transform:uppercase;color:var(--accT)}html[lang=ar] .bp-kicker{letter-spacing:0;font-size:14px}.bp-ticks{gap:4px;display:inline-flex}.bp-ticks i{background:var(--line2);width:16px;height:3px}.bp-ticks i.on{background:var(--acc)}.bp-step h3{margin:0}.bp-links{font:600 14px var(--ui);flex-wrap:wrap;align-items:center;gap:12px 22px;display:flex}.bp-links a:not(.btn){color:var(--accT);border-bottom:1px solid color-mix(in srgb, var(--accT) 35%, transparent);align-items:center;gap:6px;padding-bottom:2px;display:inline-flex}.bp-links a:not(.btn):hover{border-bottom-color:var(--accT)}.bp-stage{flex:1;place-items:center;min-height:0;display:grid}.bp-stage svg{width:100%;max-width:none;max-height:100%;font-family:var(--ui);overflow:visible}.bp-hatch{stroke:color-mix(in srgb, var(--accT) 40%, transparent);stroke-width:1.5px}.bp-groundline{stroke:color-mix(in srgb, var(--accT) 45%, transparent);stroke-dasharray:2 5}.bp-el .gh{fill:none;stroke:color-mix(in srgb, var(--accT) 22%, transparent);stroke-width:1px;stroke-dasharray:4 5}.bp-el .gh-hatch{fill:url(#bp-hatch);opacity:.35}.bp-el .gh-floor{fill:color-mix(in srgb, var(--acc) 12%, transparent)}.bp-el .gh-roof{stroke:color-mix(in srgb, var(--blueT) 30%, transparent)}.bp-el .ln{fill:#0000;stroke:color-mix(in srgb, var(--accT) 60%, transparent);stroke-width:1.2px;stroke-dasharray:1;stroke-dashoffset:1px;transition:stroke-dashoffset .9s cubic-bezier(.4,0,.2,1),fill .5s .35s,stroke .4s}.bp-el.on .ln{stroke-dashoffset:0}.bp-el.on .fill-hatch{fill:url(#bp-hatch)}.bp-el.on .fill-floor{fill:var(--acc);stroke:var(--acc)}.bp-el.cur .fill-layer{fill:color-mix(in srgb, var(--acc) 16%, transparent);stroke:var(--acc);stroke-width:2px}.bp-roof .ln{stroke:var(--blueT);stroke-dasharray:1}.bp-el .lbl{fill:var(--ink2);clip-path:inset(0 0 0 100%);font-size:17px;font-weight:600;transition:clip-path .8s steps(24,end) .35s,fill .4s}html[dir=ltr] .bp-el .lbl{clip-path:inset(0 100% 0 0)}.bp-el.on .lbl,html[dir=ltr] .bp-el.on .lbl{clip-path:inset(0)}.bp-el:not(.on) .lbl{transition:clip-path .4s steps(12,end)}.bp-el.cur .lbl{fill:var(--accT);font-weight:700}.lbl-c{font-size:18px}.bp-el .lbl-long{font-size:15px}.lbl-floor{fill:#111418!important;font-size:17px!important;font-weight:700!important}.lbl-roof{fill:var(--blueT)!important}@media (prefers-reduced-motion:reduce){.bp-el .ln,.bp-el .lbl{transition:none}}@media (max-width:900px){.bp-track{flex-direction:column;display:flex}.bp-pin,.bp-text,.bp-side,.bp-window{display:contents}.bp-head{order:-2;margin-bottom:14px}.bp-stage{z-index:2;background:var(--bg);border-bottom:1px solid var(--line);order:-1;height:42vh;padding:10px 0;position:sticky;top:64px;overflow:hidden}.bp-stage svg{width:auto;max-width:100%;height:calc(42vh - 20px)}.bp-steps{padding:4vh 0 10vh}.bp-step{min-height:58vh}}.bp-trees .tb{fill:none;stroke:color-mix(in srgb, var(--blueT) 55%, transparent);stroke-width:1.3px;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:1px;transition:stroke-dashoffset .7s cubic-bezier(.4, 0, .2, 1) calc(var(--t) * .35s + var(--k) * .28s)}.bp-trees .tb.hi{stroke:color-mix(in srgb, var(--accT) 60%, transparent);stroke-width:1px}.bp-trees.on .tb{stroke-dashoffset:0}.bp-trees .tn{fill:var(--blueT);opacity:0;transition:opacity .5s calc(var(--t) * .35s + var(--k) * .28s + .5s)}.bp-trees .tn.tip{fill:var(--acc);filter:drop-shadow(0 0 4px color-mix(in srgb, var(--acc) 90%, transparent))}.bp-trees.on .tn{opacity:.9}.bp-trees.on .tn.tip{animation:bp-node 2.2s ease-in-out calc(var(--t) * .35s + 2s + var(--p) * 1s) infinite}@keyframes bp-node{50%{opacity:.3}}.bp-stage{--who-edge:var(--bg)}[data-theme=light] .bp-stage .who-title{fill:color-mix(in srgb, var(--hue) 55%, #1a1a1a)}.bp-el.here .lbl{fill:var(--accT);font-weight:700}.bp-el.here:not(.cur) .fill-layer{fill:color-mix(in srgb, var(--acc) 9%, transparent)}@media (prefers-reduced-motion:reduce){.bp-trees .tb,.bp-trees .tn{transition:none}.bp-trees.on .tn.tip{animation:none}}
.intro{z-index:990;color:#f3efe6;font-family:var(--ui);background:radial-gradient(at 50% 45%,#0b1220 0%,#05070b 70%);grid-template-rows:auto minmax(0,1fr) auto auto;animation:.8s ease-out both intro-in;display:grid;position:fixed;inset:0}.intro.is-closing{animation:.7s ease-in both intro-out}@keyframes intro-in{0%{opacity:0}}@keyframes intro-out{to{opacity:0;transform:scale(1.03)}}.intro-space{width:100%;height:100%;position:absolute;inset:0}.intro-bar{justify-content:flex-end;align-items:center;gap:10px;padding:18px 22px;display:flex;position:relative}.intro-btn,.intro-lang{color:#f3efe6;font:700 13.5px/1 var(--ui);cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0a0e148c;border:1px solid #f3efe638;border-radius:999px;align-items:center;gap:8px;padding:9px 16px;text-decoration:none;display:inline-flex}.intro-btn:hover,.intro-lang:hover{color:#fff;border-color:#f5a623}.intro-btn[aria-pressed=true]{color:#f5a623;border-color:#f5a623}.intro-lang{margin-inline-end:auto;font-weight:600}.intro-stage{min-height:0;position:relative}.intro-stage svg{width:calc(100% - 32px);height:calc(100% - 12px);font-family:var(--ui);position:absolute;inset:4px 16px 8px;overflow:visible}.in-ghost *{fill:none;stroke:#f5a6231f;stroke-width:1px;stroke-dasharray:4 6}.in-ground{stroke:#f5a62359;stroke-dasharray:2 6}.in-part .ln{fill:#0000;stroke:#f5a623cc;stroke-width:1.4px;stroke-dasharray:1;stroke-dashoffset:1px;transition:stroke-dashoffset .75s cubic-bezier(.4,0,.2,1),fill .45s .4s,filter .6s}.in-part.on .ln{stroke-dashoffset:0}.in-part.on .fill-hatch{fill:url(#in-hatch)}.in-part.on .fill-floor{fill:#f5a623;stroke:#f5a623}.in-part.on .fill-layer{fill:url(#in-glow)}.in-part .roof{stroke:#6fa8e6;stroke-width:2px}.in-part.cur .ln{filter:drop-shadow(0 0 10px #f5a623cc)}.in-part .lbl{fill:#e8e2d6;opacity:0;font-size:14px;font-weight:600;transition:opacity .5s .45s}.in-part.on .lbl{opacity:1}.in-part.cur .lbl{fill:#f5a623}.in-part .lbl-floor{font-weight:700;fill:#111418!important}.in-part .roof-mark{stroke:#6fa8e6;stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round;color:#6fa8e6;filter:drop-shadow(0 0 4px #6fa8e699);fill:none!important}.in-part .lbl-roof{font-size:15px;font-weight:700;fill:#6fa8e6!important}.in-trees .tb{fill:none;stroke:#6fa8e68c;stroke-width:1.3px;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:1px;transition:stroke-dashoffset .7s cubic-bezier(.4, 0, .2, 1) calc(var(--t) * .5s + var(--k) * .3s)}.in-trees .tb.hi{stroke:#f5a62399;stroke-width:1px}.in-trees.on .tb{stroke-dashoffset:0}.in-trees .tn{fill:#6fa8e6;opacity:0;transition:opacity .5s calc(var(--t) * .5s + var(--k) * .3s + .55s)}.in-trees .tn.tip{fill:#f5a623;filter:drop-shadow(0 0 4px #f5a623f2)}.in-trees.on .tn{opacity:.9}.in-trees.on .tn.tip{animation:in-node 2.2s ease-in-out calc(var(--t) * .5s + 2.4s + var(--p) * 1s) infinite}@keyframes in-node{50%{opacity:.3}}.in-part{transform-box:fill-box;transform-origin:50%}.in-part.cur{animation:.7s cubic-bezier(.2,.8,.2,1) both in-drop}@keyframes in-drop{0%{opacity:.2;transform:translateY(-26px)}}.is-done .in-part .ln{filter:drop-shadow(0 0 6px #f5a62373)}.is-done .intro-stage svg{animation:2.4s ease-in-out infinite alternate in-stand}@keyframes in-stand{to{filter:drop-shadow(0 0 22px #2a66c973)}}.intro-mark{opacity:.07;pointer-events:none;place-content:center;justify-items:center;gap:2vmin;transition:opacity 1.6s,transform 1.6s cubic-bezier(.4,0,.2,1);display:grid;position:absolute;inset:0}.intro-mark img{filter:grayscale(.3);border-radius:50%;width:min(62vmin,560px);height:auto;transition:filter 1.6s}.intro-mark b{font:700 min(10vmin, 92px)/1.1 var(--serif);color:#f3efe6}html[lang=ar] .intro-mark b{font:700 min(8vmin, 74px)/1.3 var(--kufi)}.intro-hello{top:calc(50% + 25vmin);z-index:1;text-align:center;max-width:820px;font:600 clamp(19px, 3.4vmin, 32px)/1.55 var(--ui);color:#f3efe6;text-wrap:balance;margin:0 auto;animation:2.6s both hello-line;position:absolute;inset-inline:16px}@keyframes hello-line{0%{opacity:0;filter:blur(4px);transform:translateY(14px)}18%,82%{opacity:1;filter:none;transform:none}to{opacity:0;transform:translateY(-8px)}}.is-logo .intro-mark,.is-hello .intro-mark{opacity:1;transform:scale(.62)}.is-logo .intro-mark img,.is-hello .intro-mark img{filter:drop-shadow(0 0 40px #f5a62373)}.is-logo .intro-mark{animation:1.4s cubic-bezier(.2,.8,.2,1) both mark-in}@keyframes mark-in{0%{opacity:0;filter:blur(10px);transform:scale(.5)}}.intro-stage{transition:opacity 1.2s}.is-logo .intro-stage,.is-hello .intro-stage{opacity:0}.intro-skip{color:#c4c2bc;cursor:pointer;background:#0a0e1480;border:1px solid #f3efe633;border-radius:50%;justify-self:center;place-items:center;width:36px;height:36px;margin:4px 0 10px;transition:color .2s,border-color .2s,transform .2s;display:grid;position:relative}.intro-skip:hover{color:#f5a623;border-color:#f5a623;transform:translate(3px)}html[dir=rtl] .intro-skip:hover{transform:translate(-3px)}.intro-progress{background:#f3efe61f;border-radius:3px;width:min(420px,70vw);height:3px;margin:0 auto 26px;position:relative;overflow:hidden}.intro-progress i{transform-origin:0;background:linear-gradient(90deg,#f5a623,#6fa8e6);transition:transform .9s;position:absolute;inset:0}html[dir=rtl] .intro-progress i{transform-origin:100%}@media (max-width:700px){.intro-bar{gap:8px;padding:12px}.intro-btn,.intro-lang{padding:8px 12px;font-size:12.5px}}@media (prefers-reduced-motion:reduce){.intro,.intro.is-closing,.in-part.cur,.is-done .intro-stage svg,.is-logo .intro-mark{animation:none}.in-part .ln,.in-part .lbl,.in-trees .tb,.in-trees .tn{transition:none}.in-trees.on .tn.tip{animation:none}}html:not(.intro-on) .intro{display:none}@media (min-width:1025px){.intro{zoom:calc(1 / .9)}}@media print{.intro{display:none!important}}.in-part.here .ln{filter:drop-shadow(0 0 10px #f5a623b3)}.in-part.here .lbl{fill:#f5a623}.intro-end{justify-self:center;align-items:center;gap:14px;margin:2px 0 10px;animation:.6s ease-out both intro-in;display:flex;position:relative}.intro-round,.intro-enter i{color:#e8e2d6;background:#0a0e148c;border:1px solid #f3efe640;border-radius:50%;place-items:center;width:40px;height:40px;transition:color .2s,border-color .2s,background .2s,transform .2s;display:grid}.intro-round{cursor:pointer}.intro-round:hover{color:#f5a623;border-color:#f5a623;transform:rotate(-30deg)}.intro-enter{cursor:pointer;color:#f3efe6;font:600 16px/1 var(--ui);letter-spacing:.02em;background:0 0;border:0;align-items:center;gap:12px;padding:0;display:inline-flex}.intro-enter i{color:#f5a623;border-color:#f5a623;animation:2.4s ease-out 1s infinite enter-pulse;box-shadow:0 0 #f5a62380}.intro-enter:hover i{color:#111418;background:#f5a623;transform:translate(3px)}html[dir=rtl] .intro-enter:hover i{transform:translate(-3px)}.intro-enter:hover span{color:#f5a623}@keyframes enter-pulse{70%{box-shadow:0 0 0 12px #f5a62300}to{box-shadow:0 0 #f5a62300}}@media (prefers-reduced-motion:reduce){.intro-hello,.intro-end,.intro-enter i{animation:none}}
.jroad{height:380px;margin-block:8px 4px;position:relative}.jroad-way{width:100%;height:calc(100% - 20px);position:absolute;inset:10px 0;overflow:visible}.jroad-bed{fill:none;stroke:color-mix(in srgb, var(--accT) 22%, transparent);stroke-width:22px;stroke-linecap:round;vector-effect:non-scaling-stroke;stroke-dasharray:1;stroke-dashoffset:1px;transition:stroke-dashoffset 2.2s cubic-bezier(.45,0,.2,1)}.jroad-mid{fill:none;stroke:var(--accT);stroke-width:1.6px;stroke-dasharray:7 9;vector-effect:non-scaling-stroke;opacity:0;transition:opacity .8s 1.8s}.jroad.on .jroad-bed{stroke-dashoffset:0}.jroad.on .jroad-mid{opacity:.85;animation:2.4s linear 2.6s infinite jroad-walk}@keyframes jroad-walk{to{stroke-dashoffset:-32px}}html[dir=rtl] .jroad.on .jroad-mid{animation-name:jroad-walk-rtl}@keyframes jroad-walk-rtl{to{stroke-dashoffset:32px}}.jroad-stops{margin:0;padding:0;list-style:none;position:absolute;inset:10px 0}.jroad-stops li{left:var(--x);top:var(--y);width:0;height:0;position:absolute}.jroad-node{background:var(--bg2);border:1.5px solid var(--accT);width:68px;height:68px;box-shadow:0 0 0 6px color-mix(in srgb, var(--bg2) 85%, transparent), 0 10px 26px -12px #00000080;opacity:0;transition:opacity .5s,transform .6s cubic-bezier(.2,1.4,.4,1);transition-delay:calc(.5s + var(--i) * .3s);border-radius:50%;place-items:center;display:grid;position:absolute;top:-34px;left:-34px;transform:scale(.4)}.jroad-node svg{fill:none;width:34px;height:34px;stroke:var(--accT);stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round}.jroad-node b{top:-6px;background:var(--acc);color:#111418;width:24px;height:24px;font:700 12px/1 var(--ui);border-radius:50%;place-items:center;display:grid;position:absolute;inset-inline-end:-6px}.jroad-text{text-align:center;opacity:0;width:190px;transition:opacity .6s,transform .6s;transition-delay:calc(.8s + var(--i) * .3s);flex-direction:column;gap:4px;margin-left:-95px;display:flex;position:absolute;left:50%;transform:translateY(8px)}.high .jroad-text{bottom:46px}.low .jroad-text{top:46px}.jroad.on .jroad-node,.jroad.on .jroad-text{opacity:1;transform:none}.jroad-k{font:700 12px/1.3 var(--ui);letter-spacing:.14em;text-transform:uppercase;color:var(--accT)}html[lang=ar] .jroad-k{letter-spacing:0;font-size:13px}.jroad-t{font:700 16px/1.45 var(--ui);color:var(--ink);text-wrap:balance}@media (max-width:1100px){.jroad-text{width:150px;margin-left:-75px}.jroad-t{font-size:14.5px}}@media (max-width:860px){.jroad{height:auto}.jroad-way{display:none}.jroad-stops{flex-direction:column;gap:26px;padding-inline-start:0;display:flex;position:relative;inset:auto}.jroad-stops:before{content:"";top:34px;bottom:34px;border-inline-start:2px dashed color-mix(in srgb, var(--accT) 55%, transparent);width:0;position:absolute;inset-inline-start:33px}.jroad-stops li{align-items:center;gap:18px;width:auto;height:auto;display:flex;position:relative;top:auto;left:auto}.jroad-node{flex:none;position:relative;top:auto;left:auto}.jroad-text{text-align:start;width:auto;margin:0;position:static}}@media (prefers-reduced-motion:reduce){.jroad-bed,.jroad-mid,.jroad-node,.jroad-text{transition:none}.jroad.on .jroad-mid{animation:none}}