@font-face{font-family:Peyda;src:url('fonts/peyda-thin.ttf') format('truetype');font-weight:100;font-display:swap}
@font-face{font-family:Peyda;src:url('fonts/peyda-extralight.ttf') format('truetype');font-weight:200;font-display:swap}
@font-face{font-family:Peyda;src:url('fonts/peyda-light.ttf') format('truetype');font-weight:300;font-display:swap}
@font-face{font-family:Peyda;src:url('fonts/Peyda-Regular.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:Peyda;src:url('fonts/Peyda-Medium.ttf') format('truetype');font-weight:500;font-display:swap}
@font-face{font-family:Peyda;src:url('fonts/Peyda-SemiBold.ttf') format('truetype');font-weight:600;font-display:swap}
@font-face{font-family:Peyda;src:url('fonts/Peyda-Bold.ttf') format('truetype');font-weight:700;font-display:swap}
@font-face{font-family:Peyda;src:url('fonts/Peyda-ExtraBold.ttf') format('truetype');font-weight:800;font-display:swap}
@font-face{font-family:Peyda;src:url('fonts/Peyda-Black.ttf') format('truetype');font-weight:900;font-display:swap}
:root{--bg:#0a0b0d;--panel:#111317;--text:#f3f1ed;--muted:#96999f;--line:rgba(255,255,255,.1);--accent:#c9ff42;--accent2:#9fd91e;--max:1240px}
*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);font-family:Peyda,Arial,sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}button{font-family:inherit}.noise{position:fixed;inset:0;z-index:20;pointer-events:none;opacity:.045;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.5'/%3E%3C/svg%3E")}.cursor-glow{position:fixed;width:300px;height:300px;border-radius:50%;pointer-events:none;background:radial-gradient(circle,rgba(201,255,66,.07),transparent 65%);transform:translate(-50%,-50%);z-index:0}.loader{position:fixed;inset:0;background:#0a0b0d;z-index:9999;display:grid;place-items:center;transition:.7s}.loader.hide{opacity:0;visibility:hidden}.loader-brand{font-size:26px;font-weight:800;letter-spacing:-1px}.loader-brand span,.brand i,footer strong span{color:var(--accent)}.section-wrap{width:min(var(--max),calc(100% - 72px));margin:auto}.nav{height:88px;width:min(var(--max),calc(100% - 72px));margin:auto;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);position:relative;z-index:5}.brand{display:flex;align-items:center;gap:10px;font-weight:800;font-size:18px;direction:ltr}.brand i{display:block;width:7px;height:7px;background:var(--accent);border-radius:50%}.nav-center{display:flex;gap:34px;color:#a7a9ae;font-size:13px}.nav-center a{transition:.25s}.nav-center a:hover{color:var(--accent)}.nav-cta{font-size:12px;border:1px solid var(--line);padding:11px 16px;border-radius:100px}.nav-cta span{color:var(--accent);margin-right:6px}.hero{padding:90px 0 30px;min-height:calc(100vh - 88px);display:flex;flex-direction:column}.hero-meta,.hero-bottom,.contact-top{display:flex;justify-content:space-between;direction:ltr;color:#686b72;font-size:10px;letter-spacing:1.5px}.hero-meta{margin-bottom:45px}.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:80px;direction:ltr;flex:1}.hero-copy{direction:rtl;position:relative;z-index:2}.kicker{color:var(--accent);font-size:14px;margin-bottom:16px}.hero h1{font-size:clamp(64px,9vw,132px);line-height:.92;font-weight:700;letter-spacing:-5px}.hero h1 em,.about-grid h2 span,.experience-head em,.skills-intro em,.contact-inner h2 em{font-style:normal;color:var(--accent)}.hero-desc{max-width:550px;color:#9b9da2;font-size:16px;line-height:2;margin:32px 0}.hero-actions{display:flex;align-items:center;gap:28px}.primary-btn{display:inline-flex;align-items:center;gap:24px;background:var(--accent);color:#0b0d09;padding:15px 20px;font-weight:700;font-size:13px}.primary-btn b{font-size:18px}.text-btn{font-size:13px;color:#b8babf}.hero-visual{height:570px;position:relative;direction:ltr}.image-card{position:absolute;width:min(380px,70%);height:500px;right:14%;top:20px;overflow:hidden;background:#17191d;box-shadow:30px 35px 80px rgba(0,0,0,.45);transform:rotate(3deg);transition:transform .6s}.image-card:hover{transform:rotate(0deg) scale(1.02)}.image-card img{width:100%;height:100%;object-fit:cover;filter:grayscale(100%);transition:1s}.image-card:hover img{filter:grayscale(0%);transform:scale(1.03)}.image-overlay{position:absolute;inset:0;background:linear-gradient(180deg,transparent 45%,rgba(0,0,0,.7))}.image-tag{position:absolute;bottom:25px;left:25px;font-size:11px;letter-spacing:2px;line-height:1.6}.image-index{position:absolute;top:20px;right:20px;color:var(--accent);font-size:11px}.floating-card{position:absolute;bottom:25px;left:2%;background:rgba(18,20,24,.9);border:1px solid var(--line);backdrop-filter:blur(15px);padding:17px 20px;z-index:2}.floating-card small{display:block;color:#72757c;font-size:9px;letter-spacing:2px;margin-bottom:6px}.floating-card strong{font-size:13px;line-height:1.25;letter-spacing:1px}.visual-orbit{position:absolute;border:1px solid rgba(201,255,66,.2);border-radius:50%;pointer-events:none}.orbit-one{width:500px;height:500px;right:-10%;top:15px}.orbit-two{width:610px;height:610px;right:-22%;top:-40px;border-color:rgba(255,255,255,.06)}.scroll-note{position:absolute;bottom:15px;right:0;color:#65686d;font-size:9px;letter-spacing:2px;writing-mode:vertical-rl}.scroll-note span{color:var(--accent);font-size:16px;margin-top:8px}.hero-bottom{padding-top:35px;border-top:1px solid var(--line)}.about-section,.experience-section,.skills-section,.services-section,.education-section{padding:150px 0}.section-label{display:flex;gap:18px;align-items:center;color:#62656b;font-size:10px;letter-spacing:2px;direction:ltr;margin-bottom:65px}.section-label span{color:var(--accent)}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;direction:ltr}.about-grid h2{font-size:clamp(48px,6vw,82px);line-height:1.05;letter-spacing:-3px;direction:rtl}.about-copy{direction:rtl;padding-top:15px}.about-copy>p{font-size:18px;line-height:2.2;color:#a6a8ad;max-width:560px}.signature{margin-top:60px;color:#55585e;font-size:10px;letter-spacing:4px;direction:ltr;line-height:1.8}.signature b{color:#d7d8d4}.experience-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:45px}.experience-head h2{font-size:clamp(48px,6vw,82px);line-height:1;letter-spacing:-3px}.experience-head>span{color:#666970;font-size:11px;letter-spacing:1px}.experience-list{border-top:1px solid var(--line)}.experience-card{display:grid;grid-template-columns:70px 1fr 50px;gap:30px;padding:38px 10px;border-bottom:1px solid var(--line);align-items:start;transition:.4s}.experience-card:hover{background:rgba(255,255,255,.025);padding-right:22px;padding-left:22px}.exp-num{color:#55585e;font-size:11px;direction:ltr}.exp-year{display:inline-block;color:var(--accent);font-size:10px;border:1px solid rgba(201,255,66,.2);padding:5px 9px;margin-bottom:12px}.exp-main h3{font-size:27px;margin-bottom:3px}.company{color:#7c8087;font-size:13px;margin-bottom:14px}.exp-main>p:last-child{color:#888b91;font-size:13px;line-height:1.9;max-width:620px}.exp-arrow{font-size:28px;color:#565960;transition:.3s}.experience-card:hover .exp-arrow{color:var(--accent);transform:translate(-4px,4px)}.skills-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:100px;direction:ltr}.skills-intro{direction:rtl}.skills-intro h2{font-size:clamp(45px,5vw,72px);line-height:1.05;letter-spacing:-3px}.skills-intro p{color:#85888e;line-height:2;margin-top:25px;max-width:430px;font-size:14px}.skill-stack{direction:rtl}.skill-row{display:grid;grid-template-columns:32px 190px 1fr 35px;gap:15px;align-items:center;min-height:65px;border-bottom:1px solid var(--line);color:#74777d;font-size:11px}.skill-row span{color:#4f5258;direction:ltr}.skill-row b{color:#d6d7d3;font-weight:500}.skill-row i{height:2px;background:#292c31;display:block;position:relative}.skill-row u{display:block;position:absolute;right:0;top:0;height:100%;width:var(--w);background:var(--accent);text-decoration:none;transform-origin:right;transform:scaleX(0);transition:1.2s cubic-bezier(.2,.8,.2,1)}.skill-row.visible u{transform:scaleX(1)}.skill-row strong{font-size:10px;color:var(--accent);font-weight:500;direction:ltr}.service-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-right:1px solid var(--line)}.service{min-height:300px;padding:28px;border-left:1px solid var(--line);border-bottom:1px solid var(--line);position:relative;transition:.4s;overflow:hidden}.service::before{content:"";position:absolute;inset:auto 0 0;height:0;background:var(--accent);transition:.45s;z-index:0}.service:hover::before{height:4px}.service>*{position:relative}.service>span{color:#55585e;font-size:10px}.service h3{font-size:24px;margin-top:90px;margin-bottom:15px}.service p{color:#7f8288;font-size:12px;line-height:1.9}.service>b{position:absolute;bottom:28px;left:28px;font-size:22px;color:#575a60;transition:.3s}.service:hover b{color:var(--accent);transform:translate(-4px,4px)}.education-row{display:grid;grid-template-columns:100px 1fr 40px;align-items:center;padding:35px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.edu-number{font-size:12px;color:var(--accent);letter-spacing:2px}.education-row h2{font-size:30px}.education-row p{color:#73767c;font-size:12px;margin-top:5px}.education-row>span{color:#51545a}.courses{display:grid;grid-template-columns:repeat(4,1fr);gap:0}.course{padding:28px 20px;border-left:1px solid var(--line);min-height:130px}.course:first-child{border-right:1px solid var(--line)}.course span,.course small{display:block;color:#64676d;font-size:10px;margin-bottom:18px}.course b{display:block;font-size:13px;margin-bottom:7px}.course small{margin:0;color:#777a80}.contact-section{background:#111317;border-top:1px solid var(--line);padding:130px 0 110px}.contact-inner{direction:rtl}.contact-top{margin-bottom:70px}.contact-inner h2{font-size:clamp(58px,9vw,125px);line-height:.95;letter-spacing:-5px;max-width:950px}.contact-links{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-top:90px;padding-top:30px;border-top:1px solid var(--line)}.contact-links a,.contact-links div{display:flex;flex-direction:column;gap:7px}.contact-links small{color:#62656b;font-size:9px;letter-spacing:2px;direction:ltr;text-align:right}.contact-links strong{font-size:15px;font-weight:500;direction:ltr;text-align:right}.contact-links div strong{direction:rtl}footer{background:#08090b;border-top:1px solid var(--line);padding:25px 0;color:#5e6167;font-size:9px}footer .section-wrap{display:flex;justify-content:space-between;align-items:center;direction:ltr}footer strong{font-size:16px;color:#ddd}.reveal{opacity:0;transform:translateY(25px);transition:opacity .8s ease,transform .8s cubic-bezier(.2,.8,.2,1)}.reveal.visible{opacity:1;transform:none}
@media(max-width:900px){.nav,.section-wrap{width:min(100% - 36px,var(--max))}.nav-center{display:none}.nav-cta{padding:9px 12px}.hero{padding-top:60px}.hero-grid{grid-template-columns:1fr;gap:40px}.hero h1{font-size:clamp(60px,16vw,100px)}.hero-visual{height:500px}.image-card{width:290px;height:420px;right:12%;}.orbit-one{width:400px;height:400px;right:-10%}.orbit-two{width:480px;height:480px;right:-20%}.about-grid,.skills-grid{grid-template-columns:1fr;gap:45px}.service-grid{grid-template-columns:repeat(2,1fr)}.courses{grid-template-columns:repeat(2,1fr)}.course{border-bottom:1px solid var(--line)}.contact-inner h2{letter-spacing:-3px}.contact-links{grid-template-columns:1fr 1fr}.contact-links div{grid-column:1/-1}}
@media(max-width:600px){.nav{height:72px}.nav-cta{font-size:10px}.hero{min-height:auto;padding:55px 0 25px}.hero-meta{font-size:8px;margin-bottom:35px}.hero-meta span:last-child{display:none}.hero h1{font-size:19vw;letter-spacing:-2px}.hero-desc{font-size:14px;line-height:2;margin:24px 0}.hero-actions{gap:18px}.primary-btn{padding:13px 15px;font-size:11px}.text-btn{font-size:11px}.hero-visual{height:400px;margin-top:10px}.image-card{height:360px;width:245px;right:13%;top:10px}.floating-card{left:0;bottom:10px;padding:13px 15px}.orbit-one{width:330px;height:330px;right:-14%;top:20px}.orbit-two{width:410px;height:410px;right:-25%;top:-20px}.scroll-note{display:none}.hero-bottom{padding-top:25px;font-size:7px}.hero-bottom span:nth-child(2){display:none}.about-section,.experience-section,.skills-section,.services-section,.education-section{padding:90px 0}.section-label{margin-bottom:42px}.about-grid h2,.skills-intro h2{font-size:47px}.about-copy>p{font-size:15px}.experience-head{display:block;margin-bottom:30px}.experience-head h2{font-size:54px;margin-bottom:12px}.experience-card{grid-template-columns:28px 1fr 25px;gap:10px;padding:28px 0}.experience-card:hover{padding-right:7px;padding-left:7px}.exp-main h3{font-size:20px}.exp-main>p:last-child{font-size:12px}.exp-arrow{font-size:20px}.skill-row{grid-template-columns:22px 1fr 32px;gap:9px;min-height:60px}.skill-row i{grid-column:2/4;grid-row:2;margin-bottom:8px}.skill-row strong{grid-column:3;grid-row:1}.service-grid{grid-template-columns:1fr}.service{min-height:220px}.service h3{margin-top:55px}.education-row{grid-template-columns:65px 1fr 25px}.education-row h2{font-size:21px}.courses{grid-template-columns:1fr 1fr}.course{padding:20px 12px;min-height:125px}.course b{font-size:11px}.contact-section{padding:90px 0 70px}.contact-top{font-size:8px;margin-bottom:50px}.contact-inner h2{font-size:16vw;letter-spacing:-2px}.contact-links{margin-top:55px;grid-template-columns:1fr;gap:24px}.contact-links div{grid-column:auto}footer .section-wrap{font-size:7px;gap:15px}footer .section-wrap span:nth-child(2){display:none}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

/* CINEMATIC PORTFOLIO */
.portfolio-section{padding:150px 0 120px;position:relative}
.portfolio-head{display:grid;grid-template-columns:1fr .65fr;gap:80px;align-items:end;margin-bottom:60px;direction:ltr}
.portfolio-head h2{font-size:clamp(55px,7vw,96px);line-height:.95;letter-spacing:-4px;direction:rtl}
.portfolio-head p{direction:rtl;color:#85888e;font-size:14px;line-height:2;max-width:440px}
.portfolio-grid{display:grid;grid-template-columns:1.18fr .82fr;grid-template-rows:auto auto;gap:18px;direction:ltr}
.project-card{min-width:0;direction:rtl;cursor:pointer;transition:transform .55s cubic-bezier(.2,.8,.2,1)}
.project-card:hover{transform:translateY(-8px)}
.project-wide{grid-column:1;grid-row:1}
.project-tall{grid-column:2;grid-row:1 / span 2}
.project-media{position:relative;overflow:hidden;background:#15171b;border:1px solid rgba(255,255,255,.1);isolation:isolate}
.project-wide .project-media{height:390px}.project-card:not(.project-wide):not(.project-tall) .project-media{height:255px}.project-tall .project-media{height:663px}
.project-media img{width:100%;height:100%;object-fit:cover;display:block;filter:grayscale(35%) contrast(1.08);transform:scale(1.01);transition:transform 1s cubic-bezier(.2,.8,.2,1),filter 1s ease}
.project-card:hover .project-media img{transform:scale(1.08);filter:grayscale(0) contrast(1.05)}
.media-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.05),rgba(0,0,0,.72));z-index:1;transition:.5s}
.project-card:hover .media-shade{background:linear-gradient(180deg,rgba(0,0,0,.12),rgba(0,0,0,.55))}
.project-play{position:absolute;top:22px;left:22px;border:1px solid rgba(255,255,255,.25);background:rgba(10,11,13,.5);backdrop-filter:blur(12px);padding:9px 12px;color:#fff;font-size:9px;letter-spacing:2px;z-index:3;transform:translateY(-8px);opacity:0;transition:.45s}
.project-card:hover .project-play{transform:none;opacity:1}
.project-index{position:absolute;right:22px;bottom:20px;color:rgba(255,255,255,.5);font-size:10px;letter-spacing:2px;z-index:3}
.project-info{display:flex;justify-content:space-between;align-items:start;padding:18px 2px 4px;direction:rtl}
.project-info span{font-size:8px;letter-spacing:2px;color:#62656b;direction:ltr;display:block;margin-bottom:7px}.project-info h3{font-size:18px;font-weight:600}.project-info>b{font-size:9px;color:#565960;font-weight:400;direction:ltr}
.media-two{background:radial-gradient(circle at 70% 25%,rgba(201,255,66,.2),transparent 28%),linear-gradient(135deg,#0d0e10,#262a2f 55%,#0a0b0d)}
.abstract-frame{position:absolute;inset:18% 14%;border:1px solid rgba(255,255,255,.14);background:linear-gradient(145deg,rgba(255,255,255,.04),rgba(255,255,255,.01));display:flex;justify-content:space-between;align-items:flex-end;padding:25px;z-index:0;transform:rotate(-2deg);box-shadow:0 30px 80px rgba(0,0,0,.35)}
.abstract-frame span{font-size:9px;letter-spacing:3px;color:#74777d}.abstract-frame strong{font-size:44px;line-height:.8;letter-spacing:-3px;text-align:left}
.media-three{background:linear-gradient(125deg,#101216,#1c2026)}
.web-window{position:absolute;inset:16% 10%;border:1px solid rgba(255,255,255,.14);background:#0d0f12;box-shadow:0 30px 80px rgba(0,0,0,.4);z-index:0;padding:22px}.web-window i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#5e6268;margin-left:4px}.web-window strong{display:block;margin-top:48px;font-size:58px;letter-spacing:-5px;direction:ltr}.web-window strong span{color:var(--accent)}
.media-four{background:radial-gradient(circle at 30% 30%,rgba(201,255,66,.2),transparent 25%),linear-gradient(145deg,#191b1f,#090a0c)}
.poster-type{position:absolute;inset:0;display:grid;place-content:center;text-align:left;font-size:clamp(45px,5vw,72px);line-height:.78;font-weight:800;letter-spacing:-5px;direction:ltr;z-index:0}.poster-type em{color:var(--accent);font-style:normal}
.project-card::after{content:"";position:absolute;inset:0;pointer-events:none;border:1px solid transparent;transition:.4s}.project-card:hover::after{border-color:rgba(201,255,66,.28)}
.project-modal{position:fixed;inset:0;z-index:10000;display:grid;place-items:center;padding:30px;opacity:0;visibility:hidden;transition:.45s}.project-modal.open{opacity:1;visibility:visible}.modal-backdrop{position:absolute;inset:0;background:rgba(3,4,5,.78);backdrop-filter:blur(18px)}
.modal-card{position:relative;z-index:1;width:min(1080px,100%);max-height:90vh;overflow:auto;background:#0d0f12;border:1px solid rgba(255,255,255,.14);display:grid;grid-template-columns:1.15fr .85fr;direction:ltr;box-shadow:0 35px 100px rgba(0,0,0,.55);transform:translateY(25px) scale(.98);transition:.5s cubic-bezier(.2,.8,.2,1)}.project-modal.open .modal-card{transform:none}.modal-visual{min-height:570px;background:#111;position:relative;overflow:hidden}.modal-visual img{width:100%;height:100%;object-fit:cover;filter:contrast(1.05)}.modal-visual .abstract-frame,.modal-visual .web-window,.modal-visual .poster-type{inset:12%;position:absolute}.modal-content{direction:rtl;padding:55px 48px;display:flex;flex-direction:column;justify-content:center}.modal-content>span:first-child{font-size:9px;letter-spacing:2px;color:var(--accent);direction:ltr;text-align:right}.modal-content h2{font-size:48px;line-height:1.05;margin:18px 0}.modal-content p{color:#85888e;font-size:14px;line-height:2}.modal-line{height:1px;background:var(--line);margin:35px 0}.modal-note{font-size:8px!important;letter-spacing:1.5px;color:#55585e!important;direction:ltr!important}.modal-close{position:absolute;right:18px;top:14px;z-index:4;border:0;background:rgba(0,0,0,.35);color:#fff;width:38px;height:38px;border-radius:50%;font-size:25px;cursor:pointer;transition:.3s}.modal-close:hover{background:var(--accent);color:#0a0b0d}
.contact-links a,.contact-links div{transition:transform .3s}.contact-links a:hover{transform:translateY(-3px)}.contact-links a:hover strong{color:var(--accent)}
@media(max-width:900px){.portfolio-head{grid-template-columns:1fr;gap:25px}.portfolio-grid{grid-template-columns:1fr 1fr}.project-wide{grid-column:1/-1}.project-tall{grid-column:2;grid-row:2 / span 2}.project-wide .project-media{height:330px}.project-tall .project-media{height:510px}.modal-card{grid-template-columns:1fr}.modal-visual{min-height:400px}}
@media(max-width:600px){.portfolio-section{padding:90px 0}.portfolio-head h2{font-size:50px;letter-spacing:-2px}.portfolio-grid{display:grid;grid-template-columns:1fr;gap:24px}.project-wide,.project-tall{grid-column:auto;grid-row:auto}.project-wide .project-media,.project-card:not(.project-wide):not(.project-tall) .project-media,.project-tall .project-media{height:360px}.project-tall .project-media{height:440px}.project-play{opacity:1;transform:none;font-size:8px}.project-info h3{font-size:16px}.modal-card{max-height:88vh}.modal-visual{min-height:300px}.modal-content{padding:32px 25px}.modal-content h2{font-size:34px}.modal-content p{font-size:13px}.modal-close{right:10px;top:10px}}