@import url("https://fonts.googleapis.com/css2?family=Fraunces:ital,opsz,wght@0,9..144,300;0,9..144,400;0,9..144,600;1,9..144,300;1,9..144,400&family=Inter:wght@300;400;500&family=Amiri:ital@0;1&family=Caveat:wght@400;600&display=swap");:root{--bg:#0c0b09;--bg-soft:#14120e;--ink:#ece7de;--ink-dim:#9c948a;--gold:#d4a656;--gold-dim:#8a6d3a;--line:rgba(212,166,86,0.25);--serif:"Fraunces","Amiri",serif;--sans:"Inter",sans-serif}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--ink);font-family:var(--sans);font-weight:300;overflow-x:hidden}[dir=rtl],[dir=rtl] body{font-family:"Amiri",var(--sans)}::selection{background:var(--gold);color:var(--bg)}a{color:inherit}nav.topbar{position:fixed;top:0;left:0;right:0;z-index:100;justify-content:space-between;padding:20px 40px;background:linear-gradient(rgba(12,11,9,.9),transparent)}.logo,nav.topbar{display:flex;align-items:center}.logo{text-decoration:none;transition:transform .3s}.logo:hover{transform:rotate(20deg)}.nav-links{display:flex;gap:26px;-webkit-margin-start:28px;margin-inline-start:28px;-webkit-margin-end:auto;margin-inline-end:auto}.nav-links a{color:var(--ink-dim);font-size:12.5px;letter-spacing:2px;text-transform:uppercase;text-decoration:none;transition:color .3s}.nav-links a:hover{color:var(--gold)}.lang-switch{position:relative}.lang-btn{display:flex;align-items:center;gap:7px;border:1px solid var(--line);border-radius:999px;padding:7px 15px;background:transparent;color:var(--ink);cursor:pointer;font-family:var(--sans);font-size:12px;letter-spacing:1.5px;transition:border-color .3s,color .3s}.lang-btn:hover{border-color:var(--gold);color:var(--gold)}.lang-btn .chev{font-size:9px;color:var(--gold);transition:transform .25s}.lang-btn .chev.up{transform:rotate(180deg)}.lang-menu{position:absolute;top:calc(100% + 10px);inset-inline-end:0;display:flex;flex-direction:column;min-width:140px;background:var(--bg-soft);border:1px solid var(--line);border-radius:12px;padding:6px;box-shadow:0 14px 40px rgba(0,0,0,.55);animation:lang-in .18s ease-out}@keyframes lang-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}.lang-menu a{padding:10px 14px;border-radius:8px;font-family:var(--sans);font-size:13.5px;color:var(--ink-dim);text-decoration:none;transition:all .2s}.lang-menu a:hover{background:rgba(212,166,86,.12);color:var(--gold)}.lang-menu a.active{color:var(--gold)}.lang-menu a.active:after{content:" ✓"}.nav-toggle{display:none;flex-direction:column;justify-content:center;gap:6px;width:40px;height:40px;padding:8px;background:transparent;border:0;cursor:pointer;-webkit-margin-start:6px;margin-inline-start:6px}.nav-toggle span{display:block;height:1.5px;width:100%;background:var(--ink);transition:transform .3s,opacity .3s}.nav-toggle.open span:first-child{transform:translateY(3.75px) rotate(45deg);background:var(--gold)}.nav-toggle.open span:last-child{transform:translateY(-3.75px) rotate(-45deg);background:var(--gold)}.mobile-menu{position:fixed;top:0;left:0;right:0;z-index:99;display:flex;flex-direction:column;gap:6px;padding:96px 28px 34px;background:rgba(12,11,9,.97);border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);animation:lang-in .2s ease-out}.mobile-menu a{font-family:var(--serif);font-size:26px;color:var(--ink);text-decoration:none;padding:10px 0;transition:color .3s}.mobile-menu a:hover{color:var(--gold)}@media (max-width:640px){.nav-links{display:none}.nav-toggle{display:flex}.lang-switch{-webkit-margin-start:auto;margin-inline-start:auto}}.journey-track{position:fixed;left:32px;top:50%;transform:translateY(-50%);z-index:90;display:flex;flex-direction:column;align-items:center}.journey-track .stop{width:9px;height:9px;border-radius:50%;border:1px solid var(--gold-dim);background:var(--bg);transition:all .4s;cursor:pointer;position:relative}.journey-track .stop.passed{background:var(--gold);border-color:var(--gold)}.journey-track .seg{width:1px;height:34px;background:var(--line)}.journey-track .seg .fill{display:block;width:100%;height:0;background:var(--gold);transition:height .4s}.journey-track .stop .tip{position:absolute;left:20px;top:50%;transform:translateY(-50%);white-space:nowrap;font-size:11px;letter-spacing:2px;text-transform:uppercase;color:var(--gold);opacity:0;transition:opacity .3s;pointer-events:none}.journey-track .stop:hover .tip{opacity:1}header.hero{min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;position:relative;padding:90px 24px 170px}.hero .kicker{font-size:13px;letter-spacing:6px;text-transform:uppercase;color:var(--gold);margin-bottom:28px}.hero h1{font-family:var(--serif);font-weight:300;font-size:clamp(40px,7.5vw,92px);line-height:1.12}.hero h1 em{font-style:italic;color:var(--gold)}.hero .sub{color:var(--ink-dim);font-size:17px;margin-top:30px;max-width:52ch;line-height:1.8}.hero .arabic{font-family:Amiri,serif;font-size:clamp(19px,2.6vw,27px);color:var(--ink-dim);margin-top:18px;direction:rtl}.hero .scroll-hint{position:absolute;bottom:42px;left:50%;transform:translateX(-50%);font-size:11px;letter-spacing:3px;text-transform:uppercase;color:var(--ink-dim);display:flex;flex-direction:column;align-items:center;gap:12px}.scroll-hint .wire{width:1px;height:46px;background:var(--line);position:relative;overflow:hidden}@media (max-height:760px){header.hero{padding-bottom:150px}.hero h1{font-size:clamp(34px,6.5vw,72px)}.scroll-hint .wire{height:30px}}.scroll-hint .wire:after{content:"";position:absolute;top:-40%;left:0;width:100%;height:40%;background:var(--gold);animation:drip 2.2s infinite}@keyframes drip{to{top:110%}}section.chapter{min-height:92vh;display:grid;grid-template-columns:1.05fr .95fr;grid-gap:64px;gap:64px;align-items:center;max-width:1150px;margin:0 auto;padding:110px 48px 110px 96px}[dir=rtl] section.chapter{padding:110px 96px 110px 48px}section.chapter.flip .text{order:2}section.chapter.flip .visual{order:1}.chapter .num{font-family:var(--serif);font-style:italic;font-size:15px;color:var(--gold);letter-spacing:3px;margin-bottom:18px}.chapter h2{font-family:var(--serif);font-weight:400;font-size:clamp(30px,4vw,46px);line-height:1.2;margin-bottom:24px}.chapter p{color:var(--ink-dim);font-size:16px;line-height:1.95;max-width:50ch}.chapter p+p{margin-top:16px}.chapter .place{display:inline-flex;gap:8px;margin-top:30px;color:var(--gold);border:1px solid var(--line);padding:8px 18px;border-radius:999px}.chapter .place,.photo{align-items:center;font-size:12px;letter-spacing:2px;text-transform:uppercase}.photo{width:100%;aspect-ratio:4/5;border-radius:6px;display:flex;justify-content:center;color:rgba(236,231,222,.5);position:relative;overflow:hidden;border:1px solid rgba(212,166,86,.18);background-size:cover;background-position:50%}.photo:after{content:"";position:absolute;inset:12px;border:1px solid rgba(212,166,86,.28);border-radius:3px;pointer-events:none}.photo .cap{position:absolute;bottom:20px;left:24px;right:24px;font-size:11px;color:var(--gold);letter-spacing:1.5px;text-align:start;text-transform:none}.ph-1{background-image:linear-gradient(160deg,#3d2c1c,#1c1410 60%,#0f0c08)}.ph-4{background-image:linear-gradient(160deg,#21343a,#131e22 60%,#0b1113)}.ph-7{background-image:linear-gradient(160deg,#3a2f4a,#1e1830 60%,#100d18)}.ph-8{background-image:linear-gradient(160deg,#402a33,#221419 60%,#120a0d)}.photo.has-img{background-image:var(--img),linear-gradient(160deg,#2a241c,#14100c);color:transparent}.photo.landscape{aspect-ratio:16/9}.photo.ratio43{aspect-ratio:4/3}.aux-photo{width:100%;height:auto;display:block;border-radius:6px;border:1px solid rgba(212,166,86,.18)}.aux-figure{margin:0}.aux-figure figcaption{margin-top:8px;font-size:12px;color:var(--gold);letter-spacing:.5px;text-align:start}.candle-photo-wrap{max-width:280px;margin:38px auto 0;transform:rotate(-2deg)}.candle-photo-wrap .aux-photo{border-color:rgba(212,166,86,.35);box-shadow:0 12px 40px rgba(0,0,0,.6)}.thats-me{position:absolute;left:64.3%;top:6%;transform:translateX(-50%);z-index:2;font-size:13px;font-weight:600;letter-spacing:2px;text-transform:uppercase;color:#f4c164;background:rgba(12,11,9,.88);border:1px solid rgba(212,166,86,.6);padding:6px 14px;border-radius:999px;white-space:nowrap}.thats-me:after{content:" ↓";font-size:14px}.reveal{opacity:0;transform:translateY(46px);transition:opacity 1s ease,transform 1s ease}.reveal.in{opacity:1;transform:none}.visual.reveal{transition-delay:.18s}.chalkboard{aspect-ratio:4/3.4;border-radius:8px;background:#1d2622;border:10px solid #4a3524;box-shadow:inset 0 0 60px rgba(0,0,0,.55);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;padding:30px;position:relative}.chalkboard .formula{font-family:Caveat,cursive;font-size:clamp(26px,3vw,36px);color:#e8e4d8;transform:rotate(-2deg);direction:ltr}.chalkboard .frac{display:inline-flex;flex-direction:column;align-items:center;vertical-align:middle;margin:0 6px}.chalkboard .frac .top{border-bottom:2px solid #e8e4d8;padding:0 8px 2px}.chalkboard .frac .bot{padding-top:2px}.chalkboard .sig{font-family:Caveat,cursive;font-size:20px;color:rgba(232,228,216,.6);transform:rotate(-3deg);align-self:flex-end}.chalkboard .dust{position:absolute;bottom:-34px;left:12%;right:12%;height:8px;background:#3a2a1c;border-radius:3px}section.candle{min-height:100vh;justify-content:center;text-align:center;padding:120px 24px;background:radial-gradient(ellipse 60% 45% at 50% 58%,rgba(212,140,50,.16),transparent 70%),#080706;position:relative}.candle-inner,section.candle{display:flex;flex-direction:column;align-items:center}.candle .num-big{font-family:var(--serif);font-weight:300;font-size:clamp(74px,13vw,170px);line-height:1;color:#e9b45c;text-shadow:0 0 60px rgba(212,140,50,.35);direction:ltr}.candle .num-big .of{font-size:.35em;color:var(--ink-dim);font-style:italic}.candle .flame{width:10px;height:26px;background:#f4c164;border-radius:50% 50% 50% 50%/62% 62% 38% 38%;margin-bottom:34px;animation:flicker 2.6s infinite;box-shadow:0 0 34px 10px rgba(244,193,100,.35)}@keyframes flicker{0%,to{transform:scaleY(1) rotate(-1.5deg)}30%{transform:scaleY(1.12) rotate(1.5deg)}60%{transform:scaleY(.92) rotate(-1deg)}80%{transform:scaleY(1.06) rotate(2deg)}}.candle .story-line{color:var(--ink-dim);max-width:62ch;line-height:2;font-size:16.5px;margin-top:36px}.candle .kick{font-size:12px;letter-spacing:4px;text-transform:uppercase;color:var(--gold);margin-bottom:26px}.jobs-wall{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:14px;gap:14px}.job-badge{border:1px solid var(--line);border-radius:8px;padding:18px 18px 15px;background:var(--bg-soft);transform:rotate(var(--tilt,0deg));transition:transform .3s}.job-badge:hover{transform:rotate(0deg) scale(1.04)}.job-badge .role{font-family:var(--serif);font-size:17px;margin-bottom:4px}.job-badge .note{font-size:12.5px;color:var(--ink-dim);line-height:1.6}.badge-stack{display:flex;flex-direction:column;gap:14px}.counter-box{text-align:center;padding:40px 20px;border:1px solid var(--line);border-radius:10px;background:var(--bg-soft)}.counter-box .n{font-family:var(--serif);font-size:clamp(56px,7vw,88px);color:var(--gold);line-height:1;direction:ltr}.counter-box .l{color:var(--ink-dim);font-size:14px;letter-spacing:2px;text-transform:uppercase;margin-top:12px}.interlude{min-height:58vh;display:flex;align-items:center;justify-content:center;text-align:center;padding:90px 24px;background:var(--bg-soft)}.interlude blockquote{font-family:var(--serif);font-style:italic;font-weight:300;font-size:clamp(23px,3.2vw,38px);line-height:1.6;max-width:30ch;color:var(--ink)}.interlude blockquote span{color:var(--gold)}section.work{max-width:1150px;margin:0 auto;padding:140px 48px 100px 96px}[dir=rtl] section.work{padding:140px 96px 100px 48px}.work .head{margin-bottom:60px}.work h2{font-family:var(--serif);font-weight:400;font-size:clamp(30px,4vw,46px)}.work .head p{color:var(--ink-dim);margin-top:14px;max-width:60ch;line-height:1.9}.work .head .num{font-family:var(--serif);font-style:italic;font-size:15px;color:var(--gold);letter-spacing:3px;margin-bottom:18px}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));grid-gap:20px;gap:20px}.card{border:1px solid var(--line);border-radius:8px;padding:30px 28px;transition:transform .35s,border-color .35s;background:var(--bg-soft);display:block;text-decoration:none}.card:hover{transform:translateY(-6px);border-color:var(--gold)}.card h3{font-family:var(--serif);font-weight:400;font-size:21px;margin-bottom:12px}.card p{color:var(--ink-dim);font-size:14px;line-height:1.8;margin-bottom:20px}.tags{display:flex;flex-wrap:wrap;gap:8px}.tags span{font-size:11px;letter-spacing:1px;color:var(--gold);border:1px solid var(--line);border-radius:999px;padding:4px 12px}section.contact{max-width:720px;margin:0 auto;padding:120px 24px 40px;text-align:center}.contact .num{font-style:italic;font-size:15px;color:var(--gold);letter-spacing:3px}.contact .num,.contact h2{font-family:var(--serif);margin-bottom:18px}.contact h2{font-weight:400;font-size:clamp(30px,4vw,46px)}.contact .sub{color:var(--ink-dim);line-height:1.9;margin-bottom:40px}.contact form{display:flex;flex-direction:column;gap:14px;text-align:start}.contact .row2{display:grid;grid-template-columns:1fr 1fr;grid-gap:14px;gap:14px}.contact input,.contact textarea{background:var(--bg-soft);border:1px solid var(--line);border-radius:8px;color:var(--ink);font-family:inherit;font-size:15px;padding:14px 16px;transition:border-color .3s;resize:vertical}.contact input:focus,.contact textarea:focus{outline:none;border-color:var(--gold)}.contact input::placeholder,.contact textarea::placeholder{color:var(--ink-dim)}.contact button.cta{border:none;cursor:pointer;font-family:inherit;align-self:center;margin-top:10px}.contact button.cta:disabled{opacity:.6;cursor:wait}.contact .hp{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}.form-note{margin-top:16px;font-size:15px}.form-note.ok{color:var(--gold);font-family:var(--serif);font-style:italic;font-size:19px}.form-note.err{color:#e07a6a}.footer-links{display:flex;justify-content:center;gap:22px;margin-top:28px}.footer-links a{color:var(--ink-dim);font-size:13px;letter-spacing:1.5px;text-transform:uppercase;text-decoration:none;border-bottom:1px solid transparent;transition:all .3s}.footer-links a:hover{color:var(--gold);border-bottom-color:var(--gold)}@media (max-width:640px){.contact .row2{grid-template-columns:1fr}}.work-hero{max-width:880px;margin:0 auto;padding:150px 24px 30px}.work-hero h1{font-family:var(--serif);font-weight:300;font-size:clamp(38px,5.5vw,64px);margin-bottom:16px}.work-hero p{color:var(--ink-dim);line-height:1.9;max-width:60ch}.work-main{max-width:880px;margin:0 auto;padding:20px 24px 60px}.tl-group{margin-top:70px}.tl-group h2{font-family:var(--serif);font-weight:400;font-size:clamp(24px,3vw,34px);margin-bottom:30px;color:var(--gold)}.timeline{-webkit-border-start:1px solid var(--line);border-inline-start:1px solid var(--line);-webkit-padding-start:28px;padding-inline-start:28px;display:flex;flex-direction:column;gap:38px}.tl-item{position:relative}.tl-dot{position:absolute;inset-inline-start:-33px;top:8px;width:9px;height:9px;border-radius:50%;background:var(--gold)}.tl-period{font-size:12px;letter-spacing:2px;text-transform:uppercase;color:var(--gold)}.tl-content h3{font-family:var(--serif);font-weight:400;font-size:21px;margin:6px 0 2px}.tl-company{color:var(--ink);font-size:14px;margin-bottom:8px}.tl-company a{color:var(--gold);text-decoration:none}.tl-company a:hover{text-decoration:underline}.tl-desc{color:var(--ink-dim);font-size:14.5px;line-height:1.85;max-width:68ch}.skills-cloud span{font-size:13px;padding:7px 16px}.lang-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));grid-gap:16px;gap:16px}.lang-card{border:1px solid var(--line);border-radius:10px;background:var(--bg-soft);padding:22px 20px;text-align:center}.lang-card .lang-name{font-family:var(--serif);font-size:20px;margin-bottom:6px}.lang-card .lang-level{color:var(--gold);font-size:12px;letter-spacing:1.5px;text-transform:uppercase}.view-all-wrap{text-align:center;margin-top:44px}footer{text-align:center;padding:130px 24px 80px;border-top:1px solid rgba(212,166,86,.12);margin-top:60px}footer h2{font-family:var(--serif);font-weight:300;font-size:clamp(28px,4vw,44px);margin-bottom:20px}footer h2 em{font-style:italic;color:var(--gold)}footer p{color:var(--ink-dim);margin-bottom:36px}.cta{display:inline-block;text-decoration:none;color:var(--bg);background:var(--gold);padding:15px 38px;border-radius:999px;font-size:14px;letter-spacing:1px;transition:transform .3s}.cta:hover{transform:scale(1.05)}@media (max-width:860px){section.chapter{grid-template-columns:1fr;padding:90px 24px 90px 60px;gap:36px;min-height:unset}[dir=rtl] section.chapter{padding:90px 60px 90px 24px}section.chapter.flip .text{order:1}section.chapter.flip .visual{order:2}.journey-track{left:14px}section.work{padding:100px 24px 80px 60px}[dir=rtl] section.work{padding:100px 60px 80px 24px}}@media (max-width:600px){.journey-track{display:none}[dir=rtl] section.chapter,section.chapter{padding:80px 22px}[dir=rtl] section.work,section.work{padding:90px 22px 70px}nav.topbar{padding:16px 20px}}