:root{--paper:#e9ebe7;--paper-2:#dfe2dc;--paper-3:#d5d9d2;--ink:#141812;--ink-2:#5c645a;--ink-3:#8b938799;--maroon:#7a1b2e;--brass:#a8802a;--pine:#143128;--line:#14181224;--line-2:#14181212;--display:"Libre Baskerville",Georgia,serif;--body:"Montserrat",system-ui,sans-serif;--ease:cubic-bezier(.16,.84,.34,1);--ease-io:cubic-bezier(.65,.02,.28,1);--wrap:1080px;--gut:clamp(20px,5vw,48px)}html[lang=ar]{--display:"Amiri",Georgia,serif;--body:"IBM Plex Sans Arabic",system-ui,sans-serif}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{background:var(--paper);color:var(--ink);font-family:var(--body);-webkit-font-smoothing:antialiased;margin:0;font-size:16px;font-weight:400;line-height:1.68;overflow-x:hidden}body.locked{overflow:hidden}img{max-width:100%;display:block}a{color:inherit}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0}::selection{background:var(--maroon);color:var(--paper)}.wrap{max-width:var(--wrap);padding-inline:var(--gut);margin-inline:auto}.eyebrow{font-family:var(--body);letter-spacing:.18em;text-transform:uppercase;color:var(--ink-2);align-items:center;gap:12px;font-size:11px;font-weight:600;display:flex}html[lang=ar] .eyebrow{letter-spacing:0;font-size:12px}.eyebrow:before{content:"";background:var(--maroon);flex:none;width:26px;height:1px}h1,h2,h3,h4{font-family:var(--display);letter-spacing:-.01em;margin:0;font-weight:400;line-height:1.14}h2{font-size:clamp(28px,4.4vw,46px)}h3{font-size:clamp(20px,2.4vw,26px)}html[lang=ar] h1,html[lang=ar] h2,html[lang=ar] h3{letter-spacing:0;line-height:1.5}p{margin:0 0 1em}.lede{color:var(--ink-2);font-size:clamp(17px,1.9vw,20px);font-weight:300;line-height:1.62}.mono{font-family:var(--body);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-2);font-size:11px;font-weight:500}html[lang=ar] .mono{letter-spacing:0;font-size:12px}section{padding-block:clamp(72px,10vw,132px);position:relative}.rule{background:var(--line);border:0;height:1px;margin:0}#pre{z-index:120;background:var(--paper);place-items:center;display:grid;position:fixed;inset:0}#pre .pin{background:var(--line);width:100%;height:1px;transform-origin:var(--to,left);position:absolute;inset-block-start:0;inset-inline-start:0;transform:scaleX(0)}#pre .box{text-align:center;padding-inline:24px}#pre .lon{font-family:var(--display);font-variant-numeric:tabular-nums;letter-spacing:-.03em;font-size:clamp(44px,10vw,92px);line-height:1}#pre .lon sup{vertical-align:super;letter-spacing:0;margin-inline-start:.08em;font-size:.34em}#pre .city{height:16px;margin-block-start:18px;overflow:hidden}#pre .city span{letter-spacing:.24em;text-transform:uppercase;color:var(--ink-2);font-size:11px;font-weight:600;display:block}#pre .bar{background:var(--line);width:min(240px,60vw);height:1px;margin:34px auto 0;position:relative;overflow:hidden}#pre .bar i{background:var(--maroon);width:0;display:block;position:absolute;inset-block:0;inset-inline-start:0}body.ready #pre{opacity:0;visibility:hidden;transition:opacity .7s var(--ease) .1s,visibility 0s .8s}#rail{z-index:30;pointer-events:none;font-variant-numeric:tabular-nums;width:70px;transition:opacity .5s var(--ease);display:none;position:fixed;inset-block:0;inset-inline-start:max(18px,calc((100vw - var(--wrap))/2 - 62px))}body.journey-active #rail{opacity:0}@media (width>=1250px){#rail{display:block}}#rail .track{inset-inline-start:9px;background:var(--line);transform-origin:top;width:1px;transition:transform 1.1s var(--ease);position:absolute;top:14vh;bottom:14vh;transform:scaleY(0)}body.ready #rail .track{transform:scaleY(1)}#rail .tick{pointer-events:auto;cursor:pointer;opacity:0;width:100%;transition:opacity .6s var(--ease);position:absolute;inset-inline-start:0}body.ready #rail .tick{opacity:1}#rail .tick .dash{inset-inline-start:4px;background:var(--ink);opacity:.55;width:11px;height:1px;position:absolute;top:0}#rail .tick .lab{inset-inline-start:22px;letter-spacing:.13em;text-transform:uppercase;color:var(--ink-2);white-space:nowrap;transition:color .3s,transform .3s var(--ease);font-size:9.5px;font-weight:600;position:absolute;top:-8px}html[dir=rtl] #rail .tick .lab{transform:scaleX(1)}#rail .tick:hover .lab,#rail .tick.hit .lab{color:var(--maroon)}#rail .tick.hit .dash{background:var(--maroon);opacity:1}#rail .dot{background:var(--maroon);inset-inline-start:5px;width:9px;height:9px;box-shadow:0 0 0 4px var(--paper);border-radius:50%;transition:top .12s linear;position:absolute;top:14vh}#rail .read{letter-spacing:.08em;color:var(--ink);white-space:nowrap;font-size:10px;font-weight:600;transition:top .12s linear;position:absolute;inset-inline-start:22px}body:not(.ready) #rail .dot,body:not(.ready) #rail .read{opacity:0}#minirail{letter-spacing:.1em;color:var(--ink-2);font-variant-numeric:tabular-nums;align-items:center;gap:8px;font-size:10px;font-weight:600;display:flex}@media (width>=1250px){#minirail{display:none}}@media (width<=560px){#minirail{display:none}}header{z-index:60;background:color-mix(in srgb,var(--paper) 86%,transparent);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid #0000;transition:border-color .4s,background .4s;position:fixed;inset-block-start:0;inset-inline:0;transform:translateY(-100%)}body.ready header{transition:transform .9s var(--ease) .35s,border-color .4s;transform:translateY(0)}header.stuck{border-bottom-color:var(--line)}.hbar{justify-content:space-between;align-items:center;gap:20px;height:64px;display:flex}.mark{font-family:var(--display);letter-spacing:.02em;white-space:nowrap;font-size:15px;text-decoration:none}.mark b{font-weight:400}.mark i{color:var(--maroon);font-style:normal}nav.main{gap:26px;margin-inline-start:auto;display:none}@media (width>=900px){nav.main{display:flex}}nav.main a{letter-spacing:.08em;text-transform:uppercase;color:var(--ink-2);padding-block:4px;font-size:12px;font-weight:500;text-decoration:none;transition:color .3s;position:relative}html[lang=ar] nav.main a{letter-spacing:0;font-size:13px}nav.main a:after{content:"";background:var(--maroon);transform-origin:100%;width:100%;height:1px;transition:transform .4s var(--ease);position:absolute;inset-block-end:0;inset-inline-start:0;transform:scaleX(0)}nav.main a:hover{color:var(--ink)}nav.main a:hover:after{transform-origin:0;transform:scaleX(1)}html[dir=rtl] nav.main a:after{transform-origin:0}html[dir=rtl] nav.main a:hover:after{transform-origin:100%}:root{--ease-back:cubic-bezier(.22,1.14,.36,1)}.navtoggle{flex:none;gap:5px;margin-inline-start:auto;padding:8px 4px;display:grid}@media (width>=900px){.navtoggle{display:none}}.navtoggle span{background:var(--ink);width:22px;height:1.5px;transition:transform .45s var(--ease),opacity .3s;display:block}.navtoggle[aria-expanded=true] span:first-child{transform:translateY(3.25px)rotate(45deg)}.navtoggle[aria-expanded=true] span:nth-child(2){transform:translateY(-3.25px)rotate(-45deg)}.mnav{z-index:90;--slide:100%;position:fixed;inset:0}.mnav[hidden]{display:none}html[dir=rtl] .mnav{--slide:-100%}@media (width>=900px){.mnav{display:none}}.mnav-scrim{background:color-mix(in srgb,var(--ink) 55%,transparent);-webkit-backdrop-filter:blur(3px);opacity:0;transition:opacity .5s var(--ease);position:absolute;inset:0}.mnav.on .mnav-scrim{opacity:1}.mnav-panel{background:var(--ink);width:min(88vw,440px);color:var(--paper);transform:translateX(var(--slide));transition:transform .62s var(--ease-back);will-change:transform;position:absolute;inset-block:0;inset-inline-end:0}.mnav.on .mnav-panel{transform:translate(0)}.mnav-arc{width:60px;height:100%;position:absolute;inset-block:0;inset-inline-start:-59px;overflow:visible}html[dir=rtl] .mnav-arc{transform:scaleX(-1)}.mnav-arc .fill{fill:var(--ink)}.mnav-arc .edge{fill:none;stroke:var(--brass);stroke-width:1.5px}.mnav-inner{overscroll-behavior:contain;flex-direction:column;gap:34px;height:100%;padding:26px clamp(22px,6vw,34px) 30px;display:flex;position:relative;overflow-y:auto}.mnav-top{justify-content:space-between;align-items:center;display:flex}.mnav-top .mono{color:#e9ebe780}.mnav-x{color:#e9ebe7bf;padding:4px 6px;font-size:26px;line-height:1}.mnav-x:hover{color:var(--brass)}.mnav-list{gap:2px;margin:0;padding:0;list-style:none;display:grid}.mnav-list a{align-items:baseline;gap:14px;padding-block:7px;text-decoration:none;display:flex}.mnav-list .n{letter-spacing:.12em;color:var(--brass);font-variant-numeric:tabular-nums;flex:none;font-size:10.5px;font-weight:600}.mnav-list .l{font-family:var(--display);letter-spacing:-.02em;transition:transform .4s var(--ease),color .3s;font-size:clamp(27px,7.5vw,36px);line-height:1.1}html[lang=ar] .mnav-list .l{letter-spacing:0;line-height:1.45}.mnav-list a:hover .l,.mnav-list a:focus-visible .l{color:var(--brass);transform:translate(5px)}html[dir=rtl] .mnav-list a:hover .l,html[dir=rtl] .mnav-list a:focus-visible .l{transform:translate(-5px)}.mnav-works .mono{color:#e9ebe780;margin-block-end:12px;display:block}.mnav-works ul{margin:0;padding:0;list-style:none}.mnav-works a{border-top:1px solid #e9ebe724;align-items:baseline;gap:14px;padding-block:13px;text-decoration:none;display:flex}.mnav-works li:last-child a{border-bottom:1px solid #e9ebe724}.mnav-works .wt{font-family:var(--display);font-size:15.5px;line-height:1.35}.mnav-works .wy{letter-spacing:.1em;color:#e9ebe773;font-variant-numeric:tabular-nums;flex:none;margin-inline-start:auto;font-size:10.5px;font-weight:600}.mnav-works a:hover .wt{color:var(--brass)}.mnav-foot{border-top:1px solid #e9ebe724;gap:14px;margin-block-start:auto;padding-top:22px;display:grid}.mnav-langs{gap:6px;display:flex}.mnav-langs a{letter-spacing:.1em;color:#e9ebe79e;border:1px solid #e9ebe738;border-radius:2px;padding:6px 12px;font-size:10.5px;font-weight:600;text-decoration:none;transition:color .3s,background .3s,border-color .3s}.mnav-langs a[aria-current=page]{background:var(--paper);color:var(--ink);border-color:var(--paper)}.mnav-langs a:hover:not([aria-current=page]){color:var(--paper);border-color:#e9ebe780}.mnav-loc{letter-spacing:.1em;color:#e9ebe761;font-variant-numeric:tabular-nums;font-size:10.5px}.mnav-inner>*{opacity:0;transform:translateY(10px)}.mnav.on .mnav-inner>*{opacity:1;transition:opacity .5s var(--ease),transform .5s var(--ease);transform:none}.mnav.on .mnav-inner>:first-child{transition-delay:.12s}.mnav.on .mnav-inner>:nth-child(2){transition-delay:.18s}.mnav.on .mnav-inner>:nth-child(3){transition-delay:.24s}.mnav.on .mnav-inner>:nth-child(4){transition-delay:.3s}@media (prefers-reduced-motion:reduce){.mnav-panel{transform:none}.mnav-inner>*{opacity:1;transform:none}}.langs{border:1px solid var(--line);border-radius:2px;align-items:center;gap:2px;padding:2px;display:flex}.langs a{letter-spacing:.1em;color:var(--ink-2);border-radius:1px;padding:5px 9px;font-size:10.5px;font-weight:600;line-height:1.4;text-decoration:none;transition:color .3s,background .3s;display:block}.langs a[aria-current=page]{background:var(--ink);color:var(--paper)}.langs a:hover:not([aria-current=page]){color:var(--ink)}@media (width<=899px){.langs{display:none}}html:not([lang=ar]) .langs a[lang=ar],html:not([lang=ar]) .mnav-langs a[lang=ar]{font-family:Segoe UI,Noto Sans Arabic,Geeza Pro,Tahoma,sans-serif;font-size:13.5px}#hero{padding-block:clamp(120px,17vh,180px) clamp(60px,8vw,96px)}.hero-grid{gap:40px;display:grid}@media (width>=860px){.hero-grid{grid-template-columns:1fr auto;align-items:start;gap:56px}}.portrait{filter:grayscale()contrast(1.04);opacity:0;border-radius:50%;width:clamp(132px,18vw,200px);height:clamp(132px,18vw,200px);transform:scale(.94)}body.ready .portrait{opacity:1;transition:opacity 1s var(--ease) .9s,transform 1s var(--ease) .9s,filter .5s;transform:none}.portrait:hover{filter:grayscale(0)}h1{letter-spacing:-.035em;margin-block:22px 0;font-size:clamp(46px,10.5vw,104px);line-height:.94}html[lang=ar] h1{letter-spacing:0;font-size:clamp(40px,9vw,88px);line-height:1.28}h1 .ln{display:block;overflow:hidden}h1 .ln span{display:block;transform:translateY(105%)}body.ready h1 .ln span{transition:transform 1.05s var(--ease);transform:none}body.ready h1 .ln:nth-child(2) span{transition-delay:90ms}.hero-lede{max-width:47ch;margin-block-start:30px}.hero-lede .big{font-family:var(--display);color:var(--ink);margin-block-end:.7em;font-size:clamp(19px,2.5vw,25px);line-height:1.45}.reveal-up{opacity:0;transform:translateY(16px)}body.ready .reveal-up{opacity:1;transition:opacity .9s var(--ease),transform .9s var(--ease);transform:none}body.ready .d1{transition-delay:.5s}body.ready .d2{transition-delay:.62s}body.ready .d3{transition-delay:.74s}body.ready .d4{transition-delay:.86s}.route{margin-block-start:clamp(48px,7vw,80px);position:relative}.route-line{background:var(--line);height:1px;margin-block:26px 0;position:relative}.route-line i{background:var(--ink);width:0;height:1px;position:absolute;inset-block-start:0;inset-inline-start:0}body.ready .route-line i{width:100%;transition:width 1.6s var(--ease) 1.1s}.stops{justify-content:space-between;display:flex;position:relative}.stop{text-align:start;flex:1}.stop:nth-child(2){text-align:center}.stop:last-child{text-align:end}.stop .yr{letter-spacing:.14em;color:var(--ink-3);font-size:10.5px;font-weight:600;display:block}.stop .nm{font-family:var(--display);margin-block:5px 3px;font-size:clamp(13px,1.7vw,17px);display:block}.stop .co{letter-spacing:.1em;color:var(--maroon);font-variant-numeric:tabular-nums;font-size:10.5px;font-weight:500}.dots{justify-content:space-between;margin-block-start:-5px;display:flex}.dots i{background:var(--paper);border:1px solid var(--ink);opacity:0;border-radius:50%;width:7px;height:7px;transform:scale(0)}body.ready .dots i{opacity:1;transition:opacity .5s var(--ease),transform .6s var(--ease);transform:none}body.ready .dots i:first-child{transition-delay:1.2s}body.ready .dots i:nth-child(2){background:var(--maroon);border-color:var(--maroon);transition-delay:1.75s}body.ready .dots i:nth-child(3){background:var(--ink);transition-delay:2.3s}#journey{background:var(--paper-2)}#journey .shead{margin-block-end:clamp(24px,4vw,36px)}.jr-stage{max-width:var(--wrap);padding-inline:var(--gut);margin-inline:auto}@media (width>=1250px){.jr-stage{padding-inline-start:calc(var(--gut) + 40px)}}.jr-banner{width:100%;max-width:600px;margin-block-end:clamp(24px,5vw,44px);margin-inline:auto}.jr-svg{width:100%;height:auto;display:block;overflow:visible}.jr-cloud{fill:none;stroke:var(--line-2);stroke-width:1px;stroke-dasharray:2 9;stroke-linecap:round}.jr-track{fill:none;stroke:var(--line);stroke-width:1.3px;stroke-dasharray:1 7;stroke-linecap:round;filter:url(#doodle)}.jr-prog{fill:none;stroke:var(--maroon);stroke-width:1.9px;stroke-linecap:round;filter:url(#doodle)}.jr-node{fill:var(--paper);stroke:var(--ink);stroke-width:1.4px;transition:fill .5s var(--ease),stroke .5s var(--ease)}.jr-node.hit{fill:var(--maroon);stroke:var(--maroon)}.jr-plane path{fill:var(--ink);stroke:var(--paper);stroke-width:.6px;transition:fill .5s var(--ease)}.jr-panels{grid-template-columns:repeat(3,1fr);gap:clamp(24px,4vw,48px);display:grid}@media (width<=860px){.jr-panels{grid-template-columns:1fr;gap:38px}}.jr-tag{letter-spacing:.14em;text-transform:uppercase;color:var(--maroon);font-variant-numeric:tabular-nums;margin-block-end:10px;font-size:10.5px;font-weight:600;display:block}html[lang=ar] .jr-tag{letter-spacing:0;font-size:12px}.jr-panel h3{margin-block-end:12px}.jr-panel p{color:var(--ink-2);margin:0;font-size:15px;font-weight:300}.jr-visual{width:min(200px,100%);margin-block-end:16px}.jr-visual svg{width:100%;height:auto;display:block}.jr-visual .mesh-base{fill:none;stroke:var(--ink);stroke-width:1px;opacity:.82;filter:url(#doodle-sm)}.jr-visual .mesh-accent{fill:none;stroke:var(--maroon);stroke-width:1px;opacity:0;transition:opacity .9s var(--ease) .2s;filter:url(#doodle-sm)}.jr-visual .mesh-dot{fill:var(--paper);stroke:var(--ink);stroke-width:1px}.jr-panel.in .jr-visual .mesh-accent{opacity:.85}.jr-visual .lm-far{fill:none;stroke:var(--ink);stroke-width:.9px;opacity:.28;stroke-linecap:round;stroke-linejoin:round}.jr-visual .lm-solid{fill:var(--paper)}@keyframes lm-turn{to{transform:rotate(360deg)}}.jr-visual .lm-wheel{transform-box:view-box;transform-origin:58px 104px;animation:34s linear infinite lm-turn}.jr-visual .lm-wheel .mesh-base,.jr-visual .lm-wheel .mesh-accent{filter:none}@keyframes lm-drift{to{stroke-dashoffset:-120px}}.jr-visual .lm-river line{animation:11s linear infinite lm-drift}.jr-visual .lm-river line:nth-child(2){animation-duration:17s}.jr-visual .lm-river line:nth-child(3){animation-duration:8s;animation-direction:reverse}.jr-visual .lm-river line:nth-child(4){animation-duration:21s}@keyframes lm-blink{0%,to{opacity:.12}50%{opacity:1}}.jr-visual .lm-light{animation:lm-blink 3.4s var(--ease) infinite}.jr-visual .lm-light:nth-child(2){animation-delay:.3s}.jr-visual .lm-light:nth-child(3){animation-delay:.6s}.jr-visual .lm-light:nth-child(4){animation-delay:.9s}.jr-visual .lm-light:nth-child(5){animation-delay:1.2s}.jr-visual .lm-light:nth-child(6){animation-delay:1.5s}.jr-visual .lm-light:nth-child(7){animation-delay:1.8s}@keyframes lm-pulse{0%,to{opacity:.3}50%{opacity:1}}.jr-visual .lm-oculus{animation:4.5s ease-in-out infinite lm-pulse}@keyframes lm-rock{0%,to{transform:rotate(-7deg)}50%{transform:rotate(7deg)}}.jr-visual .lm-crescent{transform-box:fill-box;transform-origin:50%;animation:8s ease-in-out infinite lm-rock}@keyframes lm-twinkle{0%,to{opacity:.15}50%{opacity:1}}.jr-visual .lm-star{animation:3.8s ease-in-out infinite lm-twinkle}.jr-visual .lm-star:nth-child(2){animation-delay:.9s}.jr-visual .lm-star:nth-child(3){animation-delay:1.7s}.jr-visual .lm-star:nth-child(4){animation-delay:2.4s}.band{background:var(--pine);color:var(--paper);padding-block:clamp(40px,6vw,64px)}.band .grid{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:26px 34px;display:grid}.band .it{border-top:1px solid #e9ebe738;padding-top:16px}.band .it p{color:#e9ebe7d1;margin:0;font-size:14px;font-weight:300;line-height:1.55}.band .it .k{font-family:var(--display);color:#e9ebe7;margin-block-end:8px;font-size:clamp(22px,3vw,30px);display:block}.band .it .k em{color:var(--brass);font-style:normal}.shead{gap:18px;max-width:62ch;margin-block-end:clamp(38px,5vw,58px);display:grid}.shead h2{margin-block-start:4px}.rv{opacity:0;transition:opacity .85s var(--ease),transform .85s var(--ease);transform:translateY(22px)}.rv.in{opacity:1;transform:none}#listen{background:var(--paper-2)}.player{border:1px solid var(--line);background:var(--paper);padding:clamp(22px,3.4vw,34px)}.p-top{flex-wrap:wrap;align-items:center;gap:18px;display:flex}.playbtn{background:var(--ink);width:60px;height:60px;color:var(--paper);transition:transform .45s var(--ease),background .3s;border-radius:50%;flex:none;place-items:center;display:grid;position:relative}.playbtn:hover{background:var(--maroon);transform:scale(1.06)}.playbtn:disabled{opacity:.35;cursor:not-allowed;transform:none}.playbtn svg{fill:currentColor;width:17px;height:17px}html[dir=rtl] .playbtn .ico-play{transform:scaleX(-1)}.p-meta{min-width:0}.p-meta .t{font-family:var(--display);font-size:clamp(17px,2.2vw,21px);display:block}.p-meta .s{letter-spacing:.06em;color:var(--ink-2);margin-block-start:5px;font-size:12px;display:block}.p-time{letter-spacing:.08em;color:var(--ink-2);font-variant-numeric:tabular-nums;white-space:nowrap;margin-inline-start:auto;font-size:12px;font-weight:500}.wave{cursor:pointer;touch-action:none;align-items:flex-end;gap:2px;height:56px;margin-block-start:26px;display:flex}.wave b{background:var(--line);min-width:1px;transition:background .18s,transform .3s var(--ease);transform-origin:bottom;border-radius:.5px;flex:1}.wave b.on{background:var(--ink)}.wave b.cur{background:var(--maroon)}.wave:hover b{transform:scaleY(1.06)}.wave.playing b.cur{animation:pulse .55s var(--ease) infinite alternate}@keyframes pulse{to{transform:scaleY(1.22)}}.p-empty{border:1px dashed var(--line);text-align:center;margin-block-start:22px;padding:20px}.p-empty p{color:var(--ink-2);margin:0 0 12px;font-size:13px}.p-empty code{background:var(--paper-3);padding:2px 6px;font-family:ui-monospace,monospace;font-size:12px}.chapters{border-top:1px solid var(--line-2);gap:2px;margin-block-start:26px;padding-top:20px;display:grid}.chapters button{text-align:start;border-radius:2px;align-items:baseline;gap:16px;margin-inline:-10px;padding:9px 10px;transition:background .25s;display:flex}.chapters button:hover{background:var(--paper-2)}.chapters .cw{letter-spacing:.1em;color:var(--maroon);font-variant-numeric:tabular-nums;flex:none;min-width:44px;font-size:11px;font-weight:600}.chapters .cl{color:var(--ink-2);font-size:14px}.chapters button.act .cl{color:var(--ink)}.chat{border:1px solid var(--line);background:var(--paper);flex-direction:column;min-height:400px;display:flex}.chat-hd{border-bottom:1px solid var(--line-2);align-items:center;gap:10px;padding:14px 18px;display:flex}.chat-hd .dotlive{background:var(--maroon);border-radius:50%;width:6px;height:6px;position:relative}.chat-hd .dotlive:after{content:"";background:var(--maroon);animation:ring 2.2s var(--ease) infinite;border-radius:50%;position:absolute;inset:0}@keyframes ring{0%{opacity:.6;transform:scale(1)}to{opacity:0;transform:scale(3.6)}}.chat-hd .nm{letter-spacing:.14em;text-transform:uppercase;font-size:11px;font-weight:600}html[lang=ar] .chat-hd .nm{letter-spacing:0;font-size:12.5px}.chat-log{flex:1;align-content:start;gap:18px;max-height:min(52vh,440px);padding:20px 18px;display:grid;overflow-y:auto}.msg{max-width:min(94%,60ch);font-size:14.5px;line-height:1.68}.msg.me{background:var(--ink);color:var(--paper);border-radius:2px;justify-self:end;padding:11px 15px}.msg.bot{color:var(--ink)}.msg.bot .who{letter-spacing:.16em;text-transform:uppercase;color:var(--maroon);margin-block-end:7px;font-size:10px;font-weight:600;display:block}html[lang=ar] .msg.bot .who{letter-spacing:0;font-size:11.5px}.msg.bot p{margin:0 0 .75em}.msg.bot p:last-child{margin:0}.msg.bot strong{font-weight:600}.wd{opacity:0;animation:wd .42s var(--ease) forwards}@keyframes wd{to{opacity:1}}.think{align-items:center;gap:5px;padding-block:4px;display:flex}.think i{background:var(--ink-2);width:5px;height:5px;animation:th 1.15s var(--ease) infinite;border-radius:50%}.think i:nth-child(2){animation-delay:.16s}.think i:nth-child(3){animation-delay:.32s}@keyframes th{0%,60%,to{opacity:.22;transform:translateY(0)}30%{opacity:1;transform:translateY(-3px)}}.chips{flex-wrap:wrap;gap:8px;padding:0 18px 14px;display:flex}.chips button{border:1px solid var(--line);color:var(--ink-2);border-radius:100px;padding:7px 13px;font-size:12px;transition:border-color .3s,color .3s,background .3s}.chips button:hover{border-color:var(--ink);color:var(--ink);background:var(--paper-2)}.chat-in{border-top:1px solid var(--line-2);align-items:center;gap:10px;padding:12px 14px;display:flex}.chat-in input{font:inherit;color:var(--ink);background:0 0;border:0;outline:none;flex:1;padding:8px 4px;font-size:14.5px}.chat-in input::placeholder{color:var(--ink-3)}.send{background:var(--ink);width:38px;height:38px;color:var(--paper);transition:background .3s,transform .3s var(--ease);border-radius:50%;flex:none;place-items:center;display:grid}.send:hover{background:var(--maroon);transform:scale(1.07)}.send:disabled{opacity:.3;cursor:not-allowed;transform:none}.send svg{fill:none;stroke:currentColor;stroke-width:1.7px;width:15px;height:15px}html[dir=rtl] .send svg{transform:scaleX(-1)}.chat-note{color:var(--ink-3);margin-block-start:12px;font-size:11.5px;line-height:1.6}.two{gap:clamp(30px,4vw,48px);display:grid}@media (width>=980px){.two{grid-template-columns:.85fr 1.15fr;align-items:start}}.job{border-top:1px solid var(--line);gap:6px 34px;padding-block:clamp(26px,3.4vw,38px);display:grid;position:relative}@media (width>=820px){.job{grid-template-columns:172px 1fr}}.job:last-child{border-bottom:1px solid var(--line)}.job .side{align-content:start;gap:7px;display:grid}.job .dt{letter-spacing:.11em;color:var(--ink-2);font-variant-numeric:tabular-nums;font-size:11px;font-weight:600}.job .lo{letter-spacing:.11em;color:var(--ink-3);text-transform:uppercase;font-size:10.5px;font-weight:500}html[lang=ar] .job .lo,html[lang=ar] .job .dt{letter-spacing:0;font-size:12px}.job .lon{letter-spacing:.08em;color:var(--maroon);font-variant-numeric:tabular-nums;font-size:10px;font-weight:600}.job h3{margin-block-end:2px}.job .org{letter-spacing:.04em;color:var(--ink-2);margin-block-end:14px;font-size:13px;font-weight:500}.job .blurb{color:var(--ink-2);max-width:58ch;margin:0;font-size:15.5px;font-weight:300;line-height:1.68}.job .note{color:var(--ink-3);max-width:58ch;margin-block-start:12px;font-size:12.5px;font-style:italic}.job .tags{flex-wrap:wrap;gap:6px;margin-block-start:18px;display:flex}.job .tags span{letter-spacing:.03em;color:var(--ink-3);border:1px solid var(--line-2);border-radius:100px;padding:3px 9px;font-size:11.5px;transition:border-color .35s,color .35s}.job:hover .tags span{border-color:var(--line);color:var(--ink-2)}#skills{background:var(--paper-2)}.sk{gap:26px;display:grid}@media (width>=760px){.sk{grid-template-columns:repeat(2,1fr);gap:30px 48px}}@media (width>=1040px){.sk{grid-template-columns:repeat(3,1fr)}}.skg{border-top:1px solid var(--line);padding-top:15px}.skg h4{font-family:var(--body);letter-spacing:.15em;text-transform:uppercase;margin-block-end:12px;font-size:11px;font-weight:600}html[lang=ar] .skg h4{letter-spacing:0;font-size:12.5px}.skg .list{flex-wrap:wrap;gap:6px;display:flex}.skg .list span{color:var(--ink-2);border:1px solid var(--line);border-radius:100px;padding:4px 10px;font-size:12.5px;font-weight:400;transition:border-color .3s,color .3s}.skg .list span:hover{border-color:var(--maroon);color:var(--ink)}.facts{gap:34px;display:grid}@media (width>=820px){.facts{grid-template-columns:repeat(3,1fr);gap:44px}}.fc{border-top:1px solid var(--line);padding-top:16px}.fc h4{font-family:var(--body);letter-spacing:.15em;text-transform:uppercase;margin-block-end:16px;font-size:11px;font-weight:600}html[lang=ar] .fc h4{letter-spacing:0;font-size:12.5px}.fc .row{margin-block-end:15px}.fc .row:last-child{margin:0}.fc .a{font-family:var(--display);font-size:15px;line-height:1.4;display:block}.fc .b{color:var(--ink-2);margin-block-start:3px;font-size:12px;display:block}.fc .c{color:var(--ink-3);letter-spacing:.09em;font-variant-numeric:tabular-nums;margin-block-start:2px;font-size:10.5px;display:block}.langbar{background:var(--paper-3);max-width:150px;height:2px;margin-block-start:7px;position:relative}.langbar i{background:var(--maroon);width:0;transition:width 1.1s var(--ease);position:absolute;inset-block:0;inset-inline-start:0}.fc.in .langbar i{width:var(--w)}#contact{background:var(--ink);color:var(--paper);position:relative;overflow:hidden}#contact>.wrap{z-index:1;position:relative}#mesh{pointer-events:none;z-index:0;width:100%;height:100%;display:block;position:absolute;inset:0}#contact .eyebrow{color:#e9ebe799}#contact .eyebrow:before{background:var(--brass)}#contact h2{color:var(--paper);letter-spacing:-.02em;font-size:clamp(32px,6vw,64px);line-height:1.05}html[lang=ar] #contact h2{line-height:1.4}#contact .lede{color:#e9ebe79e}.links{gap:0;margin-block-start:clamp(36px,5vw,56px);display:grid}.links a{border-top:1px solid #e9ebe729;align-items:baseline;gap:16px;padding-block:18px;text-decoration:none;display:flex;position:relative;overflow:hidden}.links a:last-child{border-bottom:1px solid #e9ebe729}.links .lk{letter-spacing:.16em;text-transform:uppercase;color:#e9ebe780;flex:none;min-width:88px;font-size:10.5px;font-weight:600}html[lang=ar] .links .lk{letter-spacing:0;font-size:12px}.links .lv{font-family:var(--display);word-break:break-word;transition:transform .5s var(--ease);font-size:clamp(15px,2.2vw,21px)}.links .ar{opacity:0;transition:opacity .4s,transform .5s var(--ease);color:var(--brass);margin-inline-start:auto;font-size:18px;transform:translate(-8px)}html[dir=rtl] .links .ar{transform:translate(8px)scaleX(-1)}.links a:hover .lv{transform:translate(6px)}html[dir=rtl] .links a:hover .lv{transform:translate(-6px)}.links a:hover .ar{opacity:1;transform:translate(0)}html[dir=rtl] .links a:hover .ar{transform:translate(0)scaleX(-1)}footer{background:var(--ink);color:#e9ebe766;padding-block:26px 34px;font-size:11px}footer .fb{border-top:1px solid #e9ebe71f;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding-top:22px;display:flex}.egg-hint{color:#e9ebe759;width:22px;height:22px;transition:border-color .4s,color .4s,transform .5s var(--ease);border:1px solid #e9ebe738;border-radius:50%;place-items:center;font-size:9px;display:grid}.egg-hint:hover{border-color:var(--brass);color:var(--brass);transform:rotate(90deg)}#curtain{z-index:100;background:var(--ink);pointer-events:none;transform-origin:var(--o,left);place-items:center;display:grid;position:fixed;inset:0;transform:scaleX(0)}#curtain span{font-family:var(--display);color:var(--paper);opacity:0;font-size:clamp(28px,7vw,60px)}#curtain.go{animation:cur 1.05s var(--ease-io) forwards}#curtain.go span{animation:curt 1.05s var(--ease-io) forwards}@keyframes cur{0%{transform-origin:var(--o,left);transform:scaleX(0)}42%,58%{transform-origin:var(--o,left);transform:scaleX(1)}to{transform-origin:var(--o2,right);transform:scaleX(0)}}@keyframes curt{0%,20%{opacity:0}44%,56%{opacity:1}80%,to{opacity:0}}#egg{z-index:110;background:color-mix(in srgb,var(--ink) 88%,transparent);-webkit-backdrop-filter:blur(8px);place-items:center;padding:20px;display:none;position:fixed;inset:0}#egg.on{animation:fade .5s var(--ease);display:grid}@keyframes fade{0%{opacity:0}to{opacity:1}}.eggbox{background:var(--paper);width:100%;max-width:660px;max-height:88vh;animation:eggin .8s var(--ease);padding:clamp(28px,5vw,46px);position:relative;overflow-y:auto}@keyframes eggin{0%{opacity:0;transform:translateY(24px)scale(.97)}to{opacity:1;transform:none}}.eggbox .x{color:var(--ink-2);padding:6px;font-size:20px;line-height:1;position:absolute;inset-block-start:14px;inset-inline-end:16px}.eggbox .x:hover{color:var(--maroon)}.eggbox h3{margin-block:10px 8px;font-size:clamp(24px,4vw,34px)}.eggbox .sub{color:var(--ink-2);max-width:44ch;margin-block-end:30px;font-size:13.5px;font-weight:300}.cups{gap:22px;display:grid}@media (width>=620px){.cups{grid-template-columns:repeat(3,1fr);gap:24px}}.cup{border-top:1px solid var(--line);opacity:0;padding-top:16px;transform:translateY(14px)}#egg.on .cup{animation:cupin .8s var(--ease) forwards}#egg.on .cup:first-child{animation-delay:.22s}#egg.on .cup:nth-child(2){animation-delay:.36s}#egg.on .cup:nth-child(3){animation-delay:.5s}@keyframes cupin{to{opacity:1;transform:none}}.cup svg{width:46px;height:46px;margin-block-end:14px;display:block}.cup .cn{font-family:var(--display);font-size:17px;display:block}.cup .cc{letter-spacing:.13em;text-transform:uppercase;color:var(--maroon);font-variant-numeric:tabular-nums;margin-block:6px 9px;font-size:10.5px;font-weight:600;display:block}html[lang=ar] .cup .cc{letter-spacing:0;font-size:12px}.cup .cd{color:var(--ink-2);font-size:13px;font-weight:300;line-height:1.6}.cup:first-child svg{color:var(--pine)}.cup:nth-child(2) svg{color:var(--maroon)}.cup:nth-child(3) svg{color:var(--brass)}.eggfoot{border-top:1px solid var(--line);font-family:var(--display);color:var(--ink);margin-block-start:30px;padding-top:20px;font-size:15px;font-style:italic}.pgrid{gap:0;display:grid}@media (width>=840px){.pgrid{grid-template-columns:repeat(2,1fr);column-gap:clamp(34px,4.5vw,64px)}}.pj{border-top:1px solid var(--line);padding-block:clamp(24px,3vw,34px);position:relative}.pj:after{content:"";background:var(--maroon);transform-origin:0;width:100%;height:1px;transition:transform .6s var(--ease);position:absolute;inset-block-start:-1px;inset-inline-start:0;transform:scaleX(0)}html[dir=rtl] .pj:after{transform-origin:100%}.pj:hover:after{transform:scaleX(1)}.pj .pmeta{flex-wrap:wrap;align-items:baseline;gap:10px;margin-block-end:9px;display:flex}.pj .porg{letter-spacing:.14em;text-transform:uppercase;color:var(--maroon);font-size:10.5px;font-weight:600}.pj .pyr{letter-spacing:.1em;color:var(--ink-3);font-variant-numeric:tabular-nums;font-size:10.5px;font-weight:500}html[lang=ar] .pj .porg,html[lang=ar] .pj .pyr{letter-spacing:0;font-size:12px}.pj h3{margin-block-end:10px;font-size:clamp(19px,2.3vw,24px)}.pj p{color:var(--ink-2);max-width:52ch;margin:0;font-size:14.5px;font-weight:300;line-height:1.66}.pj .tags{flex-wrap:wrap;gap:6px;margin-block-start:16px;display:flex}.pj .tags span{color:var(--ink-3);border:1px solid var(--line-2);border-radius:100px;padding:3px 9px;font-size:11.5px;transition:border-color .35s,color .35s}.pj:hover .tags span{border-color:var(--line);color:var(--ink-2)}.pj h3 .plink{color:inherit;text-decoration:none;transition:color .3s}.pj h3 .plink:hover{color:var(--maroon)}.pj[data-extra]{display:none}.pgrid.all .pj[data-extra]{display:block}.pmore{justify-content:center;margin-block-start:clamp(28px,4vw,42px);display:flex}#pjToggle{letter-spacing:.14em;text-transform:uppercase;color:var(--ink-2);border:1px solid var(--line);border-radius:100px;align-items:center;gap:11px;padding:11px 22px;font-size:11px;font-weight:600;transition:border-color .3s,color .3s,background .3s;display:inline-flex}html[lang=ar] #pjToggle{letter-spacing:0;font-size:12.5px}#pjToggle:hover{border-color:var(--ink);color:var(--ink);background:var(--paper-2)}#pjToggle i{width:6px;height:6px;transition:transform .4s var(--ease);border-block-end:1.5px solid;border-inline-end:1.5px solid;flex:none;transform:translateY(-2px)rotate(45deg)}#pjToggle[aria-expanded=true] i{transform:translateY(1px)rotate(-135deg)}#gallery{background:var(--paper-2)}.stripwrap{margin-block-start:clamp(30px,4vw,44px);position:relative}.stripwrap:after{content:"";background:linear-gradient(to left,var(--paper-2),transparent);pointer-events:none;width:clamp(20px,5vw,56px);position:absolute;inset-block:0;inset-inline-end:0}html[dir=rtl] .stripwrap:after{background:linear-gradient(to right,var(--paper-2),transparent)}.strip{scroll-snap-type:x proximity;scrollbar-width:none;-ms-overflow-style:none;gap:clamp(12px,1.6vw,20px);padding-block-end:6px;padding-inline-start:max(var(--gut),calc((100% - var(--wrap))/2 + var(--gut)));padding-inline-end:var(--gut);display:flex;overflow-x:auto}.strip::-webkit-scrollbar{display:none}.strip:focus-visible{outline:2px solid var(--maroon);outline-offset:4px}.ph{scroll-snap-align:start;--ph-h:clamp(200px,26vw,300px);width:max(150px,calc(var(--ph-h) * var(--rw,.75)));opacity:0;flex:none;margin:0;transform:translateY(18px)}.strip.in .ph{opacity:1;transition:opacity .8s var(--ease),transform .8s var(--ease);transform:none}.strip.in .ph:nth-child(2){transition-delay:70ms}.strip.in .ph:nth-child(3){transition-delay:.14s}.strip.in .ph:nth-child(4){transition-delay:.21s}.strip.in .ph:nth-child(5){transition-delay:.28s}.strip.in .ph:nth-child(6){transition-delay:.35s}.ph .fr{background:var(--paper-3);height:var(--ph-h);position:relative;overflow:hidden}.ph img{object-fit:cover;filter:grayscale()contrast(1.03);width:100%;height:100%;transition:filter .6s var(--ease),transform .9s var(--ease);display:block;transform:scale(1.02)}.ph:hover img{filter:grayscale(0);transform:scale(1.06)}.ph figcaption{gap:3px;margin-block-start:11px;display:grid}.ph .pcap{color:var(--ink-2);font-size:13px;font-weight:300;line-height:1.5}.ph .ploc{letter-spacing:.13em;text-transform:uppercase;color:var(--maroon);font-variant-numeric:tabular-nums;font-size:10px;font-weight:600}html[lang=ar] .ph .ploc{letter-spacing:0;font-size:11.5px}#eggPeek{inset-inline-end:0;z-index:56;background:var(--ink);color:var(--paper);transition:transform .6s var(--ease),background .4s;border-radius:8px 0 0 8px;align-items:center;gap:11px;padding:13px 16px 13px 13px;display:flex;position:fixed;top:62%;transform:translate(calc(100% - 21px));box-shadow:-8px 0 26px #14181221}#eggPeek:hover,#eggPeek:focus-visible{background:var(--maroon);transform:translate(0)}#eggPeek:not(:hover):not(:focus-visible){animation:peek 13s var(--ease) infinite}@keyframes peek{0%,80%,to{transform:translate(calc(100% - 21px))}86%{transform:translate(calc(100% - 52px))}92%{transform:translate(calc(100% - 27px))}}html[dir=rtl] #eggPeek{border-radius:0 8px 8px 0;padding:13px 13px 13px 16px;transform:translate(calc(21px - 100%));box-shadow:8px 0 26px #14181221}html[dir=rtl] #eggPeek:hover,html[dir=rtl] #eggPeek:focus-visible{transform:translate(0)}html[dir=rtl] #eggPeek:not(:hover):not(:focus-visible){animation:peekR 13s var(--ease) infinite}@keyframes peekR{0%,80%,to{transform:translate(calc(21px - 100%))}86%{transform:translate(calc(52px - 100%))}92%{transform:translate(calc(27px - 100%))}}#eggPeek .cupico{flex:none;display:block}#eggPeek svg{width:21px;height:24px;display:block}#eggPeek .stm{opacity:0;stroke-linecap:round}#eggPeek:hover .stm{animation:steam 2.1s var(--ease) infinite}#eggPeek:hover .s2{animation-delay:.3s}#eggPeek:hover .s3{animation-delay:.6s}@keyframes steam{0%{opacity:0;transform:translateY(3px)}40%{opacity:.9}to{opacity:0;transform:translateY(-4px)}}#eggPeek .peeklab{letter-spacing:.19em;text-transform:lowercase;opacity:0;transition:opacity .4s var(--ease) .12s;white-space:nowrap;font-size:11px;font-weight:600}#eggPeek:hover .peeklab,#eggPeek:focus-visible .peeklab{opacity:1}@media (width<=620px){#eggPeek{top:auto;bottom:88px}}@media (prefers-reduced-motion:reduce){#eggPeek:not(:hover):not(:focus-visible){animation:none}.strip .ph{opacity:1;transform:none}}:focus-visible{outline:2px solid var(--maroon);outline-offset:3px;border-radius:2px}.skip{z-index:200;position:absolute;inset-inline-start:-9999px}.skip:focus{inset-inline-start:12px;background:var(--ink);color:var(--paper);padding:10px 16px;top:12px}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}h1 .ln span{transform:none}.rv,.reveal-up,.portrait,.cup{opacity:1;transform:none}header{transform:none}}