@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Vazirmatn:wght@400;500;600;700&display=swap";@font-face{font-family:Estedad;src:url(/fonts/estedad-arabic-400.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Estedad;src:url(/fonts/estedad-arabic-600.woff2)format("woff2");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:Estedad;src:url(/fonts/estedad-arabic-700.woff2)format("woff2");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Estedad;src:url(/fonts/estedad-latin-400.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}:root{--emerald:#003d2f;--dark:#00251d;--ink:#06120f;--yellow:#ffd43b;--paper:#f5f5ef;--muted:#f5f5efa3;--line:#f5f5ef29;--sans:"Inter",sans-serif;--fa:"Vazirmatn",sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--dark)}body{background:var(--dark);color:var(--paper);font-family:var(--sans);margin:0;line-height:1.55;overflow-x:hidden}html[dir=rtl] body{font-family:var(--fa)}a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible{outline:2px solid var(--yellow);outline-offset:4px}::selection{background:var(--yellow);color:var(--ink)}.site-header{border-bottom:1px solid var(--line);background:var(--dark);justify-content:space-between;align-items:center;height:82px;padding:0 clamp(22px,6vw,92px);display:flex}.logo{letter-spacing:-.05em;font-size:1.15rem;font-weight:700}.logo span{color:var(--yellow)}.nav{color:var(--muted);align-items:center;gap:clamp(18px,3vw,42px);font-size:.78rem;display:flex}.nav a{transition:color .2s}.nav a:hover,.nav a:focus-visible{color:var(--yellow)}.nav .lang{color:var(--yellow);font-weight:600}.menu-btn{color:var(--paper);border:1px solid var(--line);background:0 0;width:48px;height:48px;padding:0;font-size:0;display:none;position:relative}.menu-btn:before,.menu-btn:after{content:"";background:var(--paper);height:2px;transition:transform .2s,box-shadow .2s;position:absolute;left:12px;right:12px}.menu-btn:before{box-shadow:0 7px 0 var(--paper),0 14px 0 var(--paper);top:18px}.menu-btn:after{display:none}.menu-btn[aria-expanded=true]:before{box-shadow:none;top:23px;transform:rotate(45deg)}.menu-btn[aria-expanded=true]:after{display:block;top:23px;transform:rotate(-45deg)}.hero{background:linear-gradient(110deg,var(--emerald),var(--dark) 78%);grid-template-columns:minmax(0,1.2fr) minmax(220px,.8fr);align-items:center;gap:6vw;min-height:calc(100vh - 82px);padding:clamp(55px,7vw,100px) clamp(22px,10vw,152px);display:grid}.eyebrow,.section-meta{color:var(--yellow);letter-spacing:.13em;text-transform:uppercase;font-size:.7rem;font-weight:600}.hero h1{letter-spacing:-.075em;margin:24px 0 18px;font-size:clamp(3.2rem,7vw,7rem);font-weight:600;line-height:1.02}.hero-role{color:var(--paper);max-width:620px;margin:0;font-size:clamp(1.15rem,2.2vw,2rem)}.hero-current{color:var(--yellow);align-items:center;gap:10px;margin:17px 0 0;font-weight:600;display:flex}.hero-current span{background:var(--yellow);width:22px;height:1px}.hero-intro{color:var(--muted);max-width:600px;margin:28px 0;font-size:1rem}.hero-actions{align-items:center;gap:28px;margin-top:32px;display:flex}.button{border:1px solid var(--yellow);align-items:center;gap:18px;padding:13px 17px;font-size:.8rem;font-weight:600;display:inline-flex}.button-primary{background:var(--yellow);color:var(--ink)}.button:hover{background:var(--paper);border-color:var(--paper)}.text-link{border-bottom:1px solid var(--yellow);padding-bottom:5px;font-size:.8rem}.text-link span{color:var(--yellow);margin-left:8px}.hero-mark{border:1px solid #ffd43b59;place-items:center;max-width:340px;height:320px;display:grid;position:relative;transform:rotate(3deg)}.hero-mark span{letter-spacing:-.12em;color:var(--yellow);font-size:clamp(5rem,13vw,10rem);font-weight:600}.hero-mark i{border:1px solid var(--yellow);border-radius:50%;width:58px;height:58px;position:absolute;bottom:30px;right:30px}.hero-mark i:after{content:"+";color:var(--yellow);place-items:center;font-style:normal;display:grid;position:absolute;inset:0}.section{border-top:1px solid var(--line);grid-template-columns:minmax(130px,.35fr) minmax(0,1.65fr);gap:5vw;padding:clamp(80px,10vw,145px) clamp(22px,10vw,152px);display:grid}.section-content{max-width:920px}.section h2{letter-spacing:-.06em;margin:0 0 50px;font-size:clamp(2rem,4.5vw,4.8rem);font-weight:500;line-height:1.08}.lead{max-width:850px;font-size:clamp(1.2rem,2.1vw,1.8rem);line-height:1.45}.facts{border-top:1px solid var(--line);gap:clamp(30px,8vw,110px);margin-top:68px;padding-top:25px;display:flex}.facts div{flex-direction:column;display:flex}.facts b{color:var(--yellow);font-size:1.7rem;font-weight:500}.facts span{color:var(--muted);margin-top:4px;font-size:.72rem}.experience{background:var(--emerald)}.timeline{border-top:1px solid var(--line)}.timeline-item{border-bottom:1px solid var(--line);grid-template-columns:180px 1fr;gap:30px;padding:28px 0;display:grid}.timeline-date{color:var(--yellow);padding-top:5px;font-size:.75rem}.timeline-item h3,.project h3{margin:0;font-size:1.25rem;font-weight:600}.timeline-item p{color:var(--muted);max-width:700px;margin:10px 0 0;font-size:.92rem}.timeline-item .company{color:var(--paper);margin-top:3px}.skill-grid{grid-template-columns:repeat(2,1fr);gap:35px 60px;display:grid}.skill-group{border-top:1px solid var(--line);padding-top:18px}.skill-group h3{color:var(--yellow);margin:0 0 16px;font-size:1rem}.skill-group ul{flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none;display:flex}.skill-group li{border:1px solid var(--line);color:var(--muted);padding:7px 10px;font-size:.76rem}.education{border-top:1px solid var(--line);grid-template-columns:1fr 1fr;gap:50px;margin-top:65px;padding-top:22px;display:grid}.education span{text-transform:uppercase;color:var(--yellow);letter-spacing:.1em;font-size:.7rem}.education p{color:var(--muted);font-size:.9rem}.projects{background:var(--emerald)}.project-list{border-top:1px solid var(--line)}.project{border-bottom:1px solid var(--line);grid-template-columns:70px 1fr;gap:24px;padding:25px 0;display:grid}.project-index{color:var(--yellow);font-size:.8rem}.project-type{color:var(--yellow);margin-top:4px;font-size:.72rem;display:block}.project p{color:var(--muted);max-width:700px;margin:14px 0 10px}.project small{color:#f5f5ef7a;font-size:.72rem}.contact{background:var(--yellow);color:var(--ink);border:0}.contact .section-meta{color:var(--emerald)}.contact h2{max-width:650px}.contact-intro{color:#06120fb3;max-width:450px}.contact-list{border-top:1px solid #06120f47;margin-top:40px}.contact-list a{border-bottom:1px solid #06120f47;grid-template-columns:100px 1fr 30px;align-items:center;gap:20px;padding:16px 0;display:grid}.contact-list span{text-transform:uppercase;letter-spacing:.1em;font-size:.7rem}.contact-list b{font-weight:500}.contact-list i{text-align:right;font-size:1.3rem;font-style:normal}.contact-list a:hover b{text-decoration:underline}footer{color:var(--muted);background:var(--ink);justify-content:space-between;padding:24px clamp(22px,6vw,92px);font-size:.7rem;display:flex}footer a{color:var(--yellow)}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}@media (width<=760px){.site-header{height:72px}.menu-btn{display:block}.nav{background:var(--ink);border:1px solid var(--line);z-index:5;flex-direction:column;align-items:stretch;gap:18px;padding:20px;display:none;position:absolute;top:72px;left:18px;right:18px}.nav.open{display:flex}.hero{grid-template-columns:1fr;gap:60px;min-height:auto;padding-top:70px;padding-bottom:80px}.hero h1{letter-spacing:-.08em;font-size:clamp(3rem,14vw,5.5rem)}.hero-mark{justify-self:end;width:180px;height:180px}.hero-mark span{font-size:5rem}.hero-mark i{width:38px;height:38px;bottom:15px;right:15px}.section{grid-template-columns:1fr;gap:30px;padding-top:72px;padding-bottom:85px}.section h2{margin-bottom:35px}.facts{justify-content:space-between;gap:22px}.facts b{font-size:1.35rem}.timeline-item{grid-template-columns:1fr;gap:8px}.timeline-date{padding:0}.skill-grid{grid-template-columns:1fr;gap:28px}.education{grid-template-columns:1fr;gap:20px}.contact-list a{grid-template-columns:70px 1fr 20px;font-size:.85rem}.contact-list b{overflow-wrap:anywhere}.project{grid-template-columns:38px 1fr;gap:14px}}html[dir=rtl] body{font-family:Estedad,var(--sans);font-weight:400}html[dir=rtl] body .hero h1{font-family:Estedad,var(--sans);letter-spacing:-.035em;margin:18px 0 12px;font-size:clamp(2.8rem,5.5vw,5.5rem);font-weight:600;line-height:1.25}html[dir=rtl] body .hero-role{font-family:Estedad,var(--sans);font-size:clamp(1.05rem,1.8vw,1.55rem);font-weight:500;line-height:1.7}html[dir=rtl] body .hero-intro{margin:20px 0;font-size:.95rem;line-height:2}html[dir=rtl] body .section h2{font-family:Estedad,var(--sans);letter-spacing:0;margin-bottom:35px;font-size:clamp(1.8rem,3.6vw,3.5rem);font-weight:600;line-height:1.45}html[dir=rtl] body .lead{font-size:clamp(1.05rem,1.8vw,1.45rem);line-height:2.05}html[dir=rtl] body .timeline-item h3,html[dir=rtl] body .project h3{font-family:Estedad,var(--sans);font-weight:600;line-height:1.65}html[dir=rtl] body .timeline-item p,html[dir=rtl] body .project p,html[dir=rtl] body .education p{font-size:.9rem;line-height:2}html[dir=rtl] body .section-meta{letter-spacing:0;font-size:.75rem}html[dir=rtl] body .skill-group h3{font-family:Estedad,var(--sans);font-weight:600}html[dir=rtl] body .skill-group li{font-family:Estedad,var(--sans);font-size:.8rem}html[dir=rtl] body .contact-list span{letter-spacing:0}html[dir=rtl] body .contact-list b{font-family:var(--sans);direction:ltr;unicode-bidi:plaintext}html[dir=rtl] body .timeline-date{font-family:Estedad,var(--sans);font-size:.8rem;line-height:1.8}html[dir=rtl] body .hero-current{line-height:1.8}html[dir=rtl] body .hero-mark{transform:rotate(-3deg)}
