[data-fx]{width:100%;height:100%;display:block}[data-fx] .fx-g{fill:var(--gold)}[data-fx] .fx-h{fill:var(--bg)}[data-fx] .fx-i{fill:var(--ink)}[data-fx] .fx-h2{fill:var(--bg);stroke:var(--ink);stroke-width:1.4px}[data-fx] .fx-base{stroke:var(--gold)}[data-fx] .fx-l{fill:none;stroke:var(--hair);stroke-width:1.6px}[data-fx] .fx-thin{stroke-width:1px}[data-fx] :is(.fx-s,.fx-pole){fill:none;stroke:var(--gold);stroke-width:2.4px;stroke-linecap:round;stroke-linejoin:round}[data-fx] .fx-pole{stroke:var(--ink)}[data-fx] .fx-staff{stroke-width:2.2px}[data-fx] .fx-scope{stroke-width:1.5px}[data-fx] :is(.fx-ring,.fx-wave,.fx-flag,.fx-hit){transform-box:fill-box;transform-origin:50%}[data-fx] .fx-ring{fill:none;stroke:var(--gold);stroke-width:1.2px}[data-fx] :is(.fx-wave,.fx-flag){transform-origin:0}[data-fx] .fx-t{fill:var(--muted);font:500 7.2px var(--face-mono), ui-monospace, monospace;letter-spacing:.1em}html[data-theme=light] [data-fx] .fx-t{fill:color-mix(in srgb, var(--muted) 75%, var(--ink))}[data-fx] .fx-ecg{stroke-dasharray:.28 1;stroke-dashoffset:-.2px}[data-fx] .fx-code{stroke-dasharray:1 2}[data-fx] .fx-lt{fill:var(--gold);stroke:var(--muted);stroke-width:1.2px}[data-fx] .fx-kerb{fill:none;stroke:var(--gold);stroke-width:3px;stroke-dasharray:9 9}[data-fx] .fx-car{transform:translate(8px)}[data-fx] .fx-spd{fill:none;stroke:var(--gold);stroke-width:1.6px;stroke-linecap:round;opacity:0}[data-fx] .fx-scout{transform:translate(28px,-28px)}[data-fx] .fx-hex{fill:var(--gold);stroke:var(--gold);stroke-width:1.2px}@media (prefers-reduced-motion:no-preference){html.enhanced [data-fx] .fx-rip{animation:2.4s ease-out infinite fx-rip}html.enhanced [data-fx] .fx-pin{animation:2.4s cubic-bezier(.3,1.6,.5,1) infinite fx-pin}html.enhanced [data-fx] .fx-rise{animation:fx-rise 7s var(--ease) infinite}html.enhanced [data-fx] .fx-wave{animation:1.5s ease-in-out infinite fx-wave}html.enhanced [data-fx] .fx-ecg{animation:3.8s linear infinite fx-ecg}html.enhanced [data-fx] .fx-code{animation:fx-code 3.8s var(--ease) infinite}html.enhanced [data-fx] .fx-lt1{animation:5.4s infinite fx-lt1}html.enhanced [data-fx] .fx-lt2{animation:5.4s infinite fx-lt2}html.enhanced [data-fx] .fx-lt3{animation:5.4s infinite fx-lt3}html.enhanced [data-fx] .fx-lt4{animation:5.4s infinite fx-lt4}html.enhanced [data-fx] .fx-lt5{animation:5.4s infinite fx-lt5}html.enhanced [data-fx] .fx-kerb{animation:5.4s linear infinite fx-kerb}html.enhanced [data-fx] .fx-car{animation:5.4s infinite fx-car}html.enhanced [data-fx] .fx-spd{animation:5.4s infinite fx-spd}html.enhanced [data-fx] .fx-flag{animation:.9s ease-in-out infinite fx-flag}html.enhanced [data-fx] .fx-scout{animation:3s linear infinite fx-scout}html.enhanced [data-fx] .fx-ping{animation:3s infinite fx-ping}html.enhanced [data-fx] .fx-aim{animation:2.6s cubic-bezier(.7,0,.2,1) infinite fx-aim}html.enhanced [data-fx] .fx-hit{animation:2.6s infinite fx-hit}html.enhanced [data-fx] .fx-hex{animation:3.6s infinite fx-hex}html.enhanced [data-fx] .fx-rip.fx-later{animation-delay:1.2s}html.enhanced [data-fx] .fx-hit.fx-later{animation-delay:1.3s}html.enhanced #about:not([data-state=active]) [data-fx] *{animation-play-state:paused}}
@keyframes fx-rip{0%{opacity:.9;transform:scale(.4)}to{opacity:0;transform:scale(4.6)}}@keyframes fx-pin{0%{transform:translateY(-46px)}22%,to{transform:none}}@keyframes fx-rise{0%{opacity:0;transform:translateY(34px)}6%{opacity:1}22%,92%{opacity:1;transform:none}to{opacity:0;transform:translateY(34px)}}@keyframes fx-wave{0%,to{transform:skewY(-3deg)scaleX(1)}50%{transform:skewY(4deg)scaleX(.95)}}@keyframes fx-ecg{0%{stroke-dashoffset:.28px}to{stroke-dashoffset:-1px}}@keyframes fx-code{0%,35%,to{stroke-dashoffset:1.06px}60%,90%{stroke-dashoffset:0}}@keyframes fx-lt1{0%,7%,57%,to{fill:#0000}8%,56%{fill:var(--gold)}}@keyframes fx-lt2{0%,17%,57%,to{fill:#0000}18%,56%{fill:var(--gold)}}@keyframes fx-lt3{0%,27%,57%,to{fill:#0000}28%,56%{fill:var(--gold)}}@keyframes fx-lt4{0%,37%,57%,to{fill:#0000}38%,56%{fill:var(--gold)}}@keyframes fx-lt5{0%,47%,57%,to{fill:#0000}48%,56%{fill:var(--gold)}}@keyframes fx-kerb{0%,57%{stroke-dashoffset:0}to{stroke-dashoffset:216px}}@keyframes fx-car{0%{opacity:0;transform:translate(8px)}6%,50%{opacity:1;transform:translate(8px)}53%{transform:translate(6px)}57%{animation-timing-function:cubic-bezier(.5,0,.9,.4);transform:translate(8px)}86%{opacity:1;transform:translate(220px)}87%,to{opacity:0;transform:translate(220px)}}@keyframes fx-spd{0%,58%,to{opacity:0}64%,86%{opacity:1}}@keyframes fx-flag{0%,to{transform:skewY(-5deg)scaleY(1)}50%{transform:skewY(5deg)scaleY(.92)}}@keyframes fx-scout{0%{transform:none}to{transform:translate(28px,-28px)}}@keyframes fx-ping{0%,40%{opacity:0;transform:scale(1)}45%{opacity:.9}75%,to{opacity:0;transform:scale(2.6)}}@keyframes fx-aim{0%,18%,82%,to{transform:none}38%,62%{transform:translate(20px,-24px)}}@keyframes fx-hit{0%,36%,60%,to{opacity:.5;transform:scale(1)}44%{opacity:1;transform:scale(2.2)}}@keyframes fx-hex{0%,6%,84%,to{fill:#0000;stroke:var(--muted)}14%,72%{fill:var(--gold);stroke:var(--gold)}}
[data-loop]{aspect-ratio:1;order:-1;justify-self:center;width:min(84%,52svh);margin:8%;position:relative}[data-loop] [data-slot]{border:2px solid var(--gold);border-radius:50%;position:absolute;inset:0}html.enhanced[data-gold-on=about] [data-loop] [data-slot]{border-color:#0000}@property --a{syntax:"<number>";inherits:false;initial-value:0}[data-loop] [data-arc]{background:conic-gradient(var(--gold) calc(var(--a) * 1turn), transparent 0);filter:drop-shadow(0 0 5px var(--gold));border-radius:50%;position:absolute;inset:-2px;-webkit-mask:radial-gradient(farthest-side,#0000 calc(100% - 5px),#000 calc(100% - 4.5px));mask:radial-gradient(farthest-side,#0000 calc(100% - 5px),#000 calc(100% - 4.5px))}[data-loop] [data-runner]{position:absolute;inset:0}[data-loop] [data-runner] i{background:var(--gold);width:11px;height:11px;box-shadow:0 0 14px 3px var(--gold);border-radius:50%;margin:-5.5px 0 0 -5.5px;position:absolute;top:0;left:50%}[data-loop] [data-stations]{margin:0;padding:0;list-style:none;position:absolute;inset:0;container-type:inline-size}[data-loop] [data-station]{width:0;height:0;translate:calc(var(--x) * 50cqw) calc(var(--y) * 50cqw);position:absolute;top:50%;left:50%}[data-loop] [data-node]{border:1.5px solid var(--hair);background:var(--bg);width:38px;height:38px;color:var(--muted);transition:background var(--std), border-color var(--std), color var(--std), scale var(--std) var(--ease);border-radius:50%;place-items:center;line-height:0;display:grid;position:absolute;top:0;left:0;translate:-50% -50%}[data-loop] [data-node] svg{width:18px;height:18px;display:block}[data-loop] [data-done] [data-node]{border-color:var(--gold);color:var(--accent)}[data-loop] [data-current] [data-node]{border-color:var(--gold);background:var(--gold);color:var(--on-gold);box-shadow:0 0 0 7px color-mix(in srgb, var(--gold) 18%, transparent);scale:1.22}[data-loop] [data-station-name]{color:var(--muted);font:500 11px / 1.4 var(--face-mono), ui-monospace, monospace;letter-spacing:.12em;text-transform:uppercase;white-space:nowrap;transition:color var(--std);position:absolute}[data-loop] [data-current] [data-station-name]{color:var(--ink)}[data-loop] [data-side=top] [data-station-name]{bottom:28px;left:0;translate:-50%}[data-loop] [data-side=right] [data-station-name]{top:0;left:30px;translate:0 -50%}[data-loop] [data-side=left] [data-station-name]{top:0;right:30px;translate:0 -50%}html[lang=ar] [data-loop] [data-station-name]{font-family:var(--stack-body);font-size:14px}[data-loop] [data-loop-mark]{aspect-ratio:1;width:26%;position:absolute;top:22%;left:37%}[data-loop] [data-loop-mark] svg{width:100%;height:100%;display:block}[data-loop] [data-loop-centre]{text-align:center;justify-items:center;gap:4px;display:grid;position:absolute;inset:54% 8% auto}[data-loop] [data-loop-centre] p{margin:0}[data-loop] [data-stage-name]{perspective:600px;font:600 clamp(22px, 2.6vw, 38px) / 1.2 var(--stack-display);white-space:nowrap}html[lang=ar] [data-loop] [data-stage-name]{font-weight:700;line-height:1.4}[data-loop] [data-stage-tools]{color:var(--muted);font:400 11.5px / 1.4 var(--face-mono), ui-monospace, monospace}@media (prefers-reduced-motion:no-preference){html.enhanced #about[data-state=active] [data-loop-mark] path:first-child{animation:.85s cubic-bezier(.16,1,.3,1) backwards loop-mark-upper}html.enhanced #about[data-state=active] [data-loop-mark] path:last-child{animation:.85s cubic-bezier(.16,1,.3,1) backwards loop-mark-lower}}@keyframes loop-mark-upper{0%{opacity:0;transform:translate(24px,-7px)}70%{opacity:1;transform:translate(-1.2px,.4px)}}@keyframes loop-mark-lower{0%{opacity:0;transform:translate(-24px,7px)}70%{opacity:1;transform:translate(1.2px,-.4px)}}@media (max-width:860px){[data-loop]{width:44vw;margin:9vw auto 6vw}html.enhanced #about:not([data-unpinned]) [data-loop]{width:min(44vw,24svh,100svh - 657px);margin:min(9vw,5svh) auto min(6vw,3svh)}[data-loop] [data-arc]{inset:-1px;-webkit-mask:radial-gradient(farthest-side,#0000 calc(100% - 3.5px),#000 calc(100% - 3px));mask:radial-gradient(farthest-side,#0000 calc(100% - 3.5px),#000 calc(100% - 3px))}[data-loop] [data-runner] i{width:8px;height:8px;margin:-4px 0 0 -4px}[data-loop] [data-node]{width:28px;height:28px}[data-loop] [data-node] svg{width:14px;height:14px}[data-loop] [data-station-name]{clip-path:inset(50%);width:1px;height:1px;overflow:hidden}[data-loop] [data-stage-name]{font-size:19px}[data-loop] [data-stage-tools]{font-size:9.5px}}@media (max-width:860px) and (max-height:830px){html.enhanced #about:not([data-unpinned]) [data-loop]{width:min(44vw,18svh);margin:min(9vw,3svh) auto min(6vw,1.5svh)}html.enhanced #about:not([data-unpinned]) [data-loop-mark]{width:20%;top:15%;left:40%}html.enhanced #about:not([data-unpinned]) [data-loop-centre]{gap:2px;inset:38% 14% auto}html.enhanced #about:not([data-unpinned]) [data-stage-name]{font-size:17px}html.enhanced #about:not([data-unpinned]) [data-stage-tools]{font-size:8.5px;line-height:1.3}}
[data-about]{align-items:center;gap:28px;width:100%;display:grid}[data-about-text]{gap:18px;min-width:0;display:grid}[data-about-text]>*{margin:0}[data-about] [data-about-heading]{font:600 clamp(34px, 5vw, 76px) / 1.02 var(--stack-display);letter-spacing:-.03em;text-wrap:balance;text-shadow:var(--glow)}html[lang=ar] [data-about] [data-about-heading]{font-weight:700;line-height:1.3}[data-about] [data-facts]{text-align:start;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding:0;list-style:none;display:grid}[data-about] [data-fact]{align-content:start;gap:1px;min-width:0;display:grid}[data-about] [data-fact-scene]{aspect-ratio:200/90;border:1px solid var(--hair);background:color-mix(in srgb, var(--bg) 55%, transparent);width:100%;transition:border-color var(--std), translate var(--std) var(--ease);border-radius:14px;margin-bottom:9px;display:block;overflow:hidden}@media (hover:hover){[data-about] [data-fact]:hover [data-fact-scene]{border-color:var(--gold);translate:0 -4px}}[data-about] [data-fact-label]{color:var(--accent);font:500 11px / 1.6 var(--face-mono), ui-monospace, monospace;letter-spacing:.14em;text-transform:uppercase;margin:0}html[lang=ar] [data-about] [data-fact-label]{font-family:var(--stack-body);font-size:13px}[data-about] [data-fact-body]{color:var(--muted);margin:0;font-size:14.5px}[data-about] [data-disclaimer]{color:var(--muted);margin-top:2px;font-size:11.5px}html.enhanced #about:not([data-unpinned]) [data-about-text]{translate:0 calc((1 - var(--enter,1)) * 46px - (1 - var(--exit,1)) * 46px)}html.enhanced #about:not([data-unpinned]) [data-fact-scene]{max-height:15svh}@media (min-width:861px){[data-about]{grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:clamp(24px,5vw,80px)}html.enhanced #about:not([data-unpinned]) [data-about-text]{gap:clamp(10px,2svh,18px)}html.enhanced #about:not([data-unpinned]) [data-about-heading]{font-size:clamp(34px,min(5vw,8.5svh),76px)}}@media (max-width:860px){[data-about]{justify-items:center;gap:4px}[data-about-text]{justify-items:center;gap:10px;width:100%}[data-about] [data-about-heading]{font-size:clamp(26px,7.4vw,38px)}[data-about] :is([data-facts],[data-disclaimer]){text-align:start;justify-self:stretch}[data-about] [data-facts]{gap:10px}[data-about] [data-fact-scene]{margin-bottom:5px}[data-about] [data-fact-label]{font-size:10px}html[lang=ar] [data-about] [data-fact-label]{font-size:12px}[data-about] [data-fact-body]{font-size:12.5px;line-height:1.4}html.enhanced #about:not([data-unpinned]) [data-fact-scene]{max-height:min(12svh,100svh - 757px)}}@media (min-width:861px) and (max-height:830px){html.enhanced #about:not([data-unpinned]) [data-fact-scene]{max-height:11svh}}@media (max-width:860px) and (max-height:830px){html.enhanced #about:not([data-unpinned]) [data-about-text]{gap:6px}html.enhanced #about:not([data-unpinned]) [data-facts]{gap:8px}html.enhanced #about:not([data-unpinned]) [data-fact-scene]{max-height:8svh;margin-bottom:4px}}
#contact,[data-site-footer]{--ink:var(--on-gold);--muted:#4a4026;--hair:#14120e4d;--accent:var(--on-gold);background:var(--gold);color:var(--ink);text-shadow:none;--halo-soft:none}html.enhanced #contact{background:0 0}[data-contact]{text-align:center;flex-direction:column;align-items:center;width:100%;display:flex}[data-contact-main]{justify-items:center;gap:clamp(12px,2.2svh,22px);max-width:1100px;display:grid}[data-contact-main]>*{margin:0}[data-contact] [data-contact-heading]{font:600 clamp(46px, 9.4vw, 156px) / .98 var(--stack-display);letter-spacing:-.03em;text-wrap:balance}html[lang=ar] [data-contact] [data-contact-heading]{font-size:clamp(44px,8.4vw,132px);font-weight:700;line-height:1.3}[data-contact] [data-contact-sentence]{max-width:44ch;color:var(--muted);font-size:clamp(16px,1.45vw,20px)}[data-contact] [data-email]{border-bottom:3px solid var(--ink);color:var(--ink);font:600 clamp(24px, 4.4vw, 64px) / 1.2 var(--stack-display);padding-bottom:6px;text-decoration:none;display:inline-block}[data-contact] [data-contact-actions]{flex-wrap:wrap;justify-content:center;align-items:center;gap:14px 22px;margin-top:6px;display:flex}[data-contact] [data-copy]{place-items:center;display:inline-grid}[data-contact] [data-copy-label]{grid-area:1/1}[data-contact] [data-copy-label][data-shown=false]{visibility:hidden}[data-contact] [data-profile]{min-height:44px;color:var(--ink);font:500 14.5px var(--face-mono), ui-monospace, monospace;align-items:center;gap:8px;text-decoration:none;display:inline-flex}[data-contact] [data-profile-icon]{background:currentColor;flex:none;width:14px;height:14px}[data-contact] [data-profile-name]{border-bottom:1px solid var(--hair);transition:border-color var(--quick);padding-bottom:2px}@media (hover:hover){[data-contact] [data-profile]:hover [data-profile-name]{border-color:var(--ink)}}[data-contact] [data-contact-meta]{color:var(--muted);flex-wrap:wrap;justify-content:center;gap:8px 22px;padding:0;font-size:14px;list-style:none;display:flex}[data-contact] [data-contact-meta] li{align-items:center;gap:8px;display:inline-flex}[data-contact] [data-contact-meta] svg{width:18px;height:18px;color:var(--accent);flex:none}:root{--contact-foot:26px}[data-site-footer]{z-index:2;color:var(--muted);text-align:start;padding:0 clamp(1.25rem,6vw,6rem) clamp(2rem,5vw,3.5rem);font-size:12.5px;position:relative}html.enhanced[data-contact-scene=flowing] #contact [data-sticky]{padding-bottom:48px}html.enhanced:not([data-contact-scene=flowing]) [data-site-footer]{inset-inline:clamp(1.25rem,6vw,6rem);bottom:var(--contact-foot);z-index:3;opacity:0;pointer-events:none;transition:opacity var(--std);background:0 0;padding:0;position:fixed}html.enhanced[data-contact-scene=active] [data-site-footer]{opacity:1;pointer-events:auto}html.enhanced #contact:not([data-unpinned]) [data-sticky]{padding-bottom:calc(var(--contact-foot) + 32px)}@media (max-width:860px){:root{--contact-foot:calc(84px + var(--safe-bottom))}[data-site-footer]{padding:0 20px calc(80px + var(--safe-bottom));text-align:center;font-size:11px}html.enhanced:not([data-contact-scene=flowing]) [data-site-footer]{padding:0;inset-inline:20px}html.enhanced #contact:not([data-unpinned]) [data-sticky]{padding-bottom:calc(var(--contact-foot) + 30px)}[data-contact-main]{gap:12px}[data-contact] [data-contact-heading],html[lang=ar] [data-contact] [data-contact-heading]{font-size:clamp(40px,12.5vw,64px)}[data-contact] [data-email]{font-size:clamp(20px,6.2vw,30px)}[data-contact] [data-contact-meta]{gap:6px 14px;font-size:13px}}@media (prefers-reduced-motion:no-preference){html.enhanced [data-contact] [data-word]{vertical-align:top;margin-bottom:-.14em;padding-bottom:.14em;display:inline-block;overflow:hidden}html.enhanced[lang=ar] [data-contact] [data-word]{margin-block:-.18em -.34em;padding-block:.18em .34em}html.enhanced [data-contact] [data-word]>span{display:inline-block}html.enhanced [data-contact][data-play] [data-word]>span{animation:contact-rise .95s cubic-bezier(.215, .61, .355, 1) calc(var(--i,0) * 80ms) backwards}html.enhanced [data-contact][data-play] [data-contact-main]>:not([data-contact-heading]){animation:contact-in .7s cubic-bezier(.215, .61, .355, 1) calc(.25s + var(--i,0) * 70ms) backwards}html.enhanced [data-contact][data-play] [data-email]{animation:contact-type calc(var(--n,1) * 68ms) steps(var(--n,1), end) .45s backwards}}@keyframes contact-rise{0%{transform:translateY(118%)}}@keyframes contact-in{0%{opacity:0;transform:translateY(18px)}}@keyframes contact-type{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0)}}html.enhanced:not([data-gold-on=contact]) #contact>[data-sticky]{background:color-mix(in srgb, var(--gold) calc(var(--enter) * 100%), transparent)}
[data-menu]{border:1px solid var(--hair);background:var(--cap);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-radius:99px;gap:2px;margin-inline-start:auto;padding:4px;display:flex;position:relative}[data-menu] a{z-index:1;min-height:44px;color:var(--muted);transition:color var(--std), transform var(--quick);border-radius:99px;align-items:center;gap:7px;padding:8px 14px;font-size:14px;line-height:1.55;text-decoration:none;display:inline-flex;position:relative}[data-menu] a:active{transform:scale(.94)}[data-menu] a[aria-current]{color:var(--ink)}[data-menu] svg{width:16px;height:16px;transition:transform var(--std) var(--ease), stroke var(--std);flex:none}[data-menu] svg *{transform-box:fill-box;transform-origin:50%}[data-menu] a[aria-current] svg{stroke:var(--accent)}[data-menu] [data-draw]{stroke-dasharray:1 2}[data-menu] [data-flap]{transform-origin:50% 0}[data-marker]{width:var(--marker-w,0px);transform:translateX(var(--marker-x,0px));border:1px solid color-mix(in srgb, var(--gold) 60%, transparent);background:color-mix(in srgb, var(--gold) 20%, transparent);opacity:0;pointer-events:none;border-radius:99px;position:absolute;top:4px;bottom:4px;left:0}[data-menu][data-marked] [data-marker]{opacity:1}[data-marker]:after{content:"";background:var(--gold);height:2px;transform:scaleX(var(--section-p,0));transform-origin:0;border-radius:2px;position:absolute;inset:auto 14px 4px}html[dir=rtl] [data-marker]:after{transform-origin:100%}[data-header][data-on-gold] [data-marker]{background:#14120e24;border-color:#14120e80}[data-header][data-on-gold] [data-marker]:after{background:var(--ink)}@media (hover:hover){[data-menu] a:hover{color:var(--ink)}[data-menu] a:hover svg{transform:translateY(-2px)}}@media (prefers-reduced-motion:no-preference){[data-marker]{transition:transform .6s cubic-bezier(.34,1.4,.5,1),width .6s cubic-bezier(.34,1.4,.5,1),opacity .3s}[data-menu] a[aria-current] [data-pop]{animation:menu-pop .55s var(--ease) calc(var(--i) * 70ms) both}[data-menu] a[aria-current] [data-draw]{animation:menu-draw .8s var(--ease) both}[data-menu] a[aria-current] [data-flap]{animation:menu-flap .7s var(--ease)}}@media (prefers-reduced-motion:no-preference) and (hover:hover){[data-menu] a:hover [data-pop]{animation:menu-pop .55s var(--ease) calc(var(--i) * 70ms) both}[data-menu] a:hover [data-draw]{animation:menu-draw .8s var(--ease) both}[data-menu] a:hover [data-flap]{animation:menu-flap .7s var(--ease)}}@keyframes menu-pop{0%{transform:scale(0)}70%{transform:scale(1.3)}to{transform:none}}@keyframes menu-draw{0%{stroke-dashoffset:1.06px}to{stroke-dashoffset:0}}@keyframes menu-flap{0%,to{transform:none}45%{transform:scaleY(-.85)}}@media (max-width:860px){[data-menu]{inset:auto max(14px, env(safe-area-inset-left,0px), env(safe-area-inset-right,0px)) 12px;padding:6px;padding-bottom:calc(6px + var(--safe-bottom));justify-content:space-between;gap:0;margin:0;position:fixed}[data-menu] a{flex:1 1 0;justify-content:center;gap:0;min-width:0;padding:13px 4px}[data-menu] a[aria-current]{flex:2.3 1 0;gap:8px}[data-menu] svg{width:21px;height:21px}[data-menu] span{white-space:nowrap;opacity:0;max-width:0;transition:opacity .35s .15s;overflow:hidden}html[lang=ar] [data-menu] span{font-size:15.5px}[data-menu] a[aria-current] span{opacity:1;max-width:130px}[data-marker]{top:6px;bottom:calc(6px + var(--safe-bottom))}[data-marker]:after{inset:auto 18px 5px}}
[data-header]{--cap:color-mix(in srgb, var(--bg) 60%, transparent);z-index:5;height:64px;padding-inline:max(clamp(16px, 3vw, 40px), env(safe-area-inset-left,0px), env(safe-area-inset-right,0px));color:var(--ink);align-items:center;gap:26px;transition:color .4s;display:flex;position:fixed;inset:0 0 auto}[data-header][data-on-gold]{--ink:var(--on-gold);--muted:color-mix(in srgb, var(--on-gold) 80%, var(--gold));--hair:#14120e4d;--accent:var(--on-gold);--cap:#14120e1a}.skip{background:var(--gold);color:var(--on-gold);border-radius:99px;padding:10px 18px;font-weight:500;text-decoration:none;position:absolute;inset-block-start:10px;inset-inline-start:10px;transform:translateY(-200%)}.skip:focus{transform:none}[data-brand]{font:500 17px var(--face-body), system-ui, sans-serif;align-items:center;gap:8px;text-decoration:none;display:flex}[data-brand] span{text-transform:lowercase}[data-controls]{gap:6px;display:flex}[data-controls]>*{background:var(--cap);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);transition:border-color var(--quick), transform var(--std) var(--ease);font-size:14px;text-decoration:none}[data-theme-toggle] svg{transition:transform .7s var(--ease)}[data-theme=light] [data-theme-toggle] svg{transform:rotate(180deg)}@media (hover:hover){[data-controls]>:hover{border-color:var(--accent);transform:rotate(-10deg)}[data-brand] svg path{transition:transform var(--std) var(--ease)}[data-brand]:hover svg path:first-child{transform:translate(3px,-1px)}[data-brand]:hover svg path:last-child{transform:translate(-3px,1px)}}[data-header][data-on-gold] [data-brand] svg{--accent:#faf9f6}@media (max-width:860px){[data-header]{height:56px}[data-brand] span{display:none}[data-controls]{margin-inline-start:auto}}[data-progress]{display:none}html.enhanced [data-progress]{background:var(--gold);transform-origin:0;height:2px;display:block;position:fixed;inset:0 0 auto;transform:scaleX(0)}html.enhanced[dir=rtl] [data-progress]{transform-origin:100%}html.enhanced [data-header][data-on-gold] [data-progress]{background:var(--ink)}[data-ring]{border:1px solid var(--gold);opacity:0;pointer-events:none;width:34px;height:34px;transition:translate .35s var(--ease), width var(--std) var(--ease), height var(--std) var(--ease), background var(--std), opacity .3s;border-radius:50%;position:fixed;top:0;left:0;transform:translate(-50%,-50%)}[data-ring][data-live]{opacity:.8}[data-ring][data-big]{background:color-mix(in srgb, var(--gold) 18%, transparent);width:64px;height:64px}[data-header][data-on-gold] [data-ring]{border-color:var(--ink)}::view-transition-old(root){mix-blend-mode:normal;animation:none}::view-transition-new(root){animation:theme-reveal .7s var(--ease);mix-blend-mode:normal}@keyframes theme-reveal{0%{clip-path:circle(0 at var(--vx,50%) var(--vy,0))}to{clip-path:circle(150% at var(--vx,50%) var(--vy,0))}}html:not(.pinned){scroll-padding-block:72px 0}html:not(.pinned) main{padding-top:64px}@media (max-width:860px){html:not(.pinned){scroll-padding-block:64px 88px}html:not(.pinned) main{padding-top:56px}}
[data-tags] [data-role]{color:var(--ink);letter-spacing:.12em;direction:ltr}[data-title]{display:inline-grid}[data-title]>*{white-space:nowrap;grid-area:1/1}[data-title]>[data-sizer]{visibility:hidden;padding-inline:8px}[data-title-row]{justify-content:flex-start;align-items:center;gap:7px;display:inline-flex}html[dir=rtl] [data-title-row]{justify-content:flex-end}[data-bracket]{color:var(--accent);font:600 13px var(--face-mono), ui-monospace, monospace;letter-spacing:0}
[data-hero]{flex-direction:column;gap:clamp(14px,2.4vh,26px);width:100%;display:flex}[data-tags]{flex-wrap:wrap;align-items:center;margin:0;padding:0;list-style:none;display:flex}[data-tags] li{color:var(--muted);font:500 12px / 1.5 var(--face-mono), ui-monospace, monospace;letter-spacing:.14em;text-transform:uppercase;align-items:center;gap:8px;display:inline-flex}html[lang=ar] [data-tags] li{font-family:var(--stack-body);font-size:15px}[data-tags] li+li:before{content:"";background:var(--hair);width:1px;height:13px;margin-inline:16px}[data-tags] svg{width:15px;height:15px;color:var(--accent)}[data-tags] [data-open]{color:var(--ink)}[data-pulse]{background:var(--gold);border-radius:50%;width:7px;height:7px}[data-headline]{font-family:var(--stack-display);font-variation-settings:"wght" 560, "SOFT" 0;letter-spacing:-.035em;text-shadow:var(--glow);margin:0;font-size:clamp(44px,min(11.4vw,33.3333svh - 93.3333px),168px);font-weight:560;line-height:.98;position:relative}html[lang=ar] [data-headline]{font-variation-settings:normal;font-size:clamp(44px,min(10.5vw,25svh - 72.5px),150px);font-weight:700;line-height:1.32}[data-headline] [data-line]{white-space:nowrap;display:block}[data-headline] [data-word],[data-headline] [data-ch]{display:inline-block;position:relative}[data-headline] [data-ch]{transform-origin:50% 100%}[data-headline] [data-slot]{inset-inline:0;pointer-events:none;height:4.5%;position:absolute;top:92%}html[lang=ar] [data-headline] [data-slot]{top:84%}[data-foot]{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:18px 40px;margin-top:clamp(10px,2.2vh,26px);display:flex}[data-pitch]{gap:16px;display:grid}[data-lead]{color:var(--ink);text-shadow:var(--glow);margin:0;font-size:clamp(18px,1.75vw,25px)}[data-rot]{perspective:600px;justify-items:start;display:inline-grid}[data-rot]>span{border-bottom:2px solid var(--gold);color:var(--accent);white-space:nowrap;grid-area:1/1;padding-bottom:1px}[data-rot]>[data-sizer]{visibility:hidden}[data-steps]{color:var(--muted);align-items:center;margin:0;padding:0;font-size:13.5px;list-style:none;display:flex}[data-step]{align-items:center;gap:9px;display:flex}[data-step]+[data-step]:before{content:"";background:linear-gradient(var(--gold), var(--gold)) 0 0 / 0% 100% no-repeat, var(--hair);border-radius:2px;width:clamp(22px,4vw,60px);height:2px;margin-inline:12px}html[dir=rtl] [data-step]+[data-step]:before{background-position:100% 0,0 0}[data-step-icon]{border:1px solid var(--hair);width:36px;height:36px;color:var(--accent);border-radius:50%;place-items:center;display:grid}[data-step-icon] svg{width:16px;height:16px}[data-actions]{flex-wrap:wrap;gap:12px;display:flex}[data-cue]{display:none}@media (max-width:860px){[data-hero]{text-align:center;align-items:center}[data-tags]{justify-content:center}[data-tags] li{letter-spacing:.1em;gap:6px;font-size:10.5px}html[lang=ar] [data-tags] li{font-size:13.5px}[data-tags] li+li:before{height:11px;margin-inline:10px}[data-tags] svg{width:13px;height:13px}[data-tags] [data-open]{flex-basis:100%;justify-content:center;margin-top:6px}[data-tags] [data-open]:before{display:none}[data-title-row],html[dir=rtl] [data-title-row]{justify-content:center}[data-bracket]{font-size:11.5px}[data-headline]{font-size:clamp(36px,min(12vw,33.3333svh - 126.667px),84px)}html[lang=ar] [data-headline]{font-size:clamp(40px,min(12.4vw,25svh - 97.5px),84px)}[data-foot]{flex-direction:column;align-items:center;gap:16px}[data-pitch]{justify-items:center}[data-lead]{font-size:17px}[data-steps]{font-size:12.5px}[data-step-icon]{width:32px;height:32px}[data-actions]{justify-content:center}}@media (max-width:383px){[data-step]{gap:6px}[data-step]+[data-step]:before{width:14px;margin-inline:8px}[data-step-icon]{width:28px;height:28px}[data-step-icon] svg{width:14px;height:14px}}
@media (prefers-reduced-motion:no-preference){html.intro [data-headline=words] [data-word]{animation:.95s cubic-bezier(.215,.61,.355,1) backwards hero-word;animation-delay:calc(.15s + var(--i,0) * .1s)}@media (forced-colors:none){html:is(.intro,.enhanced) [data-headline=letters] [data-ch]{-webkit-text-fill-color:transparent;text-shadow:none}html:is(.intro,.enhanced) [data-headline=letters] [data-ch]:before{content:attr(data-c);text-align:center;-webkit-text-fill-color:currentColor;text-shadow:var(--glow);font-variation-settings:var(--fv,"wght" 560, "SOFT" 0);transition:font-variation-settings .35s var(--ease);position:absolute;inset:0}html.intro [data-headline=letters] [data-ch]{animation:.95s cubic-bezier(.215,.61,.355,1) backwards hero-letter;animation-delay:calc(.15s + var(--i,0) * 28ms)}html.intro [data-headline=letters] [data-ch]:before{animation:1.7s cubic-bezier(.25,.46,.45,.94) .15s backwards hero-weight}}html.intro [data-hero] [data-side]>*{animation:.9s cubic-bezier(.65,0,.35,1) 1.05s backwards hero-in}html.intro [data-typed]{animation:hero-type-ltr calc(var(--n,1) * var(--type-step,68ms)) steps(var(--n,1), end) var(--type-at,1.05s) backwards}html.intro [data-typed][dir=rtl]{animation-name:hero-type-rtl}html.intro [data-bracket]{animation:hero-bracket .8s var(--ease) backwards}html.intro [data-bracket=open]{--from:-18px}html.intro [data-bracket=close]{--from:18px}html.intro.loading [data-hero] *,html.intro.loading [data-hero] :before{animation-play-state:paused}}@keyframes hero-letter{0%{transform:perspective(700px)translateY(30%)rotateX(-45deg)}}@keyframes hero-word{0%{transform:translateY(30%)}}@keyframes hero-weight{0%{font-variation-settings:"wght" 220, "SOFT" 100}}@keyframes hero-in{0%{transform:translateY(24px)}}@keyframes hero-bracket{0%{transform:translateX(var(--from,0))}}@keyframes hero-type-ltr{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0)}}@keyframes hero-type-rtl{0%{clip-path:inset(0 0 0 100%)}to{clip-path:inset(0)}}
html.enhanced [data-headline]{transform:translate3d(var(--zx,0px), var(--zy,0px), 0) scale(var(--zs,1));opacity:var(--shown,1)}html.enhanced [data-headline] [data-key]>[data-ink]{opacity:calc(1 - var(--img,0))}html.enhanced [data-headline] [data-word]:not([data-key])>[data-ink]{opacity:var(--others,1)}html.enhanced [data-headline] [data-key]:after{content:attr(data-text);white-space:nowrap;color:#0000;-webkit-text-fill-color:transparent;text-shadow:none;background:var(--zoom-shot) 50% 20% / cover;opacity:var(--img,0);pointer-events:none;-webkit-background-clip:text;background-clip:text;position:absolute;inset:0}@supports (background-image:image-set(url("x.avif") type("image/avif"))){html.enhanced [data-headline] [data-key]:after{background-image:var(--zoom-set)}}html.enhanced [data-hero] [data-side]{opacity:var(--side,1);translate:0 calc((var(--side,1) - 1) * 24px)}html.enhanced [data-hero][data-side-off] [data-side]{pointer-events:none}html.enhanced [data-typed]:after{content:"";vertical-align:-.16em;background:var(--gold);width:2px;height:1.05em;margin-inline-start:3px;animation:1s step-end infinite hero-blink;display:inline-block}@keyframes hero-blink{50%{opacity:0}}html.enhanced [data-pulse]{box-shadow:0 0 0 0 color-mix(in srgb, var(--gold) 70%, transparent);animation:1.8s ease-out infinite hero-pulse}@keyframes hero-pulse{to{box-shadow:0 0 0 9px #0000}}html.enhanced [data-step-icon]{animation:5s infinite step-a}html.enhanced [data-step]:nth-child(2) [data-step-icon]{animation-name:step-b}html.enhanced [data-step]:nth-child(3) [data-step-icon]{animation-name:step-c}html.enhanced [data-step]+[data-step]:before{animation:5s infinite step-line-1}html.enhanced [data-step]:nth-child(3):before{animation-name:step-line-2}@keyframes step-a{0%,90%{border-color:var(--gold);background:color-mix(in srgb, var(--gold) 16%, transparent)}96%,to{border-color:var(--hair);background:0 0}}@keyframes step-b{0%,28%{border-color:var(--hair);background:0 0}34%,90%{border-color:var(--gold);background:color-mix(in srgb, var(--gold) 16%, transparent)}96%,to{border-color:var(--hair);background:0 0}}@keyframes step-c{0%,58%{border-color:var(--hair);background:0 0;transform:none}64%{transform:translateY(-6px)}70%,90%{border-color:var(--gold);background:color-mix(in srgb, var(--gold) 16%, transparent);transform:none}96%,to{border-color:var(--hair);background:0 0}}@keyframes step-line-1{0%,8%{background-size:0% 100%,auto}30%,90%{background-size:100% 100%,auto}96%,to{background-size:0% 100%,auto}}@keyframes step-line-2{0%,38%{background-size:0% 100%,auto}60%,90%{background-size:100% 100%,auto}96%,to{background-size:0% 100%,auto}}html:is(.intro,.enhanced) [data-cue]{color:var(--muted);font:500 12px var(--face-mono), ui-monospace, monospace;letter-spacing:.14em;text-transform:uppercase;justify-content:center;align-items:center;gap:12px;margin:0;display:flex;position:absolute;inset:auto 0 22px}html:is(.intro,.enhanced)[lang=ar] [data-cue]{font-family:var(--stack-body);font-size:14px}html:is(.intro,.enhanced) [data-cue] i{background:var(--hair);width:44px;height:1px;position:relative;overflow:hidden}html:is(.intro,.enhanced) [data-cue] i:after{content:"";background:var(--gold);animation:hero-cue 1.8s var(--ease) infinite;position:absolute;inset:0}html:is(.intro,.enhanced)[dir=rtl] [data-cue] i:after{animation-direction:reverse}@keyframes hero-cue{0%{transform:translate(-100%)}60%,to{transform:translate(100%)}}@media (max-width:860px){html:is(.intro,.enhanced) [data-cue]{display:none}}
[data-button]{border:1px solid var(--ink);min-height:50px;color:var(--ink);font:500 16px var(--stack-body);text-shadow:none;transition:background-color var(--std), color var(--std), border-color var(--std);border-radius:99px;justify-content:center;align-items:center;padding:0 24px;text-decoration:none;display:inline-flex}[data-button=primary]{border-color:var(--gold);background:var(--gold);color:var(--on-gold)}@media (hover:hover){[data-button]:hover{border-color:var(--ink);background:var(--ink);color:var(--bg)}}[data-button=solid]{border-color:var(--ink);background:var(--ink);color:var(--gold);cursor:pointer}@media (hover:hover){[data-button=solid]:hover{color:var(--ink);background:0 0}}
[data-loader]{display:none}html.loading [data-loader],[data-loader][data-flying]{z-index:9;background:var(--bg);flex-direction:column;justify-content:center;align-items:center;gap:26px;display:flex;position:fixed;inset:0}[data-loader][data-flying]{pointer-events:none}html.loading{scrollbar-gutter:stable;overflow:hidden}[data-loader] svg{width:min(34vw,170px);height:auto;overflow:visible}[data-spark]{fill:var(--gold);opacity:0;transform-box:fill-box;transform-origin:50%}[data-loader-meter]{justify-items:center;gap:12px;display:grid}[data-loader-count]{font:500 13px var(--face-mono), ui-monospace, monospace;letter-spacing:.2em;color:var(--muted)}[data-loader-count] b{color:var(--ink);font-variant-numeric:tabular-nums;font-weight:500}[data-loader-track]{background:var(--hair);border-radius:2px;width:min(180px,40vw);height:2px;display:block;overflow:hidden}[data-loader-track] u{background:var(--gold);transform-origin:0;height:100%;display:block;transform:scaleX(0)}[dir=rtl] [data-loader-track] u{transform-origin:100%}@media (prefers-reduced-motion:no-preference){[data-loader]:not([data-locked]) [data-half=a]{animation:1.1s cubic-bezier(.6,0,.4,1) infinite loader-seek-a}[data-loader]:not([data-locked]) [data-half=b]{animation:1.1s cubic-bezier(.6,0,.4,1) infinite loader-seek-b}[data-loader][data-locked] [data-spark]{animation:.6s ease-out both loader-spark}}@keyframes loader-seek-a{0%,to{transform:translate(9px,-3px)}50%{transform:translate(1px)}}@keyframes loader-seek-b{0%,to{transform:translate(-9px,3px)}50%{transform:translate(-1px)}}@keyframes loader-spark{0%{opacity:.95;transform:scale(.2)}to{opacity:0;transform:scale(4.2)}}
[data-build]{--p0:1;--p1:1;--p2:1;--p3:1;--p4:1;direction:ltr;width:100%;height:auto;display:block;overflow:visible}[data-build] .sc{fill:none;stroke:var(--ink);stroke-width:2px;stroke-linecap:round;stroke-linejoin:round}[data-build] .gd{stroke:var(--gold)}[data-build] :is(.d0,.d1,.d2,.d3,.d4){stroke-dasharray:1 2}[data-build] .d0{stroke-dashoffset:calc((1 - var(--p0)) * 1.04)}[data-build] .d1{stroke-dashoffset:calc((1 - var(--p1)) * 1.04)}[data-build] .d2{stroke-dashoffset:calc((1 - var(--p2)) * 1.04)}[data-build] .d3{stroke-dashoffset:calc((1 - var(--p3)) * 1.04)}[data-build] .d4{stroke-dashoffset:calc((1 - var(--p4)) * 1.04)}[data-build] .o1{opacity:var(--p1)}[data-build] .o2{opacity:var(--p2)}[data-build] .o3{opacity:var(--p3)}[data-build] .o4{opacity:var(--p4)}[data-build] .talk{opacity:calc(1 - var(--p1) * .8);transform:scale(calc(1 - var(--p1) * .06));transform-origin:50% 40%}[data-build] .ghost{stroke-dasharray:4 7;opacity:calc(var(--p0) * (1 - var(--p1)) * .6)}[data-build] .fi{fill:var(--ink)}[data-build] .fi.o2{opacity:calc(var(--p2) * .13)}[data-build] :is(.fg,.fg2,.dotc){fill:var(--gold)}[data-build] .fg2.o2{opacity:calc(var(--p2) * .32)}[data-build] .pk{fill:var(--gold);transform-box:fill-box;transform-origin:50%;transform:translate(98px)}[data-build] .ck{stroke:var(--gold);stroke-width:3.6px}[data-build] .ptr{fill:var(--ink);stroke:var(--bg);stroke-width:1.2px}[data-build] .lift{transform:translateY(calc(var(--p4) * -14px))}[data-build] .lt{fill:var(--on-gold);font:600 13px var(--face-mono), ui-monospace, monospace;letter-spacing:.12em}html[lang=ar] [data-build] .lt{font-family:var(--stack-body);font-size:14px}[data-build] .ld{fill:var(--on-gold);transform-box:fill-box;transform-origin:50%}[data-build] .ring{fill:none;stroke:var(--gold);stroke-width:1.4px;transform-box:fill-box;transform-origin:50%;opacity:.35;transform:scale(.86)}[data-build] .ring.r2{opacity:.15;transform:scale(1.05)}@media (prefers-reduced-motion:no-preference){html.enhanced [data-build] .ptr{animation:1.6s ease-in-out infinite build-pointer}html.enhanced [data-build] .pk{animation:1.5s ease-in-out infinite alternate build-packet}html.enhanced [data-build] .ld{animation:1.2s ease-in-out infinite build-live}html.enhanced [data-build] .ring{animation:2.8s ease-out infinite build-ring}html.enhanced [data-build] .ring.r2{animation-delay:1.4s}html.enhanced #process:not([data-state=active]) [data-build] :is(.ptr,.pk,.ld,.ring){animation-play-state:paused}}@keyframes build-pointer{50%{transform:translate(-5px,-5px)}}@keyframes build-packet{0%{transform:none}to{transform:translate(98px)}}@keyframes build-live{50%{opacity:.25;transform:scale(.7)}}@keyframes build-ring{0%{opacity:.7;transform:scale(.55)}to{opacity:0;transform:scale(1.18)}}
[data-rail]{width:100%;margin-top:-13.5px;position:relative}[data-rail] [data-rail-line]{inset-inline:15px;height:0;position:absolute;top:15px}html.enhanced:not([data-gold-on=process]) #process [data-rail-line]:before{content:"";inset-inline-start:0;z-index:-1;width:calc(clamp(0, var(--p,0) * var(--steps) / (var(--steps) - 1), 1) * 100%);background:var(--gold);border-radius:2px;height:3px;position:absolute;top:-1.5px}[data-rail] [data-stations]{justify-content:space-between;align-items:flex-start;margin:0;padding:0;list-style:none;display:flex}[data-rail] [data-stations] li{min-width:0;color:var(--muted);transition:color var(--std);flex-direction:column;flex:0 0 30px;align-items:center;display:flex}[data-rail] [data-stations] li.done{color:var(--accent)}[data-rail] [data-stations] li.current{color:var(--ink)}[data-rail] [data-stations] button{width:44px;min-height:44px;color:inherit;cursor:pointer;background:0 0;border:0;border-radius:12px;flex-direction:column;align-items:center;gap:9px;margin:-7px;padding:7px;display:flex;position:relative}[data-rail] [data-station]{border:1.5px solid var(--hair);background:var(--bg);width:30px;height:30px;transition:background var(--std), border-color var(--std), transform var(--std) var(--ease);border-radius:50%;place-items:center;display:grid;position:relative}[data-rail] [data-station] b{color:var(--muted);font:500 11px / 1 var(--face-mono), ui-monospace, monospace;transition:opacity var(--quick)}[data-rail] [data-station] svg{width:15px;height:15px;stroke:var(--on-gold);stroke-width:2.4px;opacity:0;transition:opacity var(--std), transform var(--std) var(--ease);position:absolute;transform:scale(.4)}[data-rail] [data-station-name]{font:500 13px / 1.4 var(--face-mono), ui-monospace, monospace;white-space:nowrap}html[lang=ar] [data-rail] [data-station-name]{font-family:var(--stack-body);font-size:15px}[data-rail] [data-stations] li:first-child [data-station-name]{align-self:flex-start}[data-rail] [data-stations] li:last-child [data-station-name]{align-self:flex-end}[data-rail] [data-stations] li.done [data-station]{border-color:var(--gold);background:var(--gold)}[data-rail] [data-stations] li.done [data-station] b{opacity:0}[data-rail] [data-stations] li.done [data-station] svg{opacity:1;transform:none}[data-rail] [data-stations] li.current [data-station]{border-color:var(--gold);transform:scale(1.18)}[data-rail] [data-stations] li.current [data-station] b{color:var(--ink)}[data-rail] [data-stations] li.current [data-station]:after{content:"";border:1.5px solid var(--gold);opacity:0;border-radius:50%;position:absolute;inset:-1.5px}@media (prefers-reduced-motion:no-preference){html.enhanced [data-rail] [data-stations] li.current [data-station]:after{animation:1.9s ease-out infinite station-halo}html.enhanced #process:not([data-state=active]) [data-rail] li.current [data-station]:after{animation-play-state:paused}}@keyframes station-halo{0%{opacity:.7;transform:scale(1)}to{opacity:0;transform:scale(1.75)}}@media (hover:hover){[data-rail] [data-stations] button:hover [data-station]{border-color:var(--gold)}}@media (max-width:860px){[data-rail]{margin-top:0}[data-rail] [data-station-name],html[lang=ar] [data-rail] [data-station-name]{font-size:12.5px}[data-rail] [data-stations] li:not(.current) [data-station-name]{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}}
[data-process]{flex-direction:column;gap:28px;width:100%;display:flex}[data-process-main]{gap:28px;display:grid}[data-process-text]{align-content:center;gap:14px;min-width:0;display:grid}[data-process-scene]{order:1;min-width:0}[data-process-scene] [data-build]{max-width:520px}[data-process] :is([data-count],[data-rail]){display:none}[data-process] [data-process-steps]{gap:48px;margin:0;padding:0;list-style:none;display:grid}[data-process] [data-process-step]{align-content:start;gap:14px;min-width:0;display:grid}[data-process] [data-process-step]>*,[data-process] [data-process-step]>:where([data-item-body])>*{margin:0}[data-process] [data-step-title]{perspective:900px;font:600 clamp(40px, 6vw, 72px) / 1.12 var(--stack-display);letter-spacing:-.03em;text-shadow:var(--glow)}html[lang=ar] [data-process] [data-step-title]{line-height:1.6}[data-process] [data-step-sentence]{max-width:44ch;color:var(--muted);text-shadow:var(--glow);font-size:clamp(16px,1.45vw,20px)}[data-process] [data-step-get]{text-align:start;align-items:center;gap:12px;font-size:17px;line-height:1.55;display:flex}[data-process] [data-step-get] svg{width:26px;height:26px;color:var(--gold);flex:none}[data-process] [data-step-get] small{color:var(--muted);font:500 10.5px / 1.5 var(--face-mono), ui-monospace, monospace;letter-spacing:.14em;text-transform:uppercase;display:block}html[lang=ar] [data-process] [data-step-get] small{font-family:var(--stack-body);font-size:12.5px}[data-process] [data-step-tools]{flex-wrap:wrap;gap:6px;padding:0;list-style:none;display:flex}[data-process] [data-step-tools] li{background:color-mix(in srgb, var(--bg) 70%, transparent)}html[dir=rtl]:not(.enhanced) [data-process] [data-step-tools],html[dir=rtl] #process[data-unpinned] [data-step-tools]{justify-content:flex-end}html.enhanced #process:not([data-unpinned]) :is([data-count],[data-rail]){display:block}html.enhanced #process:not([data-unpinned]) [data-process-text]{translate:0 calc((1 - var(--enter,1)) * 46px - (1 - var(--exit,1)) * 46px)}html.enhanced #process:not([data-unpinned]) [data-process-scene] [data-build]{max-width:none;max-height:58svh}html.enhanced #process:not([data-unpinned]) [data-process-step]{grid-area:1/1}html.enhanced #process:not([data-unpinned]) [data-process-step]:not([data-current]){opacity:0;pointer-events:none}html.enhanced #process:not([data-unpinned]) [data-step-title]{font-size:clamp(52px,7.8vw,124px)}@media (min-width:861px){html.enhanced #process:not([data-unpinned]) [data-process]{gap:clamp(18px,4vh,46px)}html.enhanced #process:not([data-unpinned]) [data-count]{justify-self:start}html.enhanced #process:not([data-unpinned]) [data-process-main]{grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);align-items:center;gap:clamp(20px,4vw,64px)}}@media (max-width:860px){html.enhanced #process:not([data-unpinned]) [data-process]{gap:12px}html.enhanced #process:not([data-unpinned]) [data-process-main]{justify-items:center;gap:6px}html.enhanced #process:not([data-unpinned]) [data-process-scene]{order:-1;width:100%}html.enhanced #process:not([data-unpinned]) [data-process-scene] [data-build]{max-height:31svh}html.enhanced #process:not([data-unpinned]) :is([data-process-text],[data-process-step]){justify-items:center}html.enhanced #process:not([data-unpinned]) [data-step-title]{font-size:clamp(40px,12vw,60px)}html.enhanced #process:not([data-unpinned]) [data-step-sentence]{margin-inline:auto}html.enhanced #process:not([data-unpinned]) [data-step-get]{font-size:15px}html.enhanced #process:not([data-unpinned]) [data-step-tools]{justify-content:center}}@media (max-width:860px) and (max-height:830px){html.enhanced #process:not([data-unpinned]) [data-process]{gap:8px}html.enhanced #process:not([data-unpinned]) [data-process-main]{gap:4px}html.enhanced #process:not([data-unpinned]) :is([data-process-text],[data-process-step]){gap:8px}html.enhanced #process:not([data-unpinned]) [data-process-scene] [data-build]{max-height:22svh}html.enhanced #process:not([data-unpinned]) [data-step-title]{font-size:clamp(34px,min(12vw,6svh),60px)}}
[data-diagram]{border:1px solid var(--hair);background:color-mix(in srgb, var(--bg) 45%, transparent);border-radius:16px;gap:6px;max-width:520px;padding:14px 18px;display:grid}[data-diagram] figcaption{color:var(--muted);font-size:14px}[data-sig]{width:100%;height:auto;display:block;overflow:visible}[data-sg~=line]{fill:none;stroke:var(--hair);stroke-width:1.5px}[data-sg~=node]{fill:var(--bg);stroke:var(--muted);stroke-width:1.5px}[data-sg~=dot]{fill:var(--gold)}[data-sg~=cross]{fill:none;stroke:var(--muted);stroke-width:1.5px;stroke-dasharray:3 4}[data-sg~=label]{fill:var(--muted);font:500 10.5px var(--face-mono), ui-monospace, monospace;letter-spacing:.06em}@media (max-width:860px){[data-diagram]{width:100%;max-width:300px;padding:10px 14px}[data-diagram] figcaption{font-size:13px}}[data-sg~=run]{transform:translate(196px)}[data-sg~=try]{transform:translate(120px,18px)}[data-sg~=ok]{stroke:var(--gold)}[data-sg~=player]{fill:var(--gold)}[data-sg~=pulse]{fill:none;stroke:var(--gold);stroke-width:1.5px;opacity:0;transform-box:fill-box;transform-origin:50%;vector-effect:non-scaling-stroke}@media (prefers-reduced-motion:no-preference){html.enhanced [data-sg~=run]{animation:3.2s cubic-bezier(.6,0,.3,1) infinite sg-run}html.enhanced [data-sg~=try]{animation:3.6s cubic-bezier(.5,0,.3,1) infinite sg-try}html.enhanced [data-sg~=ok]{animation:3.6s infinite sg-ok}html.enhanced [data-sg~=pulse]{animation:2.4s ease-out infinite sg-pulse}html.enhanced [data-sg~=player]{animation:2.4s infinite sg-blink}}@keyframes sg-run{0%,to{transform:none}45%,55%{transform:translate(196px)}}@keyframes sg-try{0%,45%,to{transform:none}25%{transform:translate(120px,-18px)}35%{transform:translate(104px,-18px)}70%,88%{transform:translate(120px,18px)}}@keyframes sg-ok{0%,60%,to{stroke:var(--muted)}70%,90%{stroke:var(--gold)}}@keyframes sg-pulse{0%{opacity:.9;transform:scale(1)}70%,to{opacity:0;transform:scale(9.25)}}@keyframes sg-blink{0%,55%,to{fill:var(--bg)}68%,90%{fill:var(--gold)}}
[data-visit]{isolation:isolate;padding:6px;border:1px solid var(--gold);background:var(--gold);box-shadow:0 14px 34px -16px var(--gold);color:var(--on-gold);text-shadow:none;transition:translate var(--std) var(--ease), box-shadow var(--std);border-radius:99px;align-items:center;gap:16px;padding-inline-start:22px;text-decoration:none;display:inline-flex;position:relative;overflow:hidden}[data-visit]:before{content:"";background:linear-gradient(100deg,#0000 30%,#ffffff8c 50%,#0000 70%);position:absolute;inset:0;transform:translate(-120%)}[data-visit]>*{position:relative}[data-visit-text]{text-align:start;line-height:1.25;display:grid}[data-visit-text] small{color:var(--on-gold);font:500 10.5px var(--face-mono), ui-monospace, monospace;letter-spacing:.14em;text-transform:uppercase;opacity:.75;align-items:center;gap:7px;display:flex}html[lang=ar] [data-visit-text] small{font-family:var(--stack-body);font-size:12.5px}[data-visit-text] small:before{content:"";background:var(--on-gold);border-radius:50%;width:6px;height:6px}[data-visit-text] b{font:500 15.5px var(--face-mono), ui-monospace, monospace}[data-visit-arrow]{background:var(--on-gold);width:44px;height:44px;color:var(--gold);border-radius:50%;place-items:center;display:grid;overflow:hidden;box-shadow:0 0 #14120e73}[data-visit-arrow] svg{width:22px;height:22px}@media (hover:hover){[data-visit]:hover{box-shadow:0 22px 40px -16px var(--gold);translate:0 -3px}}@media (max-width:860px){[data-visit]{border:0;border-top:1px solid var(--hair);width:100%;box-shadow:none;color:var(--ink);text-shadow:var(--halo);background:0 0;border-radius:0;justify-content:flex-start;gap:14px;margin-top:6px;padding:12px 2px 0;overflow:visible}[data-visit]:before{display:none}[data-visit-text] small{color:var(--muted);opacity:1}[data-visit-text] small:before{background:var(--gold)}[data-visit-text] b{background:linear-gradient(var(--gold), var(--gold)) 0 100% / 100% 2px no-repeat;padding-bottom:3px;font-size:17px}html[dir=rtl] [data-visit-text] b{background-position:100% 100%}[data-visit-arrow]{background:var(--gold);box-shadow:none;color:var(--on-gold)}[data-visit]:hover{box-shadow:none;translate:none}}@media (prefers-reduced-motion:no-preference){html.enhanced [data-visit]:before{animation:3.2s ease-in-out infinite visit-sweep}html.enhanced [data-visit-arrow]{animation:2s ease-out infinite visit-pulse}html.enhanced [data-visit-arrow] svg{animation:visit-fly 2.2s var(--ease) infinite}html.enhanced [data-visit-text] small:before{animation:1.8s ease-in-out infinite visit-live}}@media (prefers-reduced-motion:no-preference) and (max-width:860px){html.enhanced [data-visit-text] b{animation:visit-underline 2.2s var(--ease) infinite}html.enhanced [data-visit-arrow]{animation:none}}@keyframes visit-sweep{0%,55%{transform:translate(-120%)}to{transform:translate(120%)}}@keyframes visit-pulse{to{box-shadow:0 0 0 12px #14120e00}}@keyframes visit-fly{0%,55%,86%,to{opacity:1;transform:none}70%{opacity:0;transform:translate(14px,-14px)}71%{opacity:0;transform:translate(-14px,14px)}}@keyframes visit-live{50%{opacity:.25;transform:scale(.7)}}@keyframes visit-underline{0%,to{background-size:0 2px}45%,80%{background-size:100% 2px}}
[data-bars]{gap:6px;width:100%}[data-bars] button{cursor:pointer;background:0 0;border:0;border-radius:4px;flex:1;height:44px;margin-block:-11px;padding:0;position:relative}[data-bars] button:before,[data-bars] i{content:"";background:var(--hair);border-radius:4px;height:4px;position:absolute;inset:20px 0 auto}[data-bars] i{background:var(--gold);transform:scaleX(var(--f,0));transform-origin:0}@media (hover:hover){[data-bars] button:hover:before{background:var(--muted)}}
#gold-content{opacity:var(--shot,0);position:absolute;inset:0}[data-browser]{background:var(--panel);align-items:center;gap:6px;height:26px;padding:0 12px;display:flex;position:absolute;inset:0 0 auto}[data-browser] i{background:var(--hair);border-radius:50%;width:8px;height:8px}[data-browser] i:first-child{background:var(--gold)}[data-browser] span{color:var(--muted);font:400 10.5px var(--face-mono), ui-monospace, monospace;place-items:center;display:grid;position:absolute;inset:0}[data-shots]{background:var(--bg);position:absolute;inset:26px 0 0;overflow:hidden}[data-shots] picture{display:contents}[data-shots] img{z-index:0;object-fit:cover;object-position:50% 0%;clip-path:inset(100% 0 0);width:100%;height:100%;position:absolute;inset:0}[data-shots] img[data-was]{z-index:1;clip-path:inset(0)}[data-shots] img[data-on]{z-index:2;clip-path:inset(0);transition:clip-path var(--slow) var(--ease)}
[data-work]{gap:28px;width:100%;display:grid}[data-work-text]{align-content:center;gap:12px;min-width:0;display:grid}[data-work-head]{justify-content:space-between;align-items:center;gap:16px;display:flex}[data-work] :is([data-count],[data-bars],[data-frame]){display:none}[data-projects]{gap:72px;display:grid}[data-project-text]{align-content:start;gap:12px;min-width:0;display:grid}[data-project-text]>*,[data-project-text]>:where([data-item-body])>*{margin:0}[data-name]{perspective:900px;font:600 clamp(48px, 7.4vw, 118px) / 1.12 var(--stack-display);letter-spacing:-.03em;text-shadow:var(--glow);margin:0}[data-category]{color:var(--muted);font:500 12.5px / 1.5 var(--face-mono), ui-monospace, monospace;letter-spacing:.1em;text-transform:uppercase}html[lang=ar] [data-category]{font-family:var(--stack-body);font-size:15px}[data-summary]{max-width:44ch;color:var(--muted);text-shadow:var(--glow);font-size:clamp(16px,1.45vw,20px)}[data-meta]{color:var(--muted);flex-wrap:wrap;gap:8px 22px;padding:0;font-size:14px;list-style:none;display:flex}[data-meta] li{align-items:center;gap:8px;display:inline-flex}[data-meta] svg{width:18px;height:18px;color:var(--accent);flex:none}[data-tools]{flex-wrap:wrap;gap:6px;padding:0;list-style:none;display:flex}[data-tools] li{background:color-mix(in srgb, var(--bg) 70%, transparent)}html[dir=rtl]:not(.enhanced) [data-tools],html[dir=rtl] #work[data-unpinned] [data-tools]{justify-content:flex-end}[data-shot] picture{display:contents}[data-shot] img{border:1px solid var(--hair);border-radius:14px;width:100%;max-width:720px;height:auto;display:block}html.enhanced #work:not([data-unpinned]) [data-bars]{display:flex}html.enhanced #work:not([data-unpinned]) [data-frame]{aspect-ratio:16/10;width:100%;display:block}html.enhanced #work:not([data-unpinned]) [data-project-text]{grid-area:1/1}html.enhanced #work:not([data-unpinned]) [data-project-text]:not([data-current]){opacity:0;pointer-events:none}html.enhanced #work:not([data-unpinned]) [data-shot]{display:none}@media (min-width:861px){[data-project-text]{grid-template-columns:minmax(0,1fr) auto;align-items:center;column-gap:20px}[data-project-text]>*,[data-project-text]>:where([data-item-body])>*{grid-column:1/-1}[data-project-text]>:where([data-item-body])>[data-tools]{grid-column:1}[data-project-text]>:where([data-item-body])>[data-visit]{grid-column:2;justify-self:end}[data-diagram]{margin-block:6px}html.enhanced #work:not([data-unpinned])>[data-sticky]{padding-block:64px}html.enhanced #work:not([data-unpinned]) [data-work]{grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);align-items:center;gap:clamp(24px,4vw,64px)}html.enhanced #work:not([data-unpinned]) [data-work-text]{translate:0 calc((1 - var(--enter,1)) * 46px - (1 - var(--exit,1)) * 46px)}html.enhanced #work:not([data-unpinned]) [data-count]{display:block}html.enhanced #work:not([data-unpinned]) [data-diagram]{max-width:none}html.enhanced #work:not([data-unpinned]) [data-bars]{margin-bottom:6px}html.enhanced #work:not([data-unpinned]) [data-frame]{max-height:68svh}}@media (max-width:860px){[data-name]{font-size:clamp(44px,13vw,70px)}[data-summary]{font-size:15px}[data-meta]{gap:6px 14px;font-size:13px}html.enhanced #work:not([data-unpinned]) [data-summary],html.enhanced #work:not([data-unpinned]) [data-diagram]{margin-inline:auto}html.enhanced #work:not([data-unpinned]) [data-meta],html.enhanced #work:not([data-unpinned]) [data-visit]{justify-content:center}html.enhanced #work:not([data-unpinned]) [data-visit-text]{text-align:center;justify-items:center}html.enhanced #work:not([data-unpinned]) [data-work]{align-content:center;justify-items:center;gap:9px}html.enhanced #work:not([data-unpinned]) [data-work-text]{display:contents}html.enhanced #work:not([data-unpinned]) [data-work-head]{justify-content:center}html.enhanced #work:not([data-unpinned]) [data-frame]{order:-3;margin-bottom:2px}html.enhanced #work:not([data-unpinned]) [data-bars]{order:-2;margin-bottom:4px}html.enhanced #work:not([data-unpinned]) :is([data-frame],[data-bars]){width:min(100%,160svh - 966.4px)}html.enhanced #work:not([data-unpinned]) [data-project-text]{justify-items:center;gap:9px;width:100%}html.enhanced #work:not([data-unpinned]) [data-category],html.enhanced #work:not([data-unpinned]) [data-tools]{display:none}}@media (min-width:861px) and (max-height:830px){html.enhanced #work:not([data-unpinned])>[data-sticky]{padding-block:64px 32px}html.enhanced #work:not([data-unpinned]) :is([data-work-text],[data-project-text]){gap:9px}html.enhanced #work:not([data-unpinned]) [data-name]{font-size:clamp(48px,min(7.4vw,13svh),118px)}html.enhanced #work:not([data-unpinned]) [data-diagram]{margin-block:0}html.enhanced #work:not([data-unpinned]) [data-sig]{max-height:15svh}}@media (max-width:860px) and (max-height:830px){html.enhanced #work:not([data-unpinned]) :is([data-work],[data-project-text]){gap:5px}html.enhanced #work:not([data-unpinned]) [data-work]{--work-rest:492px}html[lang=ar].enhanced #work:not([data-unpinned]) [data-work]{--work-rest:504px}html.enhanced #work:not([data-unpinned]) :is([data-frame],[data-bars]){width:clamp(min(60%, 240px), calc((100svh - var(--work-rest)) * 1.6), 100%)}html.enhanced #work:not([data-unpinned]) [data-bars]{margin-bottom:0}html.enhanced #work:not([data-unpinned]) [data-name]{font-size:clamp(34px,min(13vw,5.6svh),70px)}html.enhanced #work:not([data-unpinned]) [data-meta]{gap:2px 12px}html.enhanced #work:not([data-unpinned]) [data-diagram]{gap:4px;padding:8px 12px}html.enhanced #work:not([data-unpinned]) [data-sig]{max-height:6svh}html.enhanced #work:not([data-unpinned]) [data-visit]{margin-top:0;padding-top:6px}}
[data-gold-layer]{display:none}html.enhanced [data-gold-layer]{z-index:1;pointer-events:none;display:block;position:fixed;inset:0;overflow:clip}html.enhanced [data-gold]{visibility:hidden;will-change:transform, width, height;position:absolute;top:0;left:0}html.enhanced [data-gold-face]{--turn-y:calc(var(--px,0) * 9deg);--turn-x:calc(var(--py,0) * -7deg);border:2px solid var(--gold);border-radius:inherit;background:rgb(212 175 55/var(--fill,0));box-shadow:0 40px 90px -40px rgb(0 0 0/calc(.75 * var(--tilt,0)));transform:translateY(calc(var(--bob,0) * 6px * var(--tilt,0))) perspective(1100px) rotateY(calc(var(--turn-y) * var(--tilt,0))) rotateX(calc(var(--turn-x) * var(--tilt,0)));position:absolute;inset:0;overflow:hidden}html.enhanced [data-gold][data-thin=true]>[data-gold-face]{background:var(--gold);border-width:0}@media (max-width:860px){html.enhanced [data-gold-face]{--turn-y:calc(var(--sway,0) * 2.5deg);--turn-x:0deg}}@property --bob{syntax:"<number>";inherits:false;initial-value:0}@property --sway{syntax:"<number>";inherits:false;initial-value:0}@media (prefers-reduced-motion:no-preference){html.enhanced [data-gold][data-tilt]>[data-gold-face]{animation:3.5s ease-in-out infinite alternate gold-bob}}@media (prefers-reduced-motion:no-preference) and (max-width:860px){html.enhanced [data-gold][data-tilt]>[data-gold-face]{animation:3.5s ease-in-out infinite alternate gold-bob,4.5s ease-in-out infinite alternate gold-sway}}@keyframes gold-bob{0%{--bob:-1}to{--bob:1}}@keyframes gold-sway{0%{--sway:-1}to{--sway:1}}
