:root{--bg:#0b1114;--bg-alt:#0f1719;--panel:#151f21;--panel-2:#1a2426;--text:#f0f2eb;--muted:#a3aca6;--soft:#76847e;--line:rgba(231,244,228,.12);--accent:#d0f58e;--accent-strong:#b9e879;--accent-dark:#263821;--black:#101914;--radius:19px;--font:Manrope,"DM Sans",system-ui,sans-serif;--persian:Vazirmatn,Tahoma,sans-serif;--shadow:0 30px 100px rgba(0,0,0,.28)}
[data-theme="light"]{--bg:#f7f8f2;--bg-alt:#eef1e9;--panel:#fff;--panel-2:#e5ede5;--text:#16201c;--muted:#526159;--soft:#66786c;--line:rgba(28,43,35,.14);--accent:#376d45;--accent-strong:#245638;--accent-dark:#d9e8d4;--black:#fff;--shadow:0 25px 70px rgba(45,63,40,.11)}
*,*::before,*::after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--bg);color:var(--text);font:400 15px/1.75 var(--font);-webkit-font-smoothing:antialiased;overflow-x:hidden;transition:background .3s,color .3s}html[lang="fa"] body{font-family:var(--persian);line-height:1.9}button,input{font:inherit}a{color:inherit;text-decoration:none}button{cursor:pointer}button:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:5px}svg{display:block}::selection{background:var(--accent);color:var(--black)}.container{width:min(100% - 96px,1230px);margin-inline:auto}.section-pad{padding-block:120px}.site-grain{pointer-events:none;position:fixed;inset:0;z-index:100;opacity:.095;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.23'/%3E%3C/svg%3E")}.skip-link{position:absolute;left:10px;top:-100px;background:var(--accent);color:#111;z-index:1001;padding:12px}.skip-link:focus{top:10px}
/* Header */
.site-header{position:absolute;top:0;left:0;right:0;z-index:90;border-bottom:1px solid var(--line)}.header-inner{min-height:93px;display:flex;align-items:center;justify-content:space-between;gap:28px}.brand{display:flex;align-items:center;gap:12px;white-space:nowrap}.brand-mark{font-weight:800;font-size:24px;letter-spacing:-2px;line-height:1}.brand-sep{color:var(--soft);font-weight:400;margin:0 3px}.brand-dot{color:var(--accent)}.brand-sub{padding-inline-start:13px;border-inline-start:1px solid var(--line);font-weight:800;font-size:9px;letter-spacing:1.8px;color:var(--soft);line-height:1.2}.main-nav{display:flex;align-items:center;gap:34px}.main-nav a{color:var(--muted);font-size:12px;font-weight:700;transition:color .2s}.main-nav a:hover{color:var(--accent)}.header-actions{display:flex;align-items:center;gap:9px}.icon-button{height:38px;min-width:38px;border:1px solid var(--line);border-radius:10px;background:transparent;color:var(--text);display:grid;place-items:center;transition:background .2s,border-color .2s}.icon-button:hover{background:var(--panel);border-color:var(--soft)}.language-toggle{font-weight:800;font-size:11px;letter-spacing:.5px}.theme-toggle .sun-icon{display:none}[data-theme="light"] .theme-toggle .moon-icon{display:none}[data-theme="light"] .theme-toggle .sun-icon{display:block}.menu-button{display:none;flex-direction:column;justify-content:center;gap:4px}.menu-button span{display:block;width:17px;height:2px;border-radius:2px;background:currentColor}
/* Hero */
.hero-section{padding-top:185px;padding-bottom:38px;position:relative;overflow:hidden}.orb{pointer-events:none;position:absolute;border-radius:50%;filter:blur(80px)}.orb-one{width:550px;height:550px;background:rgba(139,209,122,.075);inset-inline-end:-230px;top:40px}.orb-two{width:390px;height:390px;background:rgba(108,167,163,.04);inset-inline-start:23%;top:380px}.hero-grid{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);gap:50px;align-items:center;min-height:535px;position:relative;z-index:1}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:800;color:var(--accent);line-height:1.5}.status-line{display:inline-flex;align-items:center;gap:12px;white-space:nowrap}.status-dot,.mini-green-dot{width:7px;height:7px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 5px rgba(204,242,142,.095);flex:none}.intro-line{font-size:18px;font-weight:700;color:var(--text);margin:34px 0 8px}.hero-copy h1{font-size:clamp(57px,6.05vw,86px);font-weight:800;line-height:1.12;letter-spacing:-5.5px;margin:0;max-width:720px}.accent-underline{color:var(--accent);position:relative;white-space:nowrap}.accent-underline:after{content:"";position:absolute;bottom:-6px;left:0;right:0;height:6px;border:2px solid var(--accent);border-top:0;border-radius:55%}.hero-description{max-width:535px;color:var(--muted);font-size:15px;line-height:1.95;margin:32px 0}.hero-ctas{display:flex;align-items:center;gap:25px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:center;gap:18px;font-size:12px;font-weight:800;letter-spacing:.1px;white-space:nowrap;transition:transform .2s,background .2s}.button:hover{transform:translateY(-3px)}.button-primary{background:var(--accent);color:var(--black);border-radius:9px;padding:18px 22px}.button-primary:hover{background:var(--accent-strong)}.button-text{color:var(--text);padding:12px 1px}.text-arrow{font-size:21px;color:var(--accent)}.hero-proof{display:flex;align-items:stretch;gap:28px;margin-top:67px}.hero-proof>div{display:flex;flex-direction:column;gap:2px}.hero-proof strong{font-weight:800;font-size:20px;letter-spacing:-.8px;white-space:nowrap;line-height:1.35}.hero-proof strong span{color:var(--accent)}.hero-proof>div>span{font-size:10px;color:var(--soft);font-weight:700;white-space:nowrap}.proof-divider{display:block;width:1px;background:var(--line);align-self:stretch}.hero-visual{min-height:535px;display:flex;justify-content:center;align-items:center;position:relative}.profile-halo{position:absolute;width:90%;height:88%;border:1px solid rgba(190,240,155,.16);border-radius:50%;transform:rotate(-15deg)}.profile-halo:after{content:"";position:absolute;left:-9px;top:52%;width:11px;height:11px;background:var(--accent);border-radius:50%;box-shadow:0 0 22px var(--accent)}.portrait-card{width:min(370px,85%);height:440px;position:relative;border:1px solid rgba(197,229,182,.25);background:linear-gradient(146deg,#293934 0%,#192723 55%,#15221e 100%);border-radius:180px 180px 15px 15px;overflow:hidden;box-shadow:0 32px 80px rgba(0,0,0,.24)}.portrait-grid{position:absolute;inset:0;opacity:.16;background:linear-gradient(90deg,transparent 95%,#b4cea2 96%),linear-gradient(0deg,transparent 95%,#b4cea2 96%);background-size:42px 42px}.portrait-top{display:flex;position:absolute;top:24px;left:31px;right:31px;justify-content:space-between;align-items:center;z-index:3;font-size:9px;color:#dbe9d9;font-weight:800;letter-spacing:1.6px}.portrait-plus{font-size:20px;color:var(--accent)}.portrait-wrap{position:absolute;inset:59px 14px 67px;overflow:hidden;display:grid;place-items:center;border-radius:160px 160px 7px 7px;background:radial-gradient(circle at 50% 35%,#395d4e,#21352d 55%,#1a2c25 100%)}.portrait-wrap:before{content:"";position:absolute;z-index:0;width:73%;aspect-ratio:1;top:15%;border:1px solid rgba(206,236,193,.35);border-radius:50%;box-shadow:0 0 0 25px rgba(210,245,142,.03),0 0 0 56px rgba(210,245,142,.025)}.portrait-photo{width:100%;height:100%;object-fit:cover;position:relative;z-index:1;mix-blend-mode:normal}.portrait-fallback{font-size:100px;font-weight:800;letter-spacing:-12px;color:#d6f09d;opacity:.66;position:absolute;z-index:0}.portrait-fallback span{color:var(--accent)}.portrait-bottom{position:absolute;left:0;right:0;bottom:0;height:67px;background:rgba(10,22,17,.85);border-top:1px solid rgba(204,230,187,.2);display:flex;align-items:center;justify-content:space-between;padding:0 24px;z-index:2}.portrait-bottom>div{display:flex;flex-direction:column;line-height:1.5;gap:1px}.portrait-bottom>div>span{font-weight:800;font-size:11px;letter-spacing:.5px;color:#f0f3e7}.portrait-bottom small{font-size:9px;letter-spacing:1.3px;color:#acc0b1}.portrait-pin{width:33px;height:33px;border:1px solid rgba(212,240,185,.25);display:grid;place-items:center;border-radius:50%;color:var(--accent)}.floating-code{position:absolute;left:-8%;top:51%;background:rgba(21,32,29,.94);border:1px solid rgba(199,232,175,.23);border-radius:10px;box-shadow:var(--shadow);color:#cadcc6;font:500 11px/2.15 ui-monospace,SFMono-Regular,Consolas,monospace;padding:16px 20px;z-index:5;transform:rotate(-4deg);backdrop-filter:blur(10px)}.code-accent{color:var(--accent)}.code-muted{color:#708a7b}.code-light{color:#f2e4be}.code-cursor{color:var(--accent);animation:blink 1.1s step-end infinite}@keyframes blink{50%{opacity:0}}.floating-badge{position:absolute;right:-9%;top:19%;display:flex;align-items:center;gap:10px;background:#e8f1df;color:#183023;padding:11px 15px;border-radius:9px;box-shadow:0 20px 60px rgba(0,0,0,.24);z-index:5;transform:rotate(5deg)}.badge-icon{background:#c0e39e;padding:5px 9px;border-radius:5px;font-size:17px}.floating-badge>span:last-child{display:flex;flex-direction:column;line-height:1.5}.floating-badge b{font-size:10px}.floating-badge small{font-size:8px;font-weight:800;letter-spacing:1px;color:#68806a}.hero-bottom{display:flex;justify-content:space-between;align-items:center;gap:18px;color:var(--soft);font-size:9px;letter-spacing:2.2px;font-weight:800;margin-top:55px}.scroll-rule{flex:1;height:1px;background:var(--line)}.hero-index{letter-spacing:1px;white-space:nowrap}.ticker{overflow:hidden;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--bg-alt);height:76px;display:flex;align-items:center}.ticker-inner{min-width:max-content;display:flex;align-items:center;gap:29px;animation:ticker 35s linear infinite}.ticker span{font-size:12px;letter-spacing:1.7px;font-weight:800;color:var(--muted)}.ticker i{font-style:normal;color:var(--accent);font-size:17px}@keyframes ticker{to{transform:translateX(-50%)}}
/* General sections */
.section-layout{display:grid;grid-template-columns:225px 1fr;gap:54px}.section-aside{display:flex;flex-direction:column;gap:17px;padding-top:18px}.section-number{font-weight:800;color:var(--accent);font-size:15px}.section-label{color:var(--soft);font-weight:800;letter-spacing:2px;font-size:10px}.section-display{font-size:clamp(34px,4.1vw,57px);font-weight:800;letter-spacing:-2.8px;line-height:1.28;margin:0 0 35px;max-width:880px}.about-section{background:var(--bg)}.about-columns{display:grid;grid-template-columns:1fr 1fr;gap:45px}.about-columns p{color:var(--muted);font-size:15px;line-height:2;margin:0;max-width:430px}.values-row{display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--line);margin-top:55px;padding-top:27px;flex-wrap:wrap}.values-row>div{display:flex;align-items:center;gap:11px;font-size:12px;font-weight:800;white-space:nowrap}.value-icon{display:grid;place-items:center;width:34px;height:34px;border-radius:8px;background:var(--accent-dark);color:var(--accent);font-size:18px}.section-header{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:45px}.section-header .section-display{margin-top:17px;margin-bottom:0}.section-header-note{max-width:285px;font-size:13px;color:var(--muted);margin:0 0 5px}.label-with-line{display:flex;gap:15px;align-items:center}.label-with-line:after{content:"";width:32px;height:1px;background:var(--accent)}
/* Expertise */
.expertise-section{background:var(--bg-alt)}.expertise-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}.expertise-card{min-height:340px;display:flex;flex-direction:column;background:var(--panel);border:1px solid var(--line);padding:27px 22px;border-radius:12px;transition:transform .3s,border-color .3s,background .3s}.expertise-card:hover{transform:translateY(-7px);border-color:rgba(184,232,153,.4)}.expertise-top{display:flex;align-items:start;justify-content:space-between;margin-bottom:34px}.skill-visual{font-size:37px;font-weight:500;line-height:1;color:var(--accent);letter-spacing:-7px}.skill-data{letter-spacing:0}.skill-infra{letter-spacing:0;font-size:38px}.skill-check{letter-spacing:0;font-size:33px}.card-index{color:var(--soft);font-size:9px;font-weight:800;letter-spacing:1px}.expertise-card h3{font-size:17px;line-height:1.5;letter-spacing:-.6px;margin:0 0 11px}.expertise-card p{font-size:12px;color:var(--muted);line-height:1.9;margin:0 0 28px}.tag-row{display:flex;flex-wrap:wrap;gap:6px;margin-top:auto}.tag-row span,.project-tech span{font-size:10px;color:var(--muted);border:1px solid var(--line);border-radius:5px;padding:4px 8px;line-height:1.5;font-weight:600}
/* Projects */
.work-section{background:var(--bg)}.section-link{color:var(--accent);display:inline-flex;gap:12px;align-items:center;font-size:12px;font-weight:800;white-space:nowrap;margin-bottom:8px}.section-link span:last-child{font-size:18px}.projects-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.project-card{background:var(--panel);border:1px solid var(--line);border-radius:15px;padding:24px 24px 26px;display:flex;flex-direction:column;min-width:0;overflow:hidden;transition:transform .3s,border-color .3s}.project-card:hover{transform:translateY(-6px);border-color:rgba(203,241,152,.45)}.project-featured{grid-row:span 2}.project-card-top{display:flex;align-items:center;justify-content:space-between;gap:12px}.project-category{color:var(--soft);font-size:9px;font-weight:800;letter-spacing:1.6px}.project-arrow{height:30px;width:30px;display:grid;place-items:center;border-radius:50%;border:1px solid var(--line);color:var(--accent);font-size:17px;flex-shrink:0;transition:background .2s}.project-card:hover .project-arrow{background:var(--accent);color:var(--black)}.project-art{position:relative;overflow:hidden;border-radius:9px;background:#1b2927;min-height:210px;margin-top:18px;display:grid;place-items:center}.project-featured .project-art{height:340px;min-height:340px}.package-art{background:radial-gradient(circle at 53% 40%,#2a4433 0%,#20332b 38%,#14241e 85%)}.package-art:before{content:"";position:absolute;width:400px;height:400px;border:1px solid rgba(210,245,142,.19);border-radius:50%;box-shadow:0 0 0 50px rgba(194,233,153,.035),0 0 0 100px rgba(194,233,153,.025)}.package-cube{width:170px;height:170px;transform:rotate(-10deg);position:relative;background:linear-gradient(140deg,#cde999,#82b96c);border:1px solid #ecffce;display:grid;place-items:center;border-radius:30px;box-shadow:16px 23px 0 #42694b,0 35px 70px rgba(0,0,0,.25)}.cube-letter{font-size:95px;font-weight:800;letter-spacing:-12px;color:#183b29;line-height:1}.cube-letter span{color:#517d3f}.cube-edge{position:absolute;border-color:rgba(27,65,40,.25);border-style:solid}.cube-edge-one{top:16px;right:16px;bottom:16px;left:16px;border-width:1px;border-radius:23px}.cube-edge-two{right:24px;bottom:16px;width:22px;height:22px;border-width:0 2px 2px 0}.art-coordinate{position:absolute;color:rgba(216,243,201,.7);font-size:9px;letter-spacing:1.2px;font-weight:800}.art-coordinate-left{left:18px;bottom:19px}.art-coordinate-right{right:18px;top:18px}.project-info{padding:23px 3px 0}.project-small-number{font-weight:800;color:var(--accent);font-size:9px;letter-spacing:1.5px}.project-info h3{margin:7px 0 9px;font-size:25px;font-weight:800;letter-spacing:-1px;line-height:1.25}.project-info p{font-size:12px;line-height:1.9;color:var(--muted);margin:0 0 18px;max-width:460px}.project-tech{display:flex;gap:7px;flex-wrap:wrap}.monitoring-art{background:linear-gradient(130deg,#1d2f2d,#1d272e)}.monitor-window{position:relative;width:min(350px,85%);height:176px;background:#101e1f;border:1px solid #3b514b;border-radius:9px;box-shadow:13px 18px 25px rgba(0,0,0,.2);padding:12px 15px;transform:rotate(-5deg)}.monitor-head{display:flex;gap:5px}.monitor-head span{width:6px;height:6px;background:#526c61;border-radius:50%}.monitor-head span:first-child{background:#d0f58e}.monitor-meta{display:flex;justify-content:space-between;margin-top:20px;color:#839e8e;font:700 8px ui-monospace,monospace}.monitor-live{color:#a5df9f}.monitor-window svg{color:#bbef9a;width:100%;height:68px}.monitor-bars{display:flex;gap:8px;align-items:flex-end;height:25px}.monitor-bars span{height:55%;flex:1;border-radius:2px 2px 0 0;background:#4b7764}.monitor-bars span:nth-child(2n){height:75%;background:#659879}.monitor-bars span:nth-child(4n){height:95%;background:#bbef9a}.delivery-art{background:radial-gradient(circle at 50% 50%,#2c3638,#151f23 78%)}.delivery-orbit{position:absolute;border-radius:50%;border:1px solid rgba(197,232,164,.19);width:160px;height:160px;transform:rotate(25deg)}.orbit-b{width:240px;height:112px;transform:rotate(-30deg)}.orbit-c{width:120px;height:250px;transform:rotate(56deg)}.delivery-center{height:92px;width:92px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--accent);color:#253a24;border-radius:20px;transform:rotate(-10deg);box-shadow:0 0 45px rgba(207,246,141,.18);z-index:1}.delivery-center span{font-size:45px;font-weight:800;line-height:1}.delivery-center small{font-size:7px;letter-spacing:1px;font-weight:800}.delivery-node{position:absolute;border-radius:50%;height:25px;width:25px;display:grid;place-items:center;background:#456e53;color:#e5f5dc;border:1px solid #96cba0;font-size:9px}.node-one{top:26px;left:33%}.node-two{bottom:16px;right:24%}.node-three{top:32px;right:21%}.package-cta{margin-top:24px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:24px 0;display:flex;justify-content:space-between;align-items:center;gap:20px}.tiny-tag{font-size:9px;font-weight:800;letter-spacing:1.4px;color:var(--accent)}.package-cta p{margin:5px 0 0;font-size:13px;font-weight:700}.package-cta a{font-size:11px;font-weight:800;white-space:nowrap;color:var(--accent)}
/* Experience */
.experience-section{background:var(--bg-alt)}.experience-section .section-display{max-width:680px}.timeline{margin-top:48px}.timeline-item{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:30px;border-top:1px solid var(--line);padding:26px 0 29px 27px}.timeline-marker{position:absolute;left:0;top:36px;width:8px;height:8px;border:2px solid var(--accent);border-radius:50%;box-shadow:0 0 0 4px rgba(204,239,148,.07)}.timeline-company{font-size:11px;font-weight:800;color:var(--accent);letter-spacing:.1px}.timeline-info h3{font-size:20px;font-weight:800;letter-spacing:-.6px;margin:4px 0}.timeline-info p{max-width:630px;color:var(--muted);font-size:12px;line-height:1.85;margin:7px 0 0}.timeline-meta{font-size:10px;color:var(--soft);font-weight:800;letter-spacing:1.2px;white-space:nowrap}.experience-bottom{border-top:1px solid var(--line);padding-top:24px;display:flex;justify-content:space-between;align-items:center;color:var(--soft);font-size:12px;font-weight:700}.star-symbol{font-size:28px;color:var(--accent)}
/* Contact */
.contact-section{background:var(--bg);padding-bottom:90px}.contact-card{background:#d0f58e;position:relative;border-radius:18px;padding:52px 62px 40px;overflow:hidden;color:#1b2d20}.contact-pattern{position:absolute;inset:-140px -300px auto auto;width:780px;height:780px;border:1px solid rgba(26,59,27,.15);border-radius:50%;box-shadow:0 0 0 90px rgba(25,61,25,.055),0 0 0 180px rgba(25,61,25,.04);pointer-events:none}.contact-top{display:flex;align-items:center;justify-content:space-between;position:relative;z-index:1}.contact-top .eyebrow{color:#31553b}.contact-top .mini-green-dot{display:inline-block;margin-right:10px;background:#31553b;box-shadow:none}.contact-corner{font-size:30px}.contact-card h2{position:relative;z-index:1;font-size:clamp(41px,5.6vw,76px);letter-spacing:-4.6px;line-height:1.2;font-weight:800;margin:38px 0 20px}.contact-highlight{color:#4b7650}.contact-card>p{position:relative;z-index:1;max-width:565px;font-size:14px;line-height:1.9;margin:0 0 31px;color:#405b43}.contact-actions{position:relative;z-index:1;display:flex;align-items:center;gap:20px;flex-wrap:wrap}.contact-email{background:#17271d;color:#eff9e4;padding:18px 22px;border-radius:8px}.contact-email:hover{background:#2b4631}.copy-email{padding:12px 0;border:0;background:none;color:#2e5034;font-size:12px;font-weight:800}.copy-icon{font-size:18px;vertical-align:middle;padding-inline-end:8px}.contact-links{position:relative;z-index:1;display:flex;gap:28px;flex-wrap:wrap;margin-top:60px;padding-top:20px;border-top:1px solid rgba(35,75,40,.23)}.contact-links a{font-weight:800;font-size:12px}.contact-links a:hover{text-decoration:underline}.site-footer{background:var(--bg);padding-bottom:45px}.footer-inner{border-top:1px solid var(--line);padding-top:25px;display:flex;align-items:center;justify-content:space-between;gap:20px}.footer-logo{font-size:24px;font-weight:800;letter-spacing:-2px}.footer-logo span{color:var(--accent)}.footer-message{color:var(--muted);font-size:11px}.footer-last{display:flex;align-items:center;gap:28px;font-size:10px;color:var(--soft);font-weight:800}.footer-last a{color:var(--text);font-size:9px;letter-spacing:1px}.toast{position:fixed;z-index:200;bottom:30px;left:50%;transform:translate(-50%,30px);background:var(--accent);color:var(--black);border-radius:9px;padding:12px 20px;font-size:12px;font-weight:800;box-shadow:var(--shadow);opacity:0;pointer-events:none;transition:opacity .2s,transform .2s}.toast.show{opacity:1;transform:translate(-50%,0)}
/* Reveals and RTL */
.js .reveal{opacity:0;transform:translateY(22px);transition:opacity .6s ease,transform .6s ease}.js .reveal.is-visible{opacity:1;transform:translateY(0)}html[dir="rtl"] .hero-copy h1{letter-spacing:-1px;font-size:clamp(43px,4.6vw,66px);line-height:1.6}html[dir="rtl"] .section-display{letter-spacing:-.8px;line-height:1.55}html[dir="rtl"] .contact-card h2{letter-spacing:-1px;line-height:1.6}html[dir="rtl"] .section-header,html[dir="rtl"] .about-columns{text-align:right}html[dir="rtl"] .main-nav a{font-size:13px}html[dir="rtl"] .hero-description{font-size:15px}html[dir="rtl"] .eyebrow{letter-spacing:.4px}html[dir="rtl"] .floating-code{direction:ltr;text-align:left;left:auto;right:-8%}html[dir="rtl"] .floating-badge{right:auto;left:-9%}html[dir="rtl"] .timeline-item{padding:26px 27px 29px 0}html[dir="rtl"] .timeline-marker{left:auto;right:0}html[dir="rtl"] .contact-pattern{inset:-140px auto auto -300px}html[dir="rtl"] .contact-top .mini-green-dot{margin-right:0;margin-left:10px}html[dir="rtl"] .button svg{transform:scaleX(-1)}html[dir="rtl"] .project-info h3{direction:ltr;text-align:right}
[data-theme="light"] .portrait-card,[data-theme="light"] .project-art,[data-theme="light"] .contact-card{color:inherit}[data-theme="light"] .portrait-card{background:linear-gradient(140deg,#293934,#17251f)}[data-theme="light"] .site-grain{opacity:.04}[data-theme="light"] .project-art{color:#d1f298}[data-theme="light"] .contact-card{background:#d0f58e;color:#1b2d20}[data-theme="light"] .contact-top .eyebrow{color:#31553b}
@media(max-width:1100px){.container{width:min(100% - 64px,1230px)}.main-nav{gap:18px}.hero-grid{gap:27px;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr)}.hero-copy h1{font-size:clamp(51px,6vw,72px)}.hero-visual{transform:scale(.92)}.floating-code{left:-12%}.expertise-grid{grid-template-columns:repeat(2,1fr)}.expertise-card{min-height:295px}.section-layout{grid-template-columns:175px 1fr;gap:30px}}
@media(max-width:800px){.section-pad{padding-block:84px}.container{width:min(100% - 40px,1230px)}.site-header{position:relative;background:var(--bg)}.header-inner{min-height:78px}.brand-sub{display:none}.main-nav{display:none;position:absolute;top:78px;left:0;right:0;flex-direction:column;align-items:stretch;gap:0;padding:12px 20px 24px;background:var(--bg);border-bottom:1px solid var(--line);box-shadow:0 20px 30px rgba(0,0,0,.12)}.main-nav.is-open{display:flex}.main-nav a{padding:11px 12px;font-size:14px}.menu-button{display:flex}.hero-section{padding-top:62px;padding-bottom:25px}.hero-grid{grid-template-columns:1fr;gap:25px}.hero-copy{text-align:start}.hero-copy h1{font-size:clamp(54px,9vw,78px)}.hero-description{max-width:650px}.hero-proof{margin-top:40px}.hero-visual{transform:none;min-height:510px;max-width:540px;width:100%;justify-self:center}.portrait-card{width:350px;max-width:79%;height:425px}.floating-code{left:1%}.floating-badge{right:0}.hero-bottom{margin-top:20px}.section-layout{grid-template-columns:1fr;gap:25px}.section-aside{flex-direction:row;padding-top:0;gap:17px;align-items:center}.section-header{align-items:start}.about-columns{gap:24px}.projects-grid{grid-template-columns:1fr 1fr}.project-featured{grid-row:auto;grid-column:span 2}.project-featured .project-art{height:270px;min-height:270px}.project-card .project-info h3{font-size:21px}.footer-inner{flex-wrap:wrap}.footer-message{display:none}}
@media(max-width:620px){.container{width:min(100% - 36px,1230px)}.section-pad{padding-block:72px}.header-inner{min-height:70px}.main-nav{top:70px}.hero-section{padding-top:60px;padding-bottom:24px}.hero-copy h1{font-size:clamp(48px,11.1vw,72px);letter-spacing:-3.1px;line-height:1.18}.intro-line{margin-top:30px;font-size:16px}.hero-description{font-size:13px;line-height:1.9;margin:25px 0}.eyebrow{font-size:9px;letter-spacing:1.4px}.status-line{white-space:normal}.hero-proof{gap:12px;justify-content:space-between;margin-top:43px}.hero-proof strong{font-size:15px}.hero-proof>div>span{white-space:normal;font-size:9px;max-width:90px;line-height:1.5}.hero-proof .proof-divider{align-self:center;height:40px}.hero-visual{min-height:400px}.portrait-card{width:285px;height:350px;max-width:78%}.portrait-wrap{inset:55px 11px 61px}.portrait-top{top:20px;left:25px;right:25px}.portrait-bottom{height:61px;padding:0 14px}.portrait-bottom>div>span{font-size:9px}.portrait-bottom small{font-size:7px}.portrait-fallback{font-size:75px}.profile-halo{width:75%;height:84%}.floating-code{font-size:9px;padding:11px 12px;left:0;top:53%}.floating-badge{top:16%;right:0;padding:9px}.floating-badge b{font-size:8px}.floating-badge small{font-size:7px}.hero-bottom{font-size:8px;margin-top:10px}.ticker{height:65px}.section-display{font-size:35px;letter-spacing:-1.6px;margin-bottom:25px}.about-columns{grid-template-columns:1fr;gap:15px}.about-columns p{font-size:13px}.values-row{margin-top:30px;gap:16px}.values-row>div{font-size:11px}.section-header{flex-direction:column;gap:16px;margin-bottom:28px}.section-header .section-display{margin-top:12px}.section-header-note{font-size:12px}.expertise-grid,.projects-grid{grid-template-columns:1fr}.expertise-card{min-height:255px}.expertise-top{margin-bottom:25px}.project-featured{grid-column:auto}.project-featured .project-art{height:245px;min-height:245px}.project-art{min-height:175px}.package-cube{height:125px;width:125px;border-radius:19px;box-shadow:12px 18px 0 #42694b}.cube-letter{font-size:72px}.project-card{padding:18px}.project-info{padding-top:18px}.project-info p{font-size:12px}.package-cta{flex-direction:column;align-items:start;gap:12px}.timeline-item{grid-template-columns:1fr;gap:8px}.timeline-meta{order:-1}.timeline-info h3{font-size:17px}.contact-section{padding-top:60px}.contact-card{padding:32px 24px 26px}.contact-card h2{font-size:42px;letter-spacing:-2.3px;margin-top:34px}.contact-card>p{font-size:12px}.contact-links{margin-top:36px;gap:17px}.contact-links a{font-size:11px}.footer-inner{align-items:start}.footer-last{width:100%;justify-content:space-between;gap:12px}.footer-last span{font-size:9px}.footer-last a{font-size:8px}html[dir="rtl"] .hero-copy h1{font-size:clamp(37px,9vw,55px)}html[dir="rtl"] .contact-card h2{font-size:37px;line-height:1.5}html[dir="rtl"] .floating-code{left:auto;right:0}html[dir="rtl"] .floating-badge{right:auto;left:0}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation:none!important;transition:none!important}.js .reveal{opacity:1!important;transform:none!important}}
/* Let the featured project illustration fill its taller editorial card. */
@media(min-width:621px){.project-featured .project-art{height:auto;flex-grow:1}}

.brand{min-width:0;flex-shrink:1}.brand-logo{display:block;width:260px;max-width:100%;height:auto;background:transparent;filter:invert(1) hue-rotate(180deg) brightness(1.15)}[data-theme="light"] .brand-logo{filter:none}.footer-logo .brand-logo{width:210px}.header-actions{flex-shrink:0}@media(max-width:1100px){.brand-logo{width:210px}.main-nav{gap:20px}}@media(max-width:620px){.header-inner{gap:12px}.brand-logo{width:180px}.header-actions{gap:5px}}@media(max-width:360px){.brand-logo{width:145px}}