@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Vazirmatn:wght@400;500;600;700;800;900&display=swap');
:root{color-scheme:dark;--bg:#0c1118;--panel:#121b25;--panel2:#17232e;--ink:#f2f5f7;--muted:#a1adb7;--line:#26333e;--lime:#b7f09b;--orange:#ef9d79;--max:1180px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--bg);color:var(--ink);font-family:Vazirmatn,"DM Sans",sans-serif;line-height:1.9;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid var(--lime);outline-offset:4px}.wrap{width:min(var(--max),calc(100% - 48px));margin:auto}
.site-header{height:82px;position:sticky;top:0;z-index:20;background:#0c1118eF;border-bottom:1px solid var(--line);backdrop-filter:blur(16px)}.nav{height:100%;display:flex;align-items:center;justify-content:space-between;gap:22px}.brand{display:flex;align-items:center;gap:11px;font:800 13px "DM Sans",sans-serif;letter-spacing:.12em}.brand small{display:block;color:var(--muted);font-size:10px;font-weight:500;letter-spacing:.2em}.brand-mark{display:grid;place-items:center;width:39px;height:39px;border:1px solid #52615c;border-radius:50%;color:var(--lime);font:700 12px "DM Sans",sans-serif}.navlinks{display:flex;gap:28px;color:var(--muted);font-size:12px}.navlinks a:hover,.foot-links a:hover{color:var(--lime)}.nav-cta{border:1px solid #485650;border-radius:4px;padding:9px 15px;font-size:12px}.nav-cta span{color:var(--lime);margin-right:8px}
.hero{min-height:690px;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:65px;padding-top:65px;padding-bottom:80px}.eyebrow,.section-kicker{font:600 10px "DM Sans",Vazirmatn,sans-serif;letter-spacing:.18em;color:var(--lime);text-transform:uppercase}.status-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--lime);margin-left:9px;box-shadow:0 0 14px #b7f09b80}.hero h1{font-size:clamp(40px,5.5vw,70px);line-height:1.4;letter-spacing:-1.7px;margin:22px 0}.hero h1 em{font-style:normal;color:var(--lime)}.hero-lead{font-size:18px;line-height:2;color:#e3e9e9;max-width:640px;margin:0 0 13px}.hero-sub{font-size:13px;color:var(--muted);max-width:620px;line-height:2.2}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.btn{display:inline-flex;align-items:center;gap:22px;padding:12px 18px;border-radius:3px;font-size:12px;font-weight:700;transition:.2s}.btn.primary{background:var(--lime);color:#111a17}.btn.primary:hover{background:#d1ffb9;transform:translateY(-2px)}.btn.secondary{border:1px solid #43505a;color:var(--ink)}.btn.secondary:hover{border-color:var(--lime)}.btn span{font-size:16px}.hero-meta{display:flex;gap:20px;flex-wrap:wrap;margin-top:45px;color:#85929d;font:10px "DM Sans",sans-serif;letter-spacing:.08em}.portrait-wrap{height:510px;position:relative;display:flex;align-items:center;justify-content:center}.portrait-frame{position:relative;z-index:2;width:min(390px,80%);height:465px;overflow:hidden;border-radius:190px 190px 5px 5px;background:#27323a;border:1px solid #49565d;box-shadow:0 30px 100px #0008}.portrait-frame:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 58%,#0c111877)}.portrait-frame img{width:100%;height:100%;object-fit:cover;object-position:center 24%;filter:saturate(1.02) contrast(1.01);image-rendering:auto}.portrait-caption{position:absolute;z-index:3;bottom:8px;left:0;right:0;display:flex;justify-content:space-between;font:9px "DM Sans",sans-serif;letter-spacing:.12em;color:#b6c1c4}.orbit{position:absolute;border:1px solid #53645a66;border-radius:50%;width:470px;height:470px}.orbit-two{width:540px;height:540px;border-color:#b7f09b1f}.portrait-index{position:absolute;z-index:4;top:35px;right:5px;font:700 11px "DM Sans",sans-serif;color:var(--lime);letter-spacing:.12em}.portrait-index span{color:var(--muted);font-weight:400}
.ticker{overflow:hidden;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#101821;padding:17px 0}.ticker-track{display:flex;justify-content:space-around;align-items:center;gap:32px;min-width:900px;white-space:nowrap;color:#8e9ba4;font:10px "DM Sans",sans-serif;letter-spacing:.2em}.ticker i{font-style:normal;color:var(--lime);font-size:15px}
.section{padding-top:110px;padding-bottom:110px}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:90px;margin-top:30px}.about-grid h2,.section-heading h2,.notes-row h2{font-size:clamp(28px,3.8vw,43px);line-height:1.55;margin:0}.about-grid h2 em{font-style:normal;color:var(--lime)}.about-grid p{font-size:14px;color:var(--muted);margin:0 0 16px;line-height:2.25}.inline-link{display:inline-flex;gap:20px;align-items:center;color:var(--lime);font-size:12px;font-weight:700;margin-top:12px}.inline-link span{font-size:18px}
.dark-section{background:#101821;border-top:1px solid #1f2c36;border-bottom:1px solid #1f2c36}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:25px;margin:25px 0 38px}.section-heading h2{font-size:32px}.section-heading p{max-width:390px;color:var(--muted);font-size:12px;margin:0}.focus-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.focus-card{position:relative;min-height:280px;padding:28px;background:#151f29;border:1px solid #2a3944;transition:.25s}.focus-card:hover{border-color:#8fbf7a;transform:translateY(-5px)}.focus-no{font:11px "DM Sans",sans-serif;color:#76838d}.focus-icon{font-size:35px;color:var(--lime);margin:20px 0 5px}.focus-card h3{font-size:20px;margin:8px 0}.focus-card p{color:var(--muted);font-size:12px;line-height:2.1;min-height:76px}.focus-tag{font:9px "DM Sans",sans-serif;color:var(--orange);letter-spacing:.13em}
.project-feature{display:grid;grid-template-columns:1.05fr .95fr;border:1px solid var(--line);background:var(--panel);margin-top:35px}.project-visual{min-height:350px;display:grid;place-items:center;background:radial-gradient(ellipse at center,#223b35 0,#121d25 70%);position:relative;overflow:hidden}.project-grid-lines{position:absolute;inset:0;background-image:linear-gradient(#b7f09b0a 1px,transparent 1px),linear-gradient(90deg,#b7f09b0a 1px,transparent 1px);background-size:35px 35px}.control-graphic{position:relative;z-index:1;width:85%;max-width:450px;border:1px solid #53645b;background:#101a20e8;padding:18px}.cg-label,.cg-foot{display:flex;justify-content:space-between;color:var(--lime);font:10px "DM Sans",sans-serif;letter-spacing:.14em}.control-graphic svg{width:100%;margin:15px 0}.cg-foot{color:#86949b;font-size:8px}.project-info{padding:45px;display:flex;flex-direction:column;justify-content:center}.project-type{font:10px "DM Sans",sans-serif;letter-spacing:.16em;color:var(--orange)}.project-info h3{font-size:27px;margin:14px 0}.project-info p{font-size:13px;color:var(--muted);line-height:2.2}.project-stack{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0 25px}.project-stack span{font:9px "DM Sans",sans-serif;letter-spacing:.08em;border:1px solid #34434c;padding:5px 9px;color:#aab6b8}.project-info .btn{align-self:flex-start}
.notes-section{padding-top:75px;padding-bottom:90px}.notes-row{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-top:20px}.notes-row h2{font-size:30px}.notes-row p{font-size:12px;color:var(--muted)}
.contact-section{background:var(--lime);color:#111a17;padding:75px 0}.contact-inner{display:flex;justify-content:space-between;align-items:center;gap:30px}.contact-section .section-kicker{color:#38513c}.contact-inner h2{font-size:clamp(30px,4vw,45px);line-height:1.5;margin:18px 0 8px}.contact-inner p{font-size:13px;color:#425443}.email-link{font:600 clamp(14px,2vw,20px) "DM Sans",sans-serif;border-bottom:1px solid #50664e;padding-bottom:10px;direction:ltr}.email-link span{margin-left:15px}
.site-footer{padding:28px 0;border-top:1px solid var(--line);color:#83909a;font:9px "DM Sans",sans-serif;letter-spacing:.08em}.foot{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}.foot-links{display:flex;gap:22px}
.page-wrap{width:min(920px,calc(100% - 44px));margin:65px auto 90px}.page-wrap h1{font-size:clamp(32px,5vw,50px);line-height:1.4}.page-wrap p{color:var(--muted)}.page-wrap h2{margin-top:35px}.page-wrap a{color:var(--lime)}
@media(max-width:850px){.hero{grid-template-columns:1fr;gap:30px;padding-top:55px}.portrait-wrap{grid-row:1;height:420px}.portrait-frame{height:390px;width:300px}.orbit{width:400px;height:400px}.orbit-two{width:450px;height:450px}.hero-copy{max-width:700px}.about-grid{gap:35px}.project-feature{grid-template-columns:1fr}.project-visual{min-height:280px}.section-heading{align-items:flex-start;flex-direction:column}.focus-grid{gap:10px}.focus-card{padding:20px}}
@media(max-width:600px){.wrap{width:calc(100% - 32px)}.site-header{height:70px}.navlinks{gap:12px;font-size:10px}.navlinks a:nth-child(2){display:none}.brand{font-size:11px}.nav-cta{font-size:10px;padding:7px 9px}.hero{padding-top:42px;padding-bottom:55px;min-height:0}.hero h1{font-size:42px}.hero-lead{font-size:16px}.portrait-wrap{height:350px}.portrait-frame{height:325px;width:250px}.orbit{width:330px;height:330px}.orbit-two{width:370px;height:370px}.portrait-index{top:0}.hero-meta{gap:10px;font-size:8px}.section{padding-top:75px;padding-bottom:75px}.about-grid{grid-template-columns:1fr;gap:22px}.about-grid h2{font-size:32px}.focus-grid{grid-template-columns:1fr}.focus-card{min-height:230px}.focus-card p{min-height:0}.section-heading h2{font-size:27px}.project-info{padding:26px}.project-info h3{font-size:23px}.project-visual{min-height:250px}.notes-row{align-items:flex-start;flex-direction:column}.contact-inner{align-items:flex-start;flex-direction:column}.contact-section{padding:55px 0}.email-link{font-size:15px}.foot{flex-direction:column}.ticker-track{justify-content:flex-start}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important}}