@font-face{font-family:Vazir;src:url('assets/vazirmatn.woff2') format('woff2');font-weight:100 900;font-display:swap}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;background:#080a09;color:#eef1ec;font-family:Vazir,Arial,sans-serif;font-size:15px;line-height:1.85}::selection{background:#bcf36a;color:#080a09}:root{--accent:#bcf36a;--muted:#9bA19b;--line:#ffffff18}.wrap{width:min(1200px,calc(100% - 96px));margin-inline:auto}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a,button{transition:color .2s,background .2s,transform .2s}a:hover{color:var(--accent)}:focus-visible{outline:2px solid var(--accent);outline-offset:5px}#network{position:fixed;inset:0;width:100%;height:100%;z-index:-2;opacity:.65;pointer-events:none}.grain{position:fixed;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 15% 20%,#a0ff6408,transparent 45%),linear-gradient(90deg,#080a0960,#080a0990)}.header{max-width:1400px;margin:auto;height:110px;padding:0 48px;display:flex;align-items:center;justify-content:space-between;gap:30px;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:14px;font-size:12px;letter-spacing:2px;font-weight:700}.brand small{display:block;font:8px monospace;color:var(--muted);margin-top:4px;letter-spacing:1.3px}.brand-icon{font:bold 40px Arial;letter-spacing:-5px}.brand-icon span,.accent,.signature span,.footer-mark span{color:var(--accent)}nav{display:flex;gap:34px;font-size:13px;color:#c1c5bf}.lang{color:#eee;background:none;border:1px solid var(--line);padding:7px 14px;border-radius:6px;font-size:12px;direction:ltr}.lang span{color:var(--accent);padding-left:14px}.hero{min-height:720px;display:grid;grid-template-columns:1.12fr 1fr;gap:60px;align-items:center;padding-top:75px;position:relative}.eyebrow{color:var(--accent);font-size:11px;letter-spacing:1.5px;display:flex;align-items:center;gap:10px;margin:0 0 28px}.dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--accent);box-shadow:0 0 12px #bcf36a70;flex-shrink:0}.hello{font-size:19px;color:#c6ccc3;margin:0 0 12px}h1{font-size:clamp(52px,5.8vw,81px);letter-spacing:-3px;line-height:1.4;margin:0 0 25px;font-weight:800}html[lang=en] h1{font-size:clamp(52px,5.1vw,72px);line-height:1.1;letter-spacing:-3.5px}.lead{max-width:495px;color:var(--muted);font-size:15px;line-height:2.1;margin-bottom:30px}.actions{display:flex;align-items:center;gap:30px}.button{display:inline-flex;align-items:center;justify-content:center;gap:22px;padding:13px 22px;border:1px solid transparent;border-radius:5px;font-size:13px;font-weight:600}.primary{background:var(--accent);color:#11170a}.primary:hover{background:#d0ff91;color:#11170a;transform:translateY(-2px)}.secondary{background:transparent;color:#eee;border-color:#ffffff25}.text-link{font-size:12px;background:none;border:none;color:inherit;padding:0}.hero-meta{display:flex;gap:25px;margin-top:40px;color:#707b70;font:10px monospace;letter-spacing:1.4px;justify-content:flex-start}.portrait-stage{position:relative;isolation:isolate;padding:25px;max-width:480px;width:100%;margin:auto;direction:ltr}.portrait-frame{position:relative;aspect-ratio:4/4.7;overflow:hidden;border-radius:150px 150px 14px 14px;border:1px solid #c0d3af30;background:#141814}.portrait-frame img{width:100%;height:100%;object-fit:cover;filter:saturate(.55) brightness(.83);object-position:50% 40%;transition:filter .5s}.portrait-frame:hover img{filter:saturate(.9) brightness(.95)}.portrait-frame:after{content:'';position:absolute;inset:0;background:linear-gradient(transparent 58%,#080a09e8)}.portrait-caption{position:absolute;bottom:27px;left:28px;z-index:1;letter-spacing:3px;font-size:14px}.portrait-caption small{display:block;letter-spacing:.5px;font:9px monospace;color:#b6bcb3;margin-top:7px}.orbit{position:absolute;z-index:-1;border:1px solid #b6ed6e20;border-radius:50%;inset:0;transform:rotate(-23deg) scale(1.09,.94)}.orbit-two{transform:rotate(27deg) scale(1.02,1.08);border-style:dashed;border-color:#b6ed6e12}.coordinate{position:absolute;top:0;left:40px;font:9px monospace;color:#808e7a;letter-spacing:2px}.code-tag{position:absolute;bottom:85px;right:-20px;background:#10160fe8;backdrop-filter:blur(12px);border:1px solid #b7f57944;border-radius:8px;padding:15px 19px;display:flex;align-items:center;gap:14px;box-shadow:0 12px 50px #0008;font-size:14px;transform:rotate(-5deg)}.code-tag b{color:var(--accent);font-weight:normal}.code-cursor{color:var(--accent)}.float-code{position:absolute;color:#a0b48c;font:26px monospace}.code-a{top:70px;right:-15px;transform:rotate(15deg)}.code-b{bottom:120px;left:-20px;transform:rotate(-15deg);font-size:19px}.hero-bottom{grid-column:1/-1;display:flex;justify-content:space-between;border-top:1px solid var(--line);padding:22px 0;margin-top:7px;color:#727e71;font:9px monospace;letter-spacing:1px}.hero-bottom a{font-family:Vazir}.stack-strip{border-block:1px solid var(--line);background:#0c100cbb}.stack-strip .wrap{display:flex;justify-content:space-between;align-items:center;gap:25px;min-height:90px;color:#a3aaa0;font-size:20px;font-weight:600}.stack-strip i{color:#536442;font-size:16px;font-style:normal}.section{padding-block:110px}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:40px}.section .eyebrow{margin-bottom:16px}h2{font-size:clamp(28px,3.2vw,42px);line-height:1.6;margin:0;font-weight:650;letter-spacing:-1px}.projects{display:grid;grid-template-columns:1fr 1fr;gap:26px}.project{background:#0d100ed9;border:1px solid var(--line);border-radius:10px;overflow:hidden;transition:border-color .3s,transform .3s}.project:hover{color:inherit;border-color:#bcf36a65;transform:translateY(-5px)}.project-art{height:255px;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;direction:ltr;border-bottom:1px solid var(--line);background:radial-gradient(ellipse at 50% 100%,#a7e06913,transparent 70%),linear-gradient(135deg,#151c14,#0b100d)}.project-info{padding:26px 30px}.project-num{font:9px monospace;color:#71816a;letter-spacing:1.2px;direction:ltr;display:block}.project h3{font-size:23px;margin:13px 0 10px;font-weight:600}.project p{color:var(--muted);font-size:13px;line-height:2;margin:0 0 20px}.tags{display:flex;gap:8px;flex-wrap:wrap;direction:ltr;justify-content:flex-end}html[lang=en] .tags{justify-content:flex-start}.tags span{font:10px monospace;padding:6px 9px;border:1px solid var(--line);border-radius:4px;color:#9ca896}.mini-window{width:75%;background:#101711;border:1px solid #9abd7330;border-radius:9px;padding:18px;transform:perspective(700px) rotateY(-8deg) rotateX(8deg);box-shadow:15px 20px 30px #0006}.window-bar{display:flex;align-items:center;gap:5px;font:7px monospace;color:#778970}.window-bar i{width:4px;height:4px;background:#526446;border-radius:50%}.window-bar span{margin-left:auto}.mini-stats{display:flex;justify-content:space-between;margin:22px 0 16px;font:23px monospace}.mini-stats small{display:block;font:6px monospace;color:#7f8e77;margin-top:6px}.green{color:var(--accent)}.bars{height:65px;display:flex;gap:13px;align-items:end;border-bottom:1px solid #536345}.bars i{height:var(--h);flex:1;background:linear-gradient(#a7de66,#a7de6615);border-radius:3px 3px 0 0}.art-label{position:absolute;bottom:10px;left:15px;font:7px monospace;letter-spacing:2px;color:#697663}.reminder{background:radial-gradient(ellipse,#a7986b15,transparent),#141410}.reminder-circle{width:135px;height:135px;border:1px solid #b7b78a40;border-radius:50%;display:grid;place-items:center;color:#d4daa2;font:45px Arial;position:relative;margin-top:-20px}.ring{position:absolute;inset:12px;border:2px solid #d4daa230;border-top-color:#d4daa2;border-right-color:#d4daa2;border-radius:50%;transform:rotate(25deg)}.reminder-note{position:absolute;bottom:38px;background:#20231b;border:1px solid #bbb78740;border-radius:8px;padding:12px 17px;display:flex;align-items:center;gap:25px;font:11px monospace;box-shadow:0 10px 25px #0005;transform:rotate(-4deg)}.reminder-note b{color:#d4daa2}.wide{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;direction:ltr}.wide .project-info{direction:rtl;align-self:center}html[lang=en] .wide .project-info{direction:ltr}.wide .project-art{border:0;border-inline-end:1px solid var(--line);height:260px}.media{background:radial-gradient(ellipse,#698c9b22,transparent),#10171a}.play{display:grid;place-items:center;width:80px;height:80px;border:1px solid #87bdc560;border-radius:22px;color:#a2d4df;background:#14272b;z-index:1;box-shadow:0 0 70px #6cadbe20}.waveform{position:absolute;width:75%;height:100px;background:repeating-linear-gradient(90deg,transparent 0 8px,#7ca4b540 8px 10px,transparent 10px 15px);mask-image:radial-gradient(ellipse,#000,transparent 70%)}.about-section{background:#0b0f0cbd;border-block:1px solid var(--line)}.about-grid{display:grid;grid-template-columns:1fr 1.15fr;gap:100px}.about-grid p{color:var(--muted);font-size:14px}.about-grid .about-lead{font-size:22px;color:#dfe4d9;line-height:1.9;margin-top:0}.signature{font-size:31px;margin-top:35px;color:#9ba88e;letter-spacing:-1px;font-weight:300}.expertise{margin-top:35px}.expertise>div{display:grid;grid-template-columns:25px 1fr;gap:2px 15px;border-top:1px solid var(--line);padding:17px 0}.expertise span{grid-row:span 2;font:10px monospace;color:#6f8361;padding-top:8px}.expertise b{font-size:14px;font-weight:500}.expertise small{font:10px monospace;color:#7b8776;direction:ltr;text-align:start}.contact-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:90px}.contact-grid h2{font-size:48px;line-height:1.6}.contact-grid p{font-size:14px;color:var(--muted);max-width:390px}.email-link{display:inline-block;font-size:23px;border-bottom:1px solid #6e8458;margin:20px 0 28px;letter-spacing:-.5px}.socials{display:grid;grid-template-columns:1fr 1fr;gap:15px;font:12px monospace;color:#a4af9c;max-width:310px}.socials a{padding-bottom:10px;border-bottom:1px solid var(--line)}form{background:#0e120fd9;border:1px solid var(--line);border-radius:10px;padding:30px}.form-title{display:flex;justify-content:space-between;font-size:18px;margin-bottom:25px}.form-title>span:last-child{color:var(--accent)}label{display:block;font-size:11px;color:#a7b19f;margin-bottom:19px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:18px}input,select,textarea{width:100%;margin-top:8px;background:#080c09;color:#e0e7da;border:1px solid #ffffff18;border-radius:5px;padding:11px 12px;outline:none;font-size:13px;resize:vertical}input:focus,select:focus,textarea:focus{border-color:#a5cf75}textarea::placeholder{color:#687361;font-size:11px}.form-actions{display:flex;gap:10px}.form-actions .button{flex:1;padding:12px 10px;font-size:12px}.contact-grid .form-note{font-size:10px;line-height:1.9;margin:15px 0 0;max-width:none;color:#83917a}#handoff{border-top:1px solid var(--line);margin-top:15px;padding-top:10px}#handoff p{font-size:12px}#handoff a{font-size:12px;margin-inline-start:20px;color:var(--accent)}footer{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding-block:30px;color:#87917f;font-size:10px}.footer-mark{font:bold 32px Arial;letter-spacing:-3px}#motion{background:none;border:0;color:#87917f;font-size:10px}.skip{position:fixed;top:-100px;background:var(--accent);color:#000;z-index:9;padding:15px}.skip:focus{top:5px}[hidden]{display:none!important}@media(min-width:1500px){.hero{min-height:800px}}@media(max-width:1000px){.wrap{width:calc(100% - 48px)}.header{padding-inline:24px}.hero{gap:30px}.portrait-stage{padding:18px}.code-tag{right:0}.about-grid,.contact-grid{gap:40px}.contact-grid h2{font-size:38px}.stack-strip .wrap{font-size:16px;gap:15px}.section{padding-block:80px}.form-row{grid-template-columns:1fr;gap:0}}@media(max-width:680px){.header{height:85px;gap:16px;padding-inline:20px}.brand{font-size:9px;gap:10px}.brand small{font-size:6px}.brand-icon{font-size:34px}nav{gap:16px;font-size:10px}nav a:nth-child(2){display:none}.lang{padding:6px 10px;font-size:10px}.lang span{display:none}.wrap{width:calc(100% - 40px)}.hero{grid-template-columns:1fr;padding-top:42px;gap:36px}.hero-copy{position:relative;z-index:2}h1{font-size:58px;line-height:1.3}html[lang=en] h1{font-size:54px}.hello{font-size:16px}.eyebrow{font-size:10px;margin-bottom:22px}.lead{font-size:13px;max-width:100%}.actions{gap:22px}.button{font-size:12px;padding:12px 17px}.hero-meta{margin-top:28px;font-size:8px;gap:20px}.portrait-stage{max-width:340px;margin:8px auto 0}.portrait-frame{aspect-ratio:4/4.3;border-radius:120px 120px 10px 10px}.code-tag{bottom:60px;right:-3px;font-size:11px;padding:12px}.code-b{left:0}.code-a{right:0}.portrait-caption{left:20px;bottom:20px;font-size:11px}.hero-bottom{margin-top:4px;font-size:6px;padding-block:20px;gap:15px}.hero-bottom a{font-size:9px}.stack-strip .wrap{flex-wrap:wrap;justify-content:center;gap:12px 18px;padding:20px 0;font-size:14px;min-height:100px}.stack-strip i{font-size:10px}.section{padding-block:65px}.section-heading{gap:15px;margin-bottom:25px}h2{font-size:27px}.section-heading>.text-link{white-space:nowrap;font-size:10px}.projects{grid-template-columns:1fr;gap:20px}.project-art{height:225px}.project-info{padding:23px}.project h3{font-size:22px}.wide{display:block}.wide .project-art{height:220px}.about-grid,.contact-grid{grid-template-columns:1fr;gap:35px}.about-grid .about-lead{font-size:19px}.signature{margin-top:15px;font-size:26px}.contact-grid h2{font-size:42px}.form-row{grid-template-columns:1fr 1fr;gap:12px}form{padding:22px 18px}.form-actions{flex-wrap:wrap}.form-actions .button{white-space:nowrap}footer{flex-wrap:wrap;gap:20px;font-size:9px}footer .footer-mark{font-size:26px}.socials{max-width:none}.email-link{font-size:22px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}
/* Keep decorative orbits inside the viewport without changing content width. */
body{overflow-x:clip}.hero>*{min-width:0}@media(max-width:380px){.header{gap:10px}.brand{gap:8px}.brand small{font-size:5px}nav{gap:10px;font-size:9px}.form-row{grid-template-columns:1fr;gap:0}.actions{gap:16px}}
/* English edition: intrinsic sizing is bounded at each grid boundary. */
html{overflow-x:clip}body{overflow-x:clip}.network-viewport{position:fixed;inset:0;overflow:hidden;pointer-events:none;z-index:-2;contain:strict}#network{position:absolute;inset:0;display:block;width:100%;height:100%;max-width:100%;z-index:auto;opacity:.85}.wrap{max-width:1200px}.hero{grid-template-columns:minmax(0,1.12fr) minmax(0,1fr)}.projects{grid-template-columns:repeat(2,minmax(0,1fr))}.wide{grid-template-columns:repeat(2,minmax(0,1fr))}.about-grid{grid-template-columns:minmax(0,1fr) minmax(0,1.15fr)}.contact-grid{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr)}.form-row{grid-template-columns:repeat(2,minmax(0,1fr))}main,section,form,label,.project-info,.hero-copy,.portrait-stage{min-width:0}input,select,textarea{min-width:0;max-width:100%}img{max-width:100%}.portrait-stage{max-width:460px}.orbit{inset:9% 5%}.orbit-two{inset:8% 4%}.portrait-frame{box-shadow:0 25px 80px #0005}.code-tag{right:0}.header{justify-content:space-between}.header nav{margin-inline-start:auto}.wide .project-info{direction:ltr}.tags{justify-content:flex-start}.project-info p{max-width:55ch}.contact-grid h2{line-height:1.25}.contact-grid>div>p{line-height:1.9}.form-note{line-height:1.8!important}.button{min-height:44px}.email-link{overflow-wrap:anywhere}footer{gap:20px;flex-wrap:wrap}.hero-bottom{line-height:1.6}.hero-bottom span{max-width:65%}.hero-meta{flex-wrap:wrap}.quote-section{padding-block:65px;border-bottom:1px solid var(--line)}.quote-top,.quote-bottom{display:flex;align-items:center;justify-content:space-between;gap:20px}.quote-top h2{font:11px monospace;letter-spacing:1.5px;text-transform:uppercase;color:#a2af98}.quote-index{font:10px monospace;color:#64755b}.quote-body{display:flex;gap:28px;padding-block:30px;min-height:180px;align-items:center}.quote-mark{font:110px Georgia,serif;color:#bcf36a55;line-height:.8;align-self:flex-start;margin-top:18px}.quote-body figure{margin:0;min-width:0}.quote-body blockquote{font-size:clamp(22px,2.6vw,34px);line-height:1.6;font-weight:400;letter-spacing:-.6px;margin:0;max-width:850px;text-wrap:pretty}.quote-body figcaption{margin-top:20px;display:flex;align-items:center;gap:22px;font-size:11px}.quote-body figcaption span{color:var(--accent)}.quote-body figcaption a{color:#829078;font-size:10px}.quote-bottom{color:#6f7d67;font:10px monospace}.quote-bottom>div{display:flex;gap:14px}.quote-bottom button{font:11px Vazir,Arial;color:#b2c3a3;border:1px solid var(--line);background:#11170e;border-radius:5px;padding:9px 13px;min-height:44px}.quote-bottom button:hover{border-color:#bcf36a60;color:var(--accent)}.quote-body.changing figure{animation:quote-in .45s ease both}@keyframes quote-in{from{opacity:.25;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.project:hover .mini-window{transform:perspective(700px) rotateY(0) rotateX(0)}.mini-window{transition:transform .4s}.portrait-frame img{filter:saturate(.65) brightness(.85)}.hero-copy h1{text-wrap:balance}.socials a{min-height:36px}
@media(max-width:1000px){.hero{gap:25px}.about-grid,.contact-grid{gap:36px}.header nav{gap:24px}.form-row{grid-template-columns:1fr}.form-actions{flex-wrap:wrap}.form-actions button{flex:1 1 170px}.hero .portrait-stage{width:100%}.code-tag{font-size:12px}}
@media(max-width:680px){.header{padding-inline:20px;gap:18px;height:80px}.brand{flex:0 1 auto;min-width:0}.brand small{font-size:6px}.brand-icon{flex-shrink:0}nav{flex:0 0 auto!important;gap:18px!important;font-size:11px!important}.header nav a:nth-child(2){display:none}.hero,.about-grid,.contact-grid,.projects,.wide{grid-template-columns:minmax(0,1fr)}.hero{padding-top:40px;gap:30px}.hero-copy h1,html[lang=en] h1{font-size:clamp(38px,10.4vw,64px);letter-spacing:-2px;line-height:1.16}.hello{font-size:16px}.lead{font-size:14px;line-height:1.9;max-width:42ch}.actions{flex-wrap:wrap;gap:20px}.actions .button{font-size:12px;padding:12px 18px}.hero .portrait-stage{max-width:340px;width:calc(100% - 18px);padding:18px}.orbit{inset:8% 7%}.orbit-two{inset:8% 7%}.coordinate{left:28px;font-size:8px;letter-spacing:1.2px}.code-a{right:5px}.code-b{left:4px}.code-tag{right:4px;gap:8px}.hero-meta{font-size:8px;letter-spacing:.8px;gap:12px 18px}.hero-bottom{margin-top:0;font-size:7px;letter-spacing:.5px;gap:12px}.hero-bottom a{font-size:8px;text-align:right;max-width:40%}.section-heading{align-items:start}.section-heading h2{font-size:28px;line-height:1.35;max-width:14ch}.section-heading .text-link{padding-top:4px}.section-heading .eyebrow{font-size:9px;letter-spacing:1px}.wide{display:grid}.project-art,.wide .project-art{height:220px}.mini-window{max-width:88%;width:85%;padding:14px}.project-info{padding:22px}.project-info h3{font-size:21px}.project-info p{font-size:13px}.project-num{font-size:8px;letter-spacing:.8px}.about-grid h2{font-size:30px;line-height:1.4}.about-grid .about-lead{font-size:20px}.contact-grid h2{font-size:42px}.contact-grid p{font-size:14px}.form-row{grid-template-columns:1fr}.form-actions{display:grid;grid-template-columns:1fr}.form-actions button{width:100%;font-size:13px}.form-title{font-size:18px}label{font-size:12px}input,select,textarea{font-size:16px;padding:11px;line-height:1.5}textarea::placeholder{font-size:12px}.contact-grid .form-note{font-size:11px}.email-link{font-size:22px}.quote-section{padding-block:42px}.quote-top h2{font-size:9px;letter-spacing:.7px}.quote-body{gap:12px;min-height:230px;padding-block:24px}.quote-mark{font-size:65px}.quote-body blockquote{font-size:22px;line-height:1.5;letter-spacing:-.4px}.quote-body figcaption{align-items:start;flex-direction:column;gap:6px}.quote-bottom{align-items:start;flex-direction:column;gap:17px}.quote-bottom>div{width:100%;justify-content:space-between}.quote-bottom button{font-size:11px}.stack-strip .wrap{gap:12px 16px;font-size:13px}.stack-strip i{font-size:9px}footer{font-size:10px;gap:20px}#motion{min-height:44px;font-size:11px}.socials{font-size:12px}.socials a{min-height:44px}.text-link{min-height:30px;display:inline-flex;align-items:center}}
@media(max-width:360px){.header{padding-inline:16px;gap:10px}.brand{font-size:8px;letter-spacing:1px;gap:10px}.brand small{font-size:5px;letter-spacing:1px}.header nav{gap:12px!important;font-size:10px!important}.wrap{width:calc(100% - 32px)}.hero .portrait-stage{width:calc(100% - 12px)}.actions{gap:15px}.hero-copy h1,html[lang=en] h1{font-size:39px}.hero-bottom{font-size:6px}.quote-body{min-height:265px}.contact-grid h2{font-size:37px}}
@media(prefers-reduced-motion:reduce){.quote-body.changing figure{animation:none}.mini-window{transition:none}}
/* Monochrome portrait, including hover and keyboard interaction. */
.portrait-frame img,.portrait-frame:hover img{filter:grayscale(1) contrast(1.08) brightness(.87)}
@media(max-width:320px){.header{flex-wrap:wrap;height:auto;min-height:80px;padding-block:14px;row-gap:10px}.header nav{flex-basis:100%!important;margin-inline-start:0;justify-content:space-between}}