@font-face{font-family:Vazirmatn;src:url('/assets/fonts/vazirmatn-fa.5583d4f0cc.woff2') format('woff2');font-weight:100 900;font-display:swap;unicode-range:U+0020,U+00A0,U+0600-06FF,U+200C-200F,U+FB50-FDFF,U+FE70-FEFF}
@font-face{font-family:Vazirmatn;src:url('/assets/fonts/vazirmatn-lat.9e8cd13cc4.woff2') format('woff2');font-weight:100 900;font-display:swap;unicode-range:U+0021-007E,U+00A1-024F,U+2000-200B,U+2010-206F,U+20AC,U+2122,U+2212}
:root{color-scheme:dark;--bg:#111310;--surface:#191c17;--surface-2:#20251c;--ink:#f2f4ed;--muted:#a6aea0;--line:#32382d;--accent:#c8fa75;--accent-ink:#c8fa75;--accent-soft:#232e18;--on-accent:#18220d;--header:rgb(17 19 16 / .92);--grid:rgb(200 250 117 / .035);--shadow:0 24px 64px rgb(0 0 0 / .2);--radius:14px;--max:1240px}
:root[data-theme=light]{color-scheme:light;--bg:#f6f8f1;--surface:#fff;--surface-2:#edf1e6;--ink:#1b2414;--muted:#59634f;--line:#d2dac8;--accent:#c8fa75;--accent-ink:#3e6314;--accent-soft:#e6efda;--on-accent:#18220d;--header:rgb(246 248 241 / .93);--grid:rgb(27 36 20 / .05);--shadow:0 20px 56px rgb(36 47 22 / .08)}
*,*::before,*::after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:112px}body{margin:0;background:var(--bg);color:var(--ink);font-family:Vazirmatn,sans-serif;font-size:16px;line-height:1.9;-webkit-font-smoothing:antialiased}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}button[hidden],[hidden]{display:none!important}a{color:inherit;text-decoration:none}p,h1,h2,h3,figure{margin:0}button{border:0}img{max-width:100%;display:block}::selection{background:var(--accent);color:var(--on-accent)}:focus-visible{outline:3px solid var(--accent-ink);outline-offset:6px;border-radius:4px}main:focus{outline:none}.container{width:min(var(--max),calc(100% - 96px));margin-inline:auto}.icon-definitions{position:absolute;width:0;height:0;overflow:hidden}.icon{display:inline-block;width:22px;height:22px;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:1.55;stroke-linecap:round;stroke-linejoin:round}.mono{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:12px;letter-spacing:1.5px}.skip-link{position:fixed;top:12px;inset-inline-start:16px;padding:12px 20px;background:var(--accent);color:var(--on-accent);transform:translateY(-160%);z-index:100}.skip-link:focus{transform:translateY(0)}
.site-header{position:sticky;top:0;z-index:30;border-bottom:1px solid var(--line);background:var(--header);backdrop-filter:blur(20px)}.header-inner{min-height:94px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:inline-flex;align-items:center;gap:13px;flex-shrink:0}.brand-mark{display:flex;align-items:baseline;justify-content:center;font-size:34px;font-weight:850;line-height:1;width:46px;height:46px;background:var(--accent);color:var(--on-accent);padding-top:6px;border-radius:10px;letter-spacing:-3px}.brand-mark span{font-size:10px;letter-spacing:0;margin-left:1px}.brand-name{font-weight:650;font-size:16px;line-height:1.7}.brand-name>span{display:block;font-size:10px;font-weight:400;letter-spacing:2.5px;color:var(--muted)}.site-nav{display:flex;align-items:center;gap:32px;font-size:14px;color:var(--muted)}.site-nav>a{position:relative;padding-block:12px;transition:color .2s}.site-nav>a::after{content:'';position:absolute;bottom:5px;inset-inline:0;height:2px;background:var(--accent-ink);transform:scaleX(0);transition:transform .2s}.site-nav>a:hover,.site-nav>a[aria-current]{color:var(--ink)}.site-nav>a[aria-current]::after{transform:scaleX(1)}.site-nav .nav-contact{display:none}.header-actions{display:flex;align-items:center;gap:16px}.icon-button{width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;background:transparent;border:1px solid var(--line);border-radius:50%;transition:background .2s,transform .2s}.icon-button:hover{background:var(--surface-2);transform:rotate(-8deg)}.theme-toggle .theme-moon{display:none}[data-theme=light] .theme-toggle .theme-sun{display:none}[data-theme=light] .theme-toggle .theme-moon{display:block}.header-contact{font-size:14px;display:flex;gap:10px;align-items:center;min-height:44px;padding-inline:16px;border-radius:8px;border:1px solid var(--line);transition:border-color .2s}.header-contact:hover{border-color:var(--accent-ink)}
.hero{display:grid;grid-template-columns:1.2fr .8fr;column-gap:76px;padding-top:56px;padding-bottom:26px;position:relative}.hero::before{content:'';position:absolute;inset:0 -24px;background-image:linear-gradient(var(--grid) 1px,transparent 1px),linear-gradient(90deg,var(--grid) 1px,transparent 1px);background-size:64px 64px;mask-image:linear-gradient(to bottom,black,transparent);pointer-events:none;z-index:-1}.hero-copy{padding-top:8px}.eyebrow{display:flex;align-items:center;gap:12px;font-size:14px;color:var(--muted)}.eyebrow-line{width:25px;height:1px;background:var(--accent-ink)}.hero h1{font-size:22px;font-weight:500;margin-top:16px;margin-bottom:12px;color:var(--ink)}.hero-title{font-weight:800;font-size:clamp(54px,5.7vw,80px);line-height:1.43;letter-spacing:-2.2px}.highlight{color:var(--accent-ink)}.period{color:var(--ink)}.hero-description{max-width:540px;margin-top:21px;font-size:16px;color:var(--muted);line-height:2.05}.hero-actions{display:flex;gap:12px;align-items:center;margin-top:29px}.button{min-height:52px;display:inline-flex;align-items:center;justify-content:center;padding:12px 24px;gap:16px;font-size:15px;font-weight:650;border-radius:8px;transition:transform .2s,background .2s,box-shadow .2s}.button:hover{transform:translateY(-3px)}.button-primary{background:var(--accent);color:var(--on-accent);box-shadow:0 0 0 0 rgb(200 250 117 / .15)}.button-primary:hover{box-shadow:0 5px 28px rgb(200 250 117 / .13);background:#d5ff99}.button-quiet{background:transparent;border:1px solid var(--line);color:var(--ink);font-weight:450}.button-quiet:hover{background:var(--surface)}.hero-meta{display:flex;gap:0;color:var(--muted);font-size:13px;margin-top:23px}.hero-meta span+span::before{content:'/';margin-inline:14px;color:var(--line)}.hero-visual{align-self:start;padding-top:16px}.portrait-heading{display:flex;justify-content:space-between;gap:16px;font-size:12px;color:var(--muted);margin-bottom:15px}.portrait-heading .mono{font-size:10px;letter-spacing:.8px}.portrait-frame{position:relative;border:1px solid var(--line);border-radius:2px;aspect-ratio:4/4.8;background:#121412;margin-bottom:34px}.portrait-frame>img{width:100%;height:100%;object-fit:cover;object-position:48% center;filter:grayscale(1);border-radius:2px}.portrait-overlay{position:absolute;inset:0;background:linear-gradient(180deg,transparent 40%,rgb(7 11 5 / .78));display:flex;align-items:flex-end;justify-content:space-between;padding:26px}.portrait-name{font-size:40px;font-weight:800;letter-spacing:-1.8px;line-height:.98;color:#f2f4ed;text-align:left}.portrait-name span{font-size:15px;vertical-align:top;margin-left:4px}.portrait-coordinate{font-size:9px;font-family:monospace;letter-spacing:1.2px;writing-mode:vertical-rl;color:#c8fa75}.frame-corner{position:absolute;width:32px;height:32px;border-color:var(--accent);border-style:solid;pointer-events:none}.corner-top{top:-6px;right:-6px;border-width:2px 2px 0 0}.corner-bottom{bottom:-6px;left:-6px;border-width:0 0 2px 2px}.portrait-frame figcaption{position:absolute;top:calc(100% + 12px);inset-inline:0;font-size:11px;color:var(--muted)}.visual-footer{display:flex;align-items:center;gap:14px;padding-top:7px}.mini-star{color:var(--accent-ink);font-size:49px;line-height:1;display:block}.visual-footer p{font-size:14px;line-height:1.7;color:var(--muted)}.visual-footer strong{color:var(--ink);font-weight:500}.signature{margin-inline-start:auto;font-size:29px;letter-spacing:-1px;font-weight:700}.signature span{font-size:12px;color:var(--accent-ink);padding-inline-start:4px}.hero-bottom{grid-column:1/-1;display:flex;align-items:center;gap:20px;color:var(--muted);font-size:12px;margin-top:54px}.hero-rule{height:1px;background:var(--line);flex:1}.hero-bottom .mono{font-size:10px;letter-spacing:2px}.expertise-strip{border-block:1px solid var(--line);margin-top:25px;background:var(--surface)}.strip-inner{display:flex;justify-content:space-between;align-items:center;gap:22px;min-height:88px;font-size:17px;font-weight:500}.strip-inner i{color:var(--accent-ink);font-style:normal;font-size:24px}
.section{padding-block:100px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:45px;font-size:14px}.section-label{display:flex;gap:15px;align-items:center;font-weight:550}.section-number{font-size:13px;color:var(--accent-ink);font-family:monospace;letter-spacing:1px}.section-heading>p{color:var(--muted);font-size:13px}.section-title{font-size:clamp(30px,3.25vw,45px);font-weight:700;line-height:1.65;letter-spacing:-.8px}.muted{color:var(--muted)}.about-intro{display:grid;grid-template-columns:1fr 1fr;gap:80px;margin-bottom:49px}.about-copy{font-size:16px;color:var(--muted);padding-top:7px}.about-copy>p+p{margin-top:15px}.about-copy .about-note{color:var(--ink);display:flex;align-items:center;gap:10px;font-size:14px;margin-top:24px}.about-note .icon{color:var(--accent-ink);width:18px;height:18px}.expertise-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.expertise-card{padding:29px 28px 30px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);position:relative;transition:border-color .25s,transform .25s}.expertise-card:hover{border-color:var(--accent-ink);transform:translateY(-5px)}.card-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:29px}.card-top .icon{color:var(--accent-ink);width:27px;height:27px}.card-index{color:var(--muted);font-family:monospace;font-size:12px}.experience{display:block;font-size:12px;color:var(--muted);margin-bottom:6px}.experience strong{font-weight:500;color:var(--accent-ink)}.expertise-card h3{font-size:21px;font-weight:650;margin-bottom:10px}.expertise-card p{font-size:15px;color:var(--muted);line-height:2}
.projects-section{background:var(--surface);border-block:1px solid var(--line)}.projects-section .section{padding-block:90px}.text-link{display:inline-flex;align-items:center;gap:10px;min-height:44px;font-size:13px;color:var(--muted)}.text-link:hover{color:var(--accent-ink)}.text-link .icon{width:18px;height:18px}.projects-intro{display:flex;align-items:center;justify-content:space-between;margin-bottom:38px;gap:36px}.projects-intro>p{font-size:14px;color:var(--muted)}.project-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:20px}.project-card{border:1px solid var(--line);border-radius:var(--radius);background:var(--bg);overflow:hidden;transition:border-color .25s}.project-card:hover{border-color:var(--accent-ink)}.project-top{display:flex;align-items:center;justify-content:space-between;padding:21px 25px 0;gap:14px;font-size:12px;color:var(--muted)}.project-top .mono{font-size:10px;letter-spacing:1px}.project-display{height:220px;margin:18px 20px 0;border-radius:8px;position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center}.tarkyar-display{background:#d3eca9;color:#254015}.project-word{font-size:64px;font-weight:900;letter-spacing:-4px;z-index:1;line-height:1.6}.project-word>span{font-weight:350}.project-word i{font-style:normal;font-size:40px;position:relative;display:inline-block;margin-inline-start:18px;vertical-align:top;line-height:1.9;font-weight:300}.project-display-caption{font-size:12px;color:#40582b;z-index:1}.project-lines{position:absolute;inset:0;background:repeating-linear-gradient(130deg,transparent 0,transparent 28px,rgb(35 65 17 / .07) 29px,transparent 30px);mask-image:linear-gradient(90deg,black,transparent 60%)}.digodam-display{background:#282d24;color:#f0f3e9}.digodam-word{font-size:56px;letter-spacing:-3px;font-weight:750}.digodam-word>span{font-weight:350}.digodam-word i{font-style:normal;color:#c8fa75}.display-code{font-family:monospace;font-size:11px;letter-spacing:1px;color:#a4b18e;margin-top:8px}.project-content{padding:24px 25px}.project-title-row{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;margin-bottom:12px}.project-title-row h3{font-size:23px;font-weight:600}.project-domain{font-size:12px;font-family:monospace;color:var(--muted)}.project-content p,.project-small>p{font-size:15px;color:var(--muted);line-height:2;max-width:500px}.project-bottom{border-top:1px solid var(--line);margin-top:25px;padding-top:18px;display:flex;align-items:center;justify-content:space-between;gap:14px}.project-role{font-size:12px;color:var(--muted)}.project-link{font-size:14px;color:var(--ink);display:inline-flex;align-items:center;gap:12px;min-height:44px;white-space:nowrap}.project-link .icon{width:22px;height:22px;border:1px solid var(--line);border-radius:50%;padding:3px;transition:transform .2s,background .2s}.project-link:hover{color:var(--accent-ink)}.project-link:hover .icon{transform:rotate(90deg);background:var(--accent-soft)}.project-small{padding:25px}.project-small .project-top{padding:0;margin-bottom:22px}.project-small .project-top .icon{color:var(--accent-ink)}.project-small .project-bottom{margin-top:20px}.project-small .project-title-row h3{font-size:22px}.development-label{font-size:11px;color:var(--accent-ink);border:1px solid var(--line);border-radius:5px;padding:2px 9px;white-space:nowrap}.project-future{font-size:12px;color:var(--muted)}.projects-footnote{margin-top:28px;display:flex;justify-content:center;gap:12px;align-items:center;color:var(--muted);font-size:13px}.projects-footnote .icon{width:16px;height:16px;flex-shrink:0}
.mindset-grid{display:grid;grid-template-columns:1fr 1fr;gap:88px}.manifesto{border-inline-start:2px solid var(--accent-ink);padding-inline-start:32px;position:relative}.quote-mark{font-family:Georgia,serif;font-size:115px;line-height:.9;display:block;color:var(--accent-ink);height:65px}.manifesto h2{font-size:42px;font-weight:650;line-height:1.8;letter-spacing:-1px}.manifesto h2 span{color:var(--accent-ink)}.manifesto>p{font-size:15px;color:var(--muted);max-width:400px;margin-top:22px}.manifesto-signature{display:flex;align-items:center;gap:16px;font-size:14px;margin-top:27px}.signature-line{height:1px;width:40px;background:var(--line)}.value{display:flex;gap:20px;padding-block:22px;border-bottom:1px solid var(--line)}.value:first-child{padding-top:5px}.value:last-child{border-bottom:0}.value-icon{flex-shrink:0;width:40px;height:40px;border:1px solid var(--line);border-radius:10px;display:flex;align-items:center;justify-content:center;background:var(--surface);color:var(--accent-ink);margin-top:4px}.value-icon .icon{width:20px;height:20px}.value h3{font-size:19px;font-weight:550;margin-bottom:7px}.value p{font-size:15px;color:var(--muted);line-height:1.95}.toolbox{margin-top:67px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding-block:25px;display:flex;align-items:center;justify-content:space-between;gap:30px}.toolbox-label{font-size:15px;font-weight:500}.toolbox>div>p{font-size:12px;color:var(--muted);margin-top:4px}.tool-list{list-style:none;padding:0;margin:0;display:flex;align-items:center;gap:25px;flex-wrap:wrap;justify-content:flex-end}.tool-list>li{display:flex;gap:8px;align-items:center;font-size:14px;color:var(--muted)}.tool-logo{font-family:monospace;font-size:17px;font-weight:700;line-height:1}.fedora-logo{font-size:29px;font-style:italic}.obsidian-logo{font-size:26px}.tool-list .icon{width:20px;height:20px}
.contact-section{margin-bottom:70px;padding:60px 62px;background:var(--accent);color:var(--on-accent);border-radius:16px;display:grid;grid-template-columns:1.1fr 1fr;gap:90px;position:relative;overflow:hidden}.contact-eyebrow{font-size:13px;margin-bottom:13px;color:#465b2c}.contact-text h2{font-size:54px;line-height:1.5;letter-spacing:-1.5px;font-weight:750}.contact-text h2 span{color:#526c35}.contact-text>p{font-size:15px;line-height:1.95;color:#3c5224;margin-top:18px;max-width:390px}.contact-button{background:#1c2812;color:#f3f6ed;margin-top:25px;font-size:14px;border:1px solid #1c2812}.contact-button:hover{background:#314320}.contact-section :focus-visible{outline-color:#263817}.contact-links{align-self:center}.social-row{display:flex;align-items:center;gap:16px;min-height:96px;border-bottom:1px solid #a4d05e;transition:padding .2s}.social-row:last-child{border-bottom:none}.social-row:hover{padding-inline:8px}.social-icon{width:43px;height:43px;border:1px solid #9fc65e;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.social-detail{font-size:16px;font-weight:600;line-height:1.8}.social-detail>span{display:block;font-family:monospace;font-size:12px;font-weight:400;color:#3c5224;text-align:right}.social-action{margin-inline-start:auto;font-size:12px;color:#3c5224;white-space:nowrap}
.site-footer{padding-bottom:30px}.footer-top{display:flex;justify-content:space-between;align-items:center;gap:24px;padding-bottom:30px;border-bottom:1px solid var(--line);font-size:14px}.footer-top .brand-mark{width:35px;height:35px;font-size:26px;padding-top:5px;border-radius:8px}.footer-top .brand-mark span{font-size:8px}.footer-top>p{display:flex;align-items:center;gap:16px;color:var(--muted)}.footer-top>p>span{font-size:22px;color:var(--accent-ink)}.copy-address{background:transparent;color:var(--muted);display:flex;align-items:center;gap:12px;min-height:44px;border:1px solid var(--line);border-radius:8px;padding:8px 14px;font-size:13px;transition:color .2s,border-color .2s}.copy-address:hover{color:var(--ink);border-color:var(--accent-ink)}.copy-address .icon{width:16px;height:16px}.footer-bottom{padding-top:23px;display:flex;align-items:center;justify-content:space-between;gap:24px;color:var(--muted);font-size:11px}.footer-bottom a{min-height:44px;display:inline-flex;align-items:center;font-size:12px}.footer-bottom a:hover{color:var(--accent-ink)}.toast{position:fixed;bottom:24px;left:50%;max-width:calc(100% - 32px);transform:translate(-50%,20px);opacity:0;pointer-events:none;background:var(--ink);color:var(--bg);padding:12px 22px;border-radius:10px;box-shadow:var(--shadow);font-size:14px;z-index:80;transition:opacity .2s,transform .2s}.toast.visible{opacity:1;transform:translate(-50%,0)}
@media(min-width:1600px){.hero{padding-top:75px}.hero-title{font-size:84px}.hero-visual{padding-top:24px}}
@media(max-width:1100px){.container{width:calc(100% - 64px)}.header-inner{gap:18px}.site-nav{gap:22px}.hero{gap:45px;padding-top:48px}.hero-title{font-size:64px}.hero-actions .button{padding-inline:18px;font-size:14px}.hero-description{font-size:15px}.hero-meta{font-size:12px}.portrait-overlay{padding:22px}.portrait-name{font-size:34px}.portrait-heading>span:first-child{font-size:11px}.portrait-heading .mono{font-size:9px}.about-intro{gap:50px}.expertise-card{padding:25px 21px}.expertise-card h3{font-size:19px}.mindset-grid{gap:55px}.manifesto h2{font-size:38px}.tool-list{gap:17px}.contact-section{padding:46px;gap:55px}.contact-text h2{font-size:48px}}
@media(max-width:900px){.header-contact{display:none}.hero{grid-template-columns:1.1fr .9fr;gap:32px}.hero-title{font-size:53px;letter-spacing:-1.5px}.hero-actions{flex-wrap:wrap}.hero-actions .button{min-height:48px}.hero-visual{padding-top:50px}.portrait-heading{flex-wrap:wrap;gap:0}.portrait-name{font-size:30px}.visual-footer{gap:10px}.mini-star{font-size:38px}.visual-footer p{font-size:12px}.signature{font-size:23px}.hero-meta span+span::before{margin-inline:9px}.strip-inner{font-size:14px;gap:12px;min-height:75px}.section{padding-block:75px}.section-title{font-size:34px}.expertise-grid{gap:12px}.expertise-card{padding:23px 18px}.expertise-card h3{font-size:18px}.expertise-card p{font-size:14px}.project-title-row h3{font-size:21px}.project-display{height:185px}.digodam-word{font-size:44px}.project-word{font-size:57px}.project-role{font-size:11px}.project-content,.project-small{padding:22px}.project-bottom{gap:10px}.project-future{font-size:11px}.mindset-grid{gap:38px}.manifesto{padding-inline-start:22px}.manifesto h2{font-size:32px}.value{gap:14px}.value h3{font-size:18px}.value p{font-size:14px}.toolbox{align-items:flex-start}.tool-list{max-width:390px;gap:15px 22px}.contact-section{gap:35px;padding:40px}.contact-text h2{font-size:42px}.social-action{font-size:11px}.footer-bottom{gap:16px;flex-wrap:wrap}.footer-bottom>span:nth-child(2){order:3;flex-basis:100%}}
@media(max-width:700px){html{scroll-padding-top:94px}.container{width:calc(100% - 40px)}.header-inner{min-height:77px;gap:10px;flex-wrap:wrap}.brand-mark{width:38px;height:38px;font-size:29px;border-radius:8px;padding-top:5px}.brand-name{font-size:14px}.brand-name>span{font-size:8px;letter-spacing:2px}.header-actions{gap:9px}.icon-button{width:42px;height:42px}.menu-toggle:not([hidden]){display:flex}.site-nav{order:3;width:100%;justify-content:center;gap:21px;padding-bottom:11px;font-size:13px}.site-nav .nav-contact{display:inline-flex}.js-ready .site-nav{display:none}.js-ready .site-nav.is-open{display:flex;animation:menu-in .15s ease-out}.hero{display:flex;flex-direction:column;padding-top:35px;padding-bottom:20px;gap:35px}.hero-copy{padding-top:0}.eyebrow{font-size:12px}.hero h1{font-size:20px;margin-top:14px;margin-bottom:14px}.hero-title{font-size:clamp(48px,10.4vw,68px);line-height:1.5;letter-spacing:-1.5px}.hero-description{font-size:15px;line-height:2.05;max-width:510px;margin-top:21px}.hero-actions{gap:11px;margin-top:23px;flex-wrap:wrap}.hero-actions .button{font-size:14px;min-height:49px;padding-inline:17px}.hero-meta{font-size:12px;margin-top:20px;flex-wrap:wrap}.hero-meta span+span::before{margin-inline:10px}.hero-visual{width:100%;max-width:450px;align-self:center;padding-top:6px}.portrait-heading{flex-wrap:nowrap;margin-bottom:11px}.portrait-heading>span:first-child{font-size:12px}.portrait-heading .mono{font-size:9px}.portrait-frame{aspect-ratio:1/1.05;max-height:475px}.portrait-frame>img{object-position:50% 40%}.portrait-name{font-size:38px}.portrait-overlay{padding:23px}.portrait-coordinate{font-size:9px}.visual-footer p{font-size:14px}.signature{font-size:29px}.mini-star{font-size:44px}.hero-bottom{margin-top:2px;gap:13px}.hero-bottom .mono{font-size:8px;letter-spacing:1px}.expertise-strip{margin-top:10px}.strip-inner{display:grid;grid-template-columns:1fr 20px 1fr;gap:5px 12px;padding-block:18px;font-size:13px;min-height:95px;text-align:center}.strip-inner>i:nth-of-type(2){display:none}.strip-inner>span:nth-of-type(3){grid-column:1}.strip-inner>i:nth-of-type(3){grid-column:2}.strip-inner>span:nth-of-type(4){grid-column:3}.strip-inner i{font-size:18px}.section{padding-block:58px}.section-heading{margin-bottom:30px;gap:15px;align-items:flex-start}.section-heading>p{display:none}.section-label{font-size:13px;gap:12px}.section-number{font-size:12px}.section-title{font-size:30px;letter-spacing:-.5px;line-height:1.7}.about-intro{grid-template-columns:1fr;gap:24px;margin-bottom:30px}.about-copy{font-size:15px;padding-top:0}.about-copy .about-note{font-size:13px;margin-top:21px}.expertise-grid{grid-template-columns:1fr;gap:12px}.expertise-card{padding:24px}.card-top{margin-bottom:18px}.expertise-card h3{font-size:20px}.expertise-card p{font-size:15px}.projects-section .section{padding-block:58px}.text-link{font-size:11px;min-height:28px;gap:7px}.text-link .icon{width:15px;height:15px}.projects-intro{display:block;margin-bottom:27px}.projects-intro>p{margin-top:13px;font-size:14px}.projects-intro>p br{display:none}.project-grid{grid-template-columns:1fr;gap:16px}.project-top{padding:20px 22px 0}.project-display{height:190px;margin-inline:16px}.project-word{font-size:62px}.digodam-word{font-size:52px}.project-content,.project-small{padding:22px}.project-title-row h3,.project-small .project-title-row h3{font-size:21px}.project-content p,.project-small>p{font-size:14px}.project-bottom{margin-top:19px;padding-top:13px;gap:12px}.project-role{font-size:11px}.project-link{font-size:13px}.project-future{font-size:11px}.projects-footnote{align-items:flex-start;justify-content:flex-start;font-size:12px;margin-top:24px;gap:9px}.projects-footnote .icon{margin-top:4px}.mindset-grid{grid-template-columns:1fr;gap:36px}.manifesto{padding-inline-start:25px}.quote-mark{font-size:95px;height:52px}.manifesto h2{font-size:35px;line-height:1.8}.manifesto>p{font-size:14px;max-width:none;margin-top:17px}.manifesto-signature{margin-top:21px;font-size:13px}.value{padding-block:21px;gap:16px}.value h3{font-size:19px}.value p{font-size:14px}.toolbox{margin-top:35px;display:block;padding-block:22px}.tool-list{justify-content:flex-start;margin-top:23px;max-width:none;gap:20px 24px}.tool-list>li{font-size:13px}.contact-section{grid-template-columns:1fr;padding:31px 26px;gap:27px;border-radius:13px;margin-bottom:40px}.contact-eyebrow{font-size:12px;line-height:1.9}.contact-text h2{font-size:43px;line-height:1.5}.contact-text>p{font-size:14px;margin-top:16px}.contact-button{min-height:48px;margin-top:22px}.social-row{min-height:85px}.social-detail{font-size:15px}.social-action{font-size:12px}.social-icon{width:40px;height:40px}.footer-top{flex-wrap:wrap;justify-content:space-between;gap:17px;padding-bottom:20px}.footer-top>p{display:none}.footer-top .brand{font-size:13px;gap:10px}.copy-address{font-size:11px;padding-inline:10px;gap:8px}.footer-bottom{font-size:11px;align-items:flex-start;gap:5px 14px;padding-top:15px}.footer-bottom>a{font-size:11px;margin-top:-7px}.footer-bottom>span:nth-child(2){font-size:10px;line-height:1.9}.site-footer{padding-bottom:23px}}
@media(max-width:370px){.container{width:calc(100% - 32px)}.brand-name>span{display:none}.brand-name{font-size:13px}.header-actions{gap:7px}.hero-title{font-size:46px}.hero-actions{gap:9px}.hero-actions .button{font-size:12px;padding-inline:12px;gap:10px}.hero-meta{font-size:11px}.hero-meta span+span::before{margin-inline:7px}.section-heading .text-link{font-size:10px}.section-label{font-size:12px;gap:8px}.contact-section{padding:27px 22px}.contact-text h2{font-size:39px}.project-small,.project-content{padding:19px}.project-role,.project-future{font-size:10px}.project-future{max-width:100px}.footer-top{gap:12px}.copy-address{font-size:10px;padding-inline:8px}.footer-top .brand{font-size:12px}}
@keyframes menu-in{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.button:hover,.expertise-card:hover,.icon-button:hover{transform:none}}

/* Keep Persian shaping natural; condensed tracking is reserved for Latin marks. */
.hero-title,.section-title,.manifesto h2,.contact-text h2,.project-word{letter-spacing:normal}

/* Skills: one deep specialty, connected to practical complementary skills. */
h4{margin:0;font-weight:600}
.skills-section{border-block:1px solid var(--line);background:var(--surface)}
.skills-caption{font-size:13px;color:var(--muted)}
.skills-intro,.collaboration-intro{display:grid;grid-template-columns:1fr 1.1fr;align-items:start;gap:70px;margin-bottom:34px}
.skills-intro .section-title{font-size:54px;line-height:1.4}
.skills-intro>p,.collaboration-intro>p{font-size:16px;line-height:2;color:var(--muted);max-width:580px}
.skill-equation{display:grid;grid-template-columns:1fr 18px .75fr 18px 1fr 18px 1.45fr;gap:17px;align-items:center;border-block:1px solid var(--line);padding-block:25px;margin-bottom:35px}
.equation-term{display:flex;flex-direction:column;gap:3px}
.equation-label{font-size:12px;color:var(--muted)}
.equation-term strong{font-size:18px;font-weight:550}
.equation-operator{font:300 25px/1 monospace;color:var(--muted);text-align:center}
.equation-result{display:flex;align-items:center;gap:14px;color:var(--accent-ink)}
.equation-result>.icon{width:30px;height:30px}
.equation-result strong{font-size:21px;font-weight:650;display:block}
.equation-result>div>span{display:block;color:var(--muted);font-size:11px}
.skills-layout{display:grid;grid-template-columns:.85fr 1.15fr;gap:24px}
.seo-depth{padding:30px;border:1px solid var(--line);border-radius:var(--radius);background:var(--accent-soft) linear-gradient(140deg,var(--accent-soft),var(--bg));position:relative;overflow:hidden}
.depth-top{display:flex;justify-content:space-between;align-items:center;gap:16px}
.depth-badge{font-size:12px;color:var(--accent-ink);border:1px solid var(--line);border-radius:5px;padding:4px 10px}
.depth-experience{font-size:12px;color:var(--muted)}
.seo-title{display:flex;align-items:center;gap:14px;margin-top:26px}
.seo-title>.icon{width:28px;height:28px;color:var(--accent-ink)}
.seo-title h3{font-size:46px;font-weight:800;line-height:1.5}
.t-symbol{margin-inline-start:auto;font-size:64px;font-weight:900;color:var(--accent-ink);line-height:1;opacity:.6}
.depth-lead{color:var(--muted);font-size:15px;margin-top:13px;line-height:2}
.depth-list{list-style:none;padding:0;margin:28px 0 0;position:relative}
.depth-list::before{content:'';position:absolute;inset-inline-start:18px;top:20px;bottom:35px;width:1px;background:var(--line)}
.depth-list>li{display:flex;gap:17px;position:relative;padding-block:12px}
.depth-step{display:flex;align-items:center;justify-content:center;width:37px;height:37px;border:1px solid var(--line);border-radius:50%;background:var(--surface);color:var(--accent-ink);flex-shrink:0;font-size:12px;margin-top:2px}
.depth-list h4{font-size:16px}
.depth-list p{font-size:13px;color:var(--muted);margin-top:5px;line-height:1.95}
.skills-complement{display:flex;flex-direction:column}
.ai-multiplier{padding:27px 30px;background:var(--bg);border:1px solid var(--line);border-radius:var(--radius)}
.ai-title{display:flex;align-items:center;gap:15px}
.ai-title .value-icon{width:46px;height:46px;margin:0}
.small-label{font-size:12px;color:var(--muted)}
.ai-title h3{font-size:26px;line-height:1.6;font-weight:650}
.multiply-mark{font:300 65px/1 monospace;color:var(--accent-ink);margin-inline-start:auto}
.ai-multiplier>p{font-size:15px;color:var(--muted);line-height:2;margin-top:16px;max-width:520px}
.ai-multiplier .text-link{color:var(--accent-ink);margin-top:11px}
.complement-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:24px;margin-bottom:17px}
.complement-heading h3{font-size:17px;font-weight:550}
.complement-heading>span{font-size:12px;color:var(--muted)}
.complement-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;flex:1}
.complement-grid>article{padding:23px;background:var(--bg);border:1px solid var(--line);border-radius:10px;transition:border-color .2s}
.complement-grid>article:hover{border-color:var(--accent-ink)}
.complement-grid .icon{color:var(--accent-ink);margin-bottom:12px}
.complement-grid h4{font-size:16px;margin-bottom:6px}
.complement-grid p{font-size:13px;line-height:1.95;color:var(--muted)}
.about-intro{margin-bottom:0}
.collaboration-section{border-top:1px solid var(--line);background:var(--surface)}
.collaboration-intro .section-title{font-size:40px}
.partner-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;margin-top:40px}
.partner-card{border-top:1px solid var(--line);padding-top:22px;padding-bottom:25px}
.partner-top{display:flex;align-items:center;justify-content:space-between;color:var(--accent-ink);margin-bottom:25px}
.partner-top .mono{color:var(--muted)}
.partner-top .icon{width:27px;height:27px}
.partner-card h3{font-size:18px;font-weight:650;margin-bottom:11px}
.partner-card p{font-size:14px;color:var(--muted);line-height:2}
.collaboration-details{display:grid;grid-template-columns:1.3fr 1fr;gap:25px;margin-top:35px}
.first-message{border:1px solid var(--line);background:var(--bg);border-radius:var(--radius);padding:30px}
.message-heading{display:flex;align-items:center;gap:15px;margin-bottom:24px}
.message-heading .value-icon{width:44px;height:44px;margin:0}
.message-heading h3{font-size:24px;font-weight:650;line-height:1.7}
.message-questions{list-style:none;margin:0;padding:0}
.message-questions>li{display:flex;gap:17px;padding-block:17px;border-top:1px solid var(--line)}
.question-number{width:34px;height:34px;display:flex;align-items:center;justify-content:center;flex-shrink:0;border:1px solid var(--line);background:var(--accent-soft);color:var(--accent-ink);border-radius:50%;font-size:15px;margin-top:3px}
.message-questions h4{font-size:16px;margin-bottom:4px}
.message-questions p{font-size:13px;color:var(--muted);line-height:1.95}
.message-actions{margin-top:16px;display:flex;align-items:center;gap:17px;flex-wrap:wrap}
.copy-template{font-size:13px;min-height:46px;padding:9px 16px;gap:12px}
.copy-template .icon{width:18px;height:18px}
.message-actions>p{font-size:12px;color:var(--muted);flex:1;min-width:160px}
.message-template{margin-top:17px;color:var(--muted);font-size:13px}
.message-template>summary{cursor:pointer;min-height:44px;width:fit-content;padding-block:8px}
.message-template>div{white-space:pre-line;font-size:14px;line-height:2.1;border-inline-start:2px solid var(--accent-ink);padding-inline-start:17px;padding-block:8px;color:var(--ink);margin-top:6px}
.collaboration-boundaries{padding:30px;border-block:1px solid var(--line)}
.boundary-heading{display:flex;align-items:center;gap:13px;margin-bottom:20px}
.boundary-heading .icon{color:var(--muted);width:23px;height:23px}
.boundary-heading h3{font-size:21px;font-weight:600}
.collaboration-boundaries ul{list-style:none;padding:0;margin:0}
.collaboration-boundaries li{padding-block:15px;border-top:1px solid var(--line)}
.collaboration-boundaries li:first-child{border-top:0}
.collaboration-boundaries h4{font-size:15px;margin-bottom:5px}
.collaboration-boundaries p{font-size:13px;color:var(--muted);line-height:1.95}

/* A subdued green closing panel: less glare, with independently legible text. */
.contact-section{background:#2f4422 linear-gradient(125deg,#2f4422,#24351b);color:#eef5e4;border:1px solid #425836}
.contact-eyebrow{color:#c0cdb3}
.contact-text h2 span{color:#c7ed91}
.contact-text>p{color:#c0cdb3}
.contact-button{background:#b2dc71;color:#1b2911;border-color:#b2dc71}
.contact-button:hover{background:#c6ed92}
.social-row{border-color:#4b6040}
.social-icon{border-color:#637954;color:#d6e9ba}
.social-detail>span,.social-action{color:#c0cdb3}
.contact-section :focus-visible{outline-color:#c7ed91}
.brand{min-height:44px}.site-nav>a{min-width:44px;text-align:center}
svg.icon{pointer-events:none}

@media(max-width:1100px){.skill-equation{gap:12px;grid-template-columns:1fr 15px .7fr 15px 1fr 15px 1.35fr}.equation-term strong{font-size:16px}.equation-result strong{font-size:18px}.equation-result>.icon{width:25px;height:25px}.equation-result{gap:10px}.skills-layout{gap:20px}.seo-depth{padding:26px}.ai-multiplier{padding:24px}.complement-grid>article{padding:20px}.partner-grid{gap:18px}.partner-card h3{font-size:16px}.partner-card p{font-size:13px}.collaboration-intro{gap:45px}.collaboration-intro .section-title{font-size:34px}.collaboration-details{gap:22px}.first-message,.collaboration-boundaries{padding:26px}.message-heading h3{font-size:21px}.boundary-heading h3{font-size:19px}.site-nav{gap:22px}}
@media(max-width:900px){.site-nav{gap:16px;font-size:13px}.skills-intro{gap:40px;grid-template-columns:.75fr 1.25fr}.skills-intro .section-title{font-size:44px}.skills-intro>p{font-size:15px}.skill-equation{grid-template-columns:1fr 16px 1fr 16px 1fr;row-gap:22px}.skill-equation>.equation-operator:nth-of-type(3){display:none}.equation-result{grid-column:1/-1;border-top:1px solid var(--line);padding-top:18px}.skills-layout{grid-template-columns:.9fr 1.1fr;gap:16px}.depth-top{align-items:flex-start;flex-wrap:wrap;gap:9px}.seo-depth{padding:22px}.seo-title h3{font-size:40px}.seo-title{margin-top:20px}.depth-lead{font-size:14px}.depth-list{margin-top:20px}.depth-list>li{gap:12px}.depth-list h4{font-size:15px}.depth-list p{font-size:12px}.ai-multiplier{padding:22px}.ai-title h3{font-size:22px}.multiply-mark{font-size:48px}.ai-multiplier>p{font-size:14px}.complement-grid{gap:10px}.complement-grid>article{padding:17px}.complement-grid h4{font-size:14px}.complement-grid p{font-size:12px}.complement-heading>span{font-size:11px}.collaboration-intro{grid-template-columns:1fr;gap:17px}.collaboration-intro .section-title{font-size:36px}.collaboration-intro>p{max-width:640px}.partner-grid{grid-template-columns:1fr 1fr;gap:8px 30px;margin-top:30px}.partner-card h3{font-size:19px}.partner-card p{font-size:14px}.collaboration-details{grid-template-columns:1fr 1fr;gap:18px}.first-message,.collaboration-boundaries{padding:22px}.message-heading h3{font-size:19px}.message-heading{gap:12px}.message-heading .value-icon{width:36px;height:36px}.boundary-heading h3{font-size:17px}.message-questions>li{gap:13px}.message-questions p{font-size:12px}.message-actions{gap:10px}.message-actions>p{font-size:11px}}
@media(max-width:700px){.hero::before{inset:0}.icon-button{width:44px;height:44px}.site-nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2px 10px;padding-bottom:13px;font-size:13px}.site-nav>a{min-height:44px;display:flex;align-items:center;justify-content:center;padding-block:6px}.site-nav .nav-contact{display:flex}.js-ready .site-nav.is-open{display:grid}html:not(.js-ready){scroll-padding-top:190px}.skills-caption{display:none}.skills-intro{grid-template-columns:1fr;gap:20px;margin-bottom:25px}.skills-intro .section-title{font-size:42px}.skills-intro>p{font-size:15px}.skill-equation{grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;padding-block:19px;margin-bottom:27px}.equation-operator{display:none}.equation-label{font-size:10px}.equation-term strong{font-size:14px}.equation-term{gap:5px}.equation-result{gap:13px;padding-top:15px}.equation-result strong{font-size:19px}.equation-result>div>span{font-size:11px}.equation-result>.icon{width:26px;height:26px}.skills-layout{grid-template-columns:1fr;gap:18px}.seo-depth{padding:25px}.depth-top{flex-wrap:nowrap;gap:12px}.depth-badge,.depth-experience{font-size:11px}.seo-title{margin-top:19px}.seo-title h3{font-size:43px}.t-symbol{font-size:59px}.depth-lead{font-size:14px}.depth-list{margin-top:20px}.depth-list>li{padding-block:12px;gap:16px}.depth-list h4{font-size:16px}.depth-list p{font-size:13px}.ai-multiplier{padding:24px}.ai-title h3{font-size:24px}.ai-multiplier>p{font-size:14px}.ai-multiplier .text-link{font-size:12px;min-height:44px}.complement-heading{margin-top:24px;margin-bottom:15px}.complement-heading h3{font-size:17px}.complement-heading>span{font-size:11px}.complement-grid{gap:12px}.complement-grid>article{padding:20px 17px}.complement-grid h4{font-size:15px;line-height:1.8}.complement-grid p{font-size:13px}.collaboration-intro .section-title{font-size:30px}.collaboration-intro{gap:17px;margin-bottom:25px}.collaboration-intro>p{font-size:15px}.partner-grid{gap:9px 22px;margin-top:25px}.partner-card{padding-top:20px;padding-bottom:20px}.partner-top{margin-bottom:19px}.partner-top .icon{width:24px;height:24px}.partner-card h3{font-size:16px;line-height:1.9}.partner-card p{font-size:13px;line-height:1.95}.collaboration-details{grid-template-columns:1fr;margin-top:25px;gap:25px}.first-message{padding:24px}.message-heading{gap:13px;align-items:flex-start}.message-heading h3{font-size:21px;line-height:1.8}.message-heading .value-icon{margin-top:7px;width:39px;height:39px}.small-label{font-size:11px}.message-questions p{font-size:13px}.message-questions>li{gap:14px;padding-block:17px}.question-number{width:31px;height:31px;font-size:14px}.message-actions{gap:12px}.copy-template{font-size:13px}.message-actions>p{font-size:12px;min-width:180px}.message-template>div{font-size:13px}.collaboration-boundaries{padding:24px 10px}.boundary-heading h3{font-size:21px}.collaboration-boundaries h4{font-size:15px}.collaboration-boundaries p{font-size:13px}.collaboration-boundaries li{padding-block:17px}.projects-section .text-link{min-height:44px}.contact-section{margin-top:40px}}
@media(max-width:370px){.equation-term strong{font-size:12px}.equation-label{font-size:9px}.seo-depth,.ai-multiplier{padding:21px}.complement-grid{grid-template-columns:1fr}.complement-grid>article{padding:21px}.complement-grid h4{font-size:16px}.complement-grid p{font-size:14px}.partner-grid{grid-template-columns:1fr;gap:0}.partner-card h3{font-size:19px}.partner-card p{font-size:14px}.partner-top{margin-bottom:15px}.partner-card{padding-block:23px}.first-message{padding:21px}.message-heading h3{font-size:19px}.boundary-heading h3{font-size:19px}.depth-badge,.depth-experience{font-size:10px}}

/* Spatial edition — quiet depth, directional light, native scrolling. */
:root {
  --bg: #0d100e;
  --surface: #141a16;
  --surface-2: #1b241d;
  --line: #2d3a30;
  --muted: #acb8ad;
  --accent-soft: #202f20;
  --header: rgb(17 23 19 / .88);
  --edge-light: rgb(221 255 222 / .12);
  --soft-light: rgb(180 234 162 / .045);
  --card-shadow: 0 18px 42px -24px rgb(0 0 0 / .7);
  --easing: cubic-bezier(.16, 1, .3, 1);
}

:root[data-theme="light"] {
  --bg: #f4f7f0;
  --surface: #fcfef9;
  --surface-2: #eaf0e4;
  --line: #ced9c7;
  --muted: #53634e;
  --accent-soft: #e4eed9;
  --header: rgb(249 252 244 / .92);
  --edge-light: rgb(255 255 255 / .96);
  --soft-light: rgb(59 108 42 / .04);
  --card-shadow: 0 20px 42px -25px rgb(45 69 35 / .3);
}

body { background-image: radial-gradient(ellipse at 0 0, var(--soft-light), transparent 700px); }
.site-header {
  padding-block: 16px 10px;
  background: transparent;
  border: 0;
  backdrop-filter: none;
  pointer-events: none;
}
.header-inner {
  min-height: 76px;
  padding-inline: 24px;
  border: 1px solid var(--line);
  border-radius: 18px;
  background: var(--header);
  backdrop-filter: blur(22px);
  box-shadow: inset 0 1px var(--edge-light), 0 12px 40px -28px rgb(0 0 0 / .55);
  pointer-events: auto;
  transition: border-color .3s;
}
.site-header.is-scrolled .header-inner { border-color: color-mix(in srgb, var(--line), var(--accent-ink) 12%); }
.brand-mark {
  border: 1px solid rgb(228 255 172 / .7);
  box-shadow: inset 0 2px 1px rgb(255 255 255 / .45), 0 3px 0 #719444, 0 7px 20px rgb(0 0 0 / .16);
  transition: transform .35s var(--easing), box-shadow .35s;
}
.brand:hover .brand-mark { transform: translateY(-2px) rotate(-3deg); }
.site-nav { gap: 20px; }
.site-nav > a { padding-inline: 8px; border-radius: 8px; }
.site-nav > a[aria-current] { background: var(--soft-light); }
.site-nav > a::after { inset-inline: 8px; height: 1px; bottom: 5px; }
.header-actions { gap: 11px; }
.header-contact { background: var(--soft-light); border-radius: 10px; }
.icon-button { box-shadow: inset 0 1px var(--edge-light); }
.reading-progress {
  position: absolute;
  inset-inline: 0;
  bottom: 10px;
  width: min(calc(var(--max) - 44px), calc(100% - 140px));
  margin-inline: auto;
  height: 1px;
  overflow: hidden;
}
.reading-progress > span {
  display: block;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, transparent, var(--accent-ink));
  transform: scaleX(var(--reading-progress, 0));
  transform-origin: right;
}

/* A portrait with three physical planes, instead of a flat image box. */
.hero { padding-top: 52px; column-gap: 96px; isolation: isolate; }
.hero::before {
  inset: -70px -20px 0;
  background-size: 80px 80px;
  opacity: .55;
  mask-image: radial-gradient(ellipse at 45% 28%, black, transparent 73%);
}
.hero::after {
  content: '';
  position: absolute;
  z-index: -1;
  inset: -70px 25% 5% 0;
  background: radial-gradient(ellipse at 25% 30%, rgb(147 211 104 / .095), transparent 64%);
  mask-image: radial-gradient(ellipse at center, black 28%, transparent 70%);
  pointer-events: none;
}
.eyebrow { font-size: 13px; }
.eyebrow-line { width: 32px; box-shadow: 0 0 12px rgb(200 250 117 / .25); }
.hero h1 { font-size: 24px; margin-top: 18px; margin-bottom: 16px; }
.hero-title { font-size: clamp(54px, 5.85vw, 84px); line-height: 1.43; }
.hero-line { display: block; width: fit-content; }
.hero-line:first-child { font-weight: 450; }
.hero-line.highlight { position: relative; padding-bottom: 9px; }
.hero-line.highlight::after {
  content: '';
  position: absolute;
  bottom: 0;
  inset-inline-start: 2px;
  width: 48%;
  height: 2px;
  background: linear-gradient(to left, var(--accent-ink), transparent);
  opacity: .7;
}
.hero-description { max-width: 535px; font-size: 16px; margin-top: 23px; }
.hero-actions { margin-top: 30px; gap: 14px; }
.button {
  border-radius: 11px;
  transition: transform .4s var(--easing), background .25s, box-shadow .4s, border-color .25s;
}
.button:active { transform: translateY(1px) scale(.985); }
.button-primary {
  border: 1px solid #dcffae;
  background: #bce96f linear-gradient(135deg, #d3ff90, #bce96f);
  box-shadow: inset 0 1px 1px rgb(255 255 255 / .6), 0 3px 0 #719744, 0 12px 24px -13px rgb(158 226 91 / .4);
}
.button-primary:hover {
  background: #c8f582 linear-gradient(135deg, #d9ffa3, #c8f582);
  box-shadow: inset 0 1px 1px rgb(255 255 255 / .6), 0 4px 0 #719744, 0 16px 32px -14px rgb(158 226 91 / .4);
}
.button-quiet { background: var(--soft-light); box-shadow: inset 0 1px var(--edge-light); }
.button .icon { transition: transform .4s var(--easing); }
.button:hover .icon { transform: translateY(-2px); }
.hero-meta { margin-top: 29px; }
.hero-visual { padding-top: 23px; }
.portrait-heading { padding-inline: 14px; margin-bottom: 28px; }
.portrait-stage { position: relative; margin: 0 12px 79px 16px; isolation: isolate; }
.portrait-stage::before {
  content: '';
  position: absolute;
  inset: 4% -7% -8%;
  border-radius: 50%;
  background: radial-gradient(ellipse, rgb(151 216 102 / .14), transparent 68%);
  filter: blur(16px);
  z-index: -3;
  pointer-events: none;
}
.portrait-sheet {
  position: absolute;
  inset: 0;
  border: 1px solid var(--line);
  border-radius: 22px;
  pointer-events: none;
}
.sheet-back {
  z-index: -2;
  background: linear-gradient(145deg, var(--accent-soft), var(--surface));
  transform: translate(20px, -10px) rotate(6deg) scale(.97);
  box-shadow: inset 0 1px var(--edge-light);
}
.sheet-back > span {
  position: absolute;
  top: 17px;
  right: 12px;
  font: 9px/1.4 monospace;
  letter-spacing: 2px;
  color: var(--muted);
  writing-mode: vertical-rl;
}
.sheet-middle {
  z-index: -1;
  transform: translate(-12px, 12px) rotate(-3deg);
  background: var(--surface);
  box-shadow: 0 28px 50px -25px rgb(0 0 0 / .6), inset 0 1px var(--edge-light);
}
.portrait-frame {
  --base-z: 1.5deg;
  --base-y: -5deg;
  margin: 0;
  padding: 8px;
  aspect-ratio: 4 / 4.7;
  border-radius: 20px;
  background: linear-gradient(135deg, #394439, #182019 40%, #313c2d);
  border: 1px solid #51634a;
  box-shadow: inset 0 1px rgb(255 255 255 / .23), 0 32px 64px -20px rgb(0 0 0 / .55);
  transform-style: preserve-3d;
}
.portrait-frame > img { border-radius: 13px; filter: grayscale(1) contrast(1.035); }
.portrait-overlay { inset: 8px; border-radius: 13px; padding: 27px; transform: translateZ(12px); }
.portrait-name { position:absolute; right:14px; bottom:17%; display:grid; padding:0; font-size:34px; letter-spacing:0; text-shadow:0 2px 12px rgb(0 0 0 / .5); }
.portrait-name > span { display:block; margin:0; vertical-align:baseline; font-size:inherit; }
.portrait-name > .portrait-name-last { font-size:.71606em; }
.portrait-coordinate { position:absolute; left:27px; bottom:27px; font-size:9px; letter-spacing:2px; }
.frame-corner { width: 17px; height: 17px; opacity: .8; }
.corner-top { top: 17px; right: 17px; border-width: 1px 1px 0 0; border-radius: 0 4px 0 0; }
.corner-bottom { bottom: 17px; left: 17px; border-width: 0 0 1px 1px; border-radius: 0 0 0 4px; }
.portrait-frame figcaption { top: auto; bottom: -64px; text-align: center; font-size: 10px; }
.portrait-label {
  position: absolute;
  bottom: -25px;
  left: -23px;
  width: 74%;
  z-index: 3;
  display: flex;
  align-items: center;
  gap: 13px;
  padding: 17px 19px;
  border: 1px solid color-mix(in srgb, var(--line), var(--accent-ink) 15%);
  border-radius: 13px;
  background: var(--header);
  backdrop-filter: blur(22px);
  box-shadow: inset 0 1px var(--edge-light), 0 12px 35px -14px rgb(0 0 0 / .5);
  transform: rotate(-2deg);
  pointer-events: none;
}
.portrait-label > .icon { color: var(--accent-ink); width: 27px; height: 27px; }
.portrait-label > span { font-size: 14px; font-weight: 550; }
.portrait-label small { display: block; font: 8px/2 monospace; letter-spacing: 1.6px; color: var(--muted); }
.portrait-label-mark { margin-inline-start: auto; color: var(--accent-ink); font-size: 25px !important; }
.visual-footer { padding-inline: 17px; }
.visual-footer .mini-star { font-size: 31px; }
.hero-bottom { margin-top: 47px; }
.expertise-strip {
  position: relative;
  background: linear-gradient(90deg, transparent, var(--surface), transparent);
  border-color: var(--line);
}
.strip-inner { min-height: 91px; font-size: 16px; }
.strip-inner i { opacity: .75; }

/* Every surface shares a thin lit edge; large cards react very gently to position. */
[data-depth] {
  --tilt-x: 0deg;
  --tilt-y: 0deg;
  --lift: 0px;
  --shine: 50%;
  transform: perspective(1200px) translateY(var(--lift)) rotateX(var(--tilt-x)) rotateY(calc(var(--base-y, 0deg) + var(--tilt-y))) rotateZ(var(--base-z, 0deg));
  transition: transform .65s var(--easing), box-shadow .5s, border-color .35s;
  position: relative;
}
[data-depth]::after {
  content: '';
  position: absolute;
  inset: 0;
  z-index: 5;
  border-radius: inherit;
  pointer-events: none;
  background: linear-gradient(118deg, transparent 20%, rgb(255 255 255 / .0105) 40%, rgb(222 255 205 / .0225) 50%, transparent 64%);
  background-size: 230% 100%;
  background-position: var(--shine) 0;
  opacity: 0;
  transition: opacity .45s;
}
[data-depth].depth-active::after { opacity: 1; }
[data-depth="surface"].depth-active {
  --lift: -3px;
  border-color: color-mix(in srgb, var(--line), var(--accent-ink) 30%);
  box-shadow: inset 0 1px var(--edge-light), 0 25px 50px -28px rgb(0 0 0 / .65);
}
[data-depth]:focus-within { border-color: var(--accent-ink); }
.section { padding-block: 108px; }
.section-number {
  min-width: 44px;
  min-height: 30px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  border: 1px solid var(--line);
  border-radius: 7px;
  background: var(--soft-light);
  box-shadow: inset 0 1px var(--edge-light);
  font-size: 11px;
}
.section-heading { margin-bottom: 44px; }
.section-title { font-weight: 750; }
.about-copy { font-size: 16px; line-height: 2.1; }
.about-note { padding: 13px 16px; border-inline-start: 2px solid var(--accent-ink); background: var(--soft-light); border-radius: 8px 0 0 8px; }
.skills-section, .projects-section {
  background: radial-gradient(ellipse at 100% 0, var(--soft-light), transparent 65%), var(--surface);
}
.skills-intro .section-title { font-size:44px; }
.skill-equation {
  border: 1px solid var(--line);
  border-radius: 15px;
  padding: 20px 25px;
  background: var(--bg);
  box-shadow: inset 0 1px var(--edge-light), var(--card-shadow);
  margin-bottom: 28px;
}
.equation-result { border-inline-start: 1px solid var(--line); padding-inline-start: 22px; }
.equation-operator { color: var(--accent-ink); opacity: .65; }
.seo-depth, .ai-multiplier, .first-message, .project-card {
  border-radius: 18px;
  box-shadow: inset 0 1px var(--edge-light), var(--card-shadow);
}
.seo-depth { background: var(--accent-soft) linear-gradient(140deg, var(--accent-soft), var(--bg) 82%); padding: 33px; }
.seo-depth::before {
  content: '';
  position: absolute;
  top: 0;
  inset-inline: 12% 45%;
  height: 1px;
  background: linear-gradient(90deg, transparent, var(--accent-ink), transparent);
  box-shadow: 0 1px 22px 2px rgb(200 250 117 / .12);
}
.t-symbol { font-size: 76px; opacity: .7; font-weight: 750; text-shadow: 0 4px 0 rgb(0 0 0 / .2); }
.depth-list > li { padding-block: 14px; }
.depth-list::before { background: linear-gradient(var(--accent-ink), var(--line)); opacity: .4; }
.depth-step { box-shadow: inset 0 1px var(--edge-light), 0 4px 12px rgb(0 0 0 / .12); transition: background .3s, color .3s, transform .4s var(--easing); }
.depth-list li:hover .depth-step { background: var(--accent); color: var(--on-accent); transform: scale(1.08); }
.depth-list h4 { transition: color .3s; }
.depth-list li:hover h4 { color: var(--accent-ink); }
.ai-multiplier { background: var(--bg) linear-gradient(135deg, var(--soft-light), transparent 65%); }
.ai-title .value-icon { border-radius: 12px; }
.multiply-mark { font-size: 77px; font-weight: 200; opacity: .8; transition: rotate .8s var(--easing); }
.ai-multiplier:hover .multiply-mark { rotate: 90deg; }
.complement-grid > article {
  border-radius: 13px;
  box-shadow: inset 0 1px var(--edge-light), var(--card-shadow);
  padding: 24px;
  transition: border-color .35s, transform .45s var(--easing), box-shadow .4s;
}
.complement-grid > article:hover { transform: translateY(-4px); }
.complement-grid .icon { width: 24px; height: 24px; transition: transform .45s var(--easing); }
.complement-grid > article:hover .icon { transform: translateY(-3px) rotate(-5deg); }
.complement-grid p, .depth-list p { font-size: 14px; }
.manifesto {
  padding: 33px 36px;
  border: 1px solid var(--line);
  border-inline-start: 2px solid var(--accent-ink);
  border-radius: 18px;
  background: linear-gradient(145deg, var(--soft-light), transparent 75%);
  box-shadow: inset 0 1px var(--edge-light);
}
.manifesto h2 { font-size: 43px; line-height: 1.7; }
.quote-mark { color: var(--accent-ink); opacity: .85; }
.value-icon { box-shadow: inset 0 1px var(--edge-light), 0 5px 10px -5px rgb(0 0 0 / .35); transition: transform .4s var(--easing), border-color .3s; }
.value:hover .value-icon { transform: perspective(400px) rotateY(-12deg) rotateZ(-4deg); border-color: var(--accent-ink); }
.toolbox { padding-block: 28px; }
.tool-list > li { transition: color .25s, transform .35s var(--easing); }
.tool-list > li:hover { color: var(--ink); transform: translateY(-2px); }
.collaboration-section { background: var(--bg); }
.partner-grid { gap: 16px; }
.partner-card {
  padding: 26px 22px;
  border: 1px solid var(--line);
  border-radius: 15px;
  background: var(--surface) linear-gradient(135deg, var(--soft-light), transparent 75%);
  box-shadow: inset 0 1px var(--edge-light), var(--card-shadow);
  transition: transform .5s var(--easing), border-color .3s;
}
.partner-card:hover { transform: translateY(-5px); border-color: color-mix(in srgb, var(--line), var(--accent-ink) 35%); }
.partner-top .mono { font-size: 17px; font-weight: 300; opacity: .65; }
.partner-card h3 { font-size: 17px; }
.partner-card p { font-size: 14px; }
.collaboration-details { margin-top: 28px; }
.first-message { background: var(--surface); }
.question-number { box-shadow: inset 0 1px var(--edge-light); }
.message-questions p, .collaboration-boundaries p { font-size: 14px; }
.collaboration-boundaries { border-radius: 15px; background: var(--soft-light); border: 1px solid var(--line); }
.project-display { border-radius: 12px; box-shadow: inset 0 1px rgb(255 255 255 / .16), 0 14px 26px -20px rgb(0 0 0 / .5); }
.tarkyar-display { background: #c7e59f linear-gradient(145deg, #e2f2c4, #b5d588); }
.project-word, .digodam-word { transition: transform .65s var(--easing); }
.project-card:hover .project-word, .project-card:hover .digodam-word { transform: translateY(-4px) scale(1.025); }
.digodam-display { background: #243026 linear-gradient(140deg, #354434, #1b251e); }
.project-lines { opacity: .6; }
.project-link .icon { width: 27px; height: 27px; padding: 5px; }
.project-link:hover .icon { background: var(--accent); color: var(--on-accent); }
.contact-section {
  margin-top: 64px;
  border-radius: 22px;
  background: #293d21 linear-gradient(125deg, #2f4422, #1a2b1c);
  box-shadow: inset 0 1px rgb(215 252 179 / .18), 0 32px 70px -38px rgb(0 0 0 / .6);
}
.contact-section::before {
  content: '';
  position: absolute;
  inset: 0;
  pointer-events: none;
  border-radius: inherit;
  background: radial-gradient(ellipse at 100% 0, rgb(197 237 142 / .07), transparent 60%);
}
.contact-button { box-shadow: inset 0 1px rgb(255 255 255 / .35), 0 3px 0 #719344, 0 12px 24px -14px rgb(0 0 0 / .45); }
.social-icon { box-shadow: inset 0 1px rgb(221 255 195 / .1); transition: background .3s, transform .4s var(--easing); }
.social-row:hover .social-icon { background: rgb(207 249 164 / .08); transform: rotate(-5deg); }
.site-footer { padding-bottom: 35px; }

@media (min-width: 1600px) {
  .hero-title { font-size: 85px; }
  .hero { padding-top: 72px; }
}
@media (max-width: 1100px) {
  .header-inner { padding-inline: 18px; gap: 16px; }
  .site-nav { gap: 8px; font-size: 13px; }
  .header-contact { padding-inline: 12px; }
  .hero { column-gap: 65px; }
  .hero-title { font-size: 65px; }
  .portrait-heading { padding-inline: 5px; }
  .portrait-label { width: 84%; padding: 14px 16px; left: -19px; }
  .portrait-name { font-size:30px; }
  .skill-equation { padding: 20px; gap: 10px; }
  .equation-result { padding-inline-start: 15px; }
  .seo-depth { padding: 26px; }
  .complement-grid > article { padding: 20px; }
  .manifesto { padding: 28px; }
  .manifesto h2 { font-size: 37px; }
  .partner-card { padding: 23px 19px; }
  .partner-card h3 { font-size: 16px; }
}
@media (max-width: 900px) {
  .header-inner { padding-inline: 16px; }
  .site-nav { gap: 3px; font-size: 12px; }
  .hero { gap: 38px; }
  .hero-title { font-size: 53px; }
  .hero-description { font-size: 15px; }
  .hero-visual { padding-top: 49px; }
  .portrait-stage { margin-inline: 12px; }
  .portrait-label { left: -15px; width: 94%; }
  .portrait-label > span { font-size: 12px; }
  .portrait-label small { font-size: 7px; letter-spacing: 1px; }
  .portrait-name { font-size:26px; }
  .portrait-frame figcaption { font-size: 9px; }
  .section { padding-block: 83px; }
  .skills-intro .section-title { font-size:34px; }
  .equation-result { border-inline-start: 0; padding-inline-start: 0; }
  .seo-depth { padding: 22px; }
  .complement-grid > article { padding: 18px; }
  .complement-grid p, .depth-list p { font-size: 13px; }
  .manifesto { padding: 25px; }
  .manifesto h2 { font-size: 32px; }
  .partner-card h3 { font-size: 18px; }
  .partner-grid { gap: 16px; }
  .message-questions p, .collaboration-boundaries p { font-size: 13px; }
}
@media (max-width: 700px) {
  html { scroll-padding-top: 102px; }
  .site-header { padding-block: 10px 8px; }
  .header-inner { width: calc(100% - 24px); min-height: 66px; padding-inline: 13px; border-radius: 15px; gap: 10px; }
  .brand { gap: 10px; }
  .header-actions { gap: 8px; }
  .brand-mark { width: 35px; height: 35px; font-size: 26px; padding-top: 4px; }
  .site-nav { font-size: 13px; gap: 3px 9px; padding-bottom: 12px; }
  .site-nav > a { padding-inline: 4px; }
  .reading-progress { width: calc(100% - 50px); bottom: 8px; }
  .hero { padding-top: 39px; gap: 34px; }
  .hero::before { inset: 0; }
  .hero::after { inset: 34% 0 4%; }
  .hero h1 { font-size: 21px; margin-top: 18px; margin-bottom: 16px; }
  .hero-title { font-size: clamp(48px, 11.9vw, 70px); line-height: 1.42; }
  .hero-line.highlight { padding-bottom: 12px; }
  .hero-description { margin-top: 22px; font-size: 15px; }
  .hero-actions { margin-top: 26px; }
  .hero-meta { margin-top: 24px; }
  .hero-visual { padding-top: 15px; max-width: 425px; }
  .portrait-heading { padding-inline: 18px; margin-bottom: 30px; }
  .portrait-stage { margin-inline: 22px; margin-bottom: 77px; }
  .sheet-back { transform: translate(12px, -9px) rotate(4deg) scale(.97); }
  .sheet-middle { transform: translate(-9px, 8px) rotate(-2deg); }
  .portrait-frame { --base-y: 0deg; --base-z: 1deg; aspect-ratio: 1 / 1.15; padding: 6px; border-radius: 17px; }
  .portrait-frame > img { border-radius: 11px; }
  .portrait-overlay { inset: 6px; padding: 22px; }
  .portrait-coordinate { left:22px; bottom:22px; }
  .portrait-name { font-size:clamp(26px,7.5vw,31px); right:12px; bottom:17%; }
  .portrait-label { width: 91%; left: -15px; padding: 15px; bottom: -27px; }
  .portrait-label > span { font-size: 14px; }
  .portrait-label small { font-size: 8px; }
  .portrait-frame figcaption { font-size: 9px; bottom: -61px; }
  .visual-footer { padding-inline: 22px; }
  .hero-bottom { margin-top: 3px; }
  .strip-inner { font-size: 13px; min-height: 95px; }
  .section { padding-block: 64px; }
  .section-heading { margin-bottom: 30px; }
  .section-number { min-width: 38px; min-height: 27px; font-size: 10px; }
  .about-copy { font-size: 15px; }
  .about-note { padding: 11px 13px; align-items: flex-start !important; }
  .about-note .icon { margin-top: 4px; }
  .skills-intro .section-title { font-size:32px; }
  .skill-equation { padding: 20px 17px; border-radius: 13px; }
  .equation-term strong { font-size: 13px; }
  .seo-depth { padding: 25px; }
  .t-symbol { font-size: 66px; }
  .depth-list > li { padding-block: 13px; }
  .complement-grid > article { padding: 21px 17px; }
  .multiply-mark { font-size: 60px; }
  .manifesto { padding: 29px 25px; }
  .manifesto h2 { font-size: 35px; line-height: 1.75; }
  .mindset-grid { gap: 35px; }
  .value { padding-block: 23px; }
  .toolbox { padding-block: 24px; }
  .partner-grid { gap: 12px; }
  .partner-card { padding: 21px 17px; border-radius: 12px; }
  .partner-card h3 { font-size: 16px; }
  .partner-card p { font-size: 13px; }
  .partner-top .mono { font-size: 13px; }
  .first-message, .collaboration-boundaries { border-radius: 15px; padding: 24px; }
  .boundary-heading h3 { font-size: 19px; }
  .collaboration-details { gap: 18px; }
  .contact-section { margin-top: 42px; border-radius: 17px; }
  [data-depth="surface"] { transform: none; }
}
@media (max-width: 370px) {
  .header-inner { padding-inline: 11px; }
  .hero-title { font-size: 46px; }
  .hero-actions { gap: 9px; }
  .hero-actions .button { font-size: 12px; padding-inline: 12px; }
  .portrait-heading { padding-inline: 6px; }
  .portrait-stage { margin-inline: 15px; }
  .portrait-label { width: 98%; left: -11px; padding: 12px; gap: 10px; }
  .portrait-label > span { font-size: 12px; }
  .portrait-frame figcaption { font-size: 8px; }
  .equation-term strong { font-size: 11px; }
  .equation-label { font-size: 9px; }
  .skill-equation { padding-inline: 13px; }
  .seo-depth { padding: 21px; }
  .manifesto { padding: 25px 21px; }
  .manifesto h2 { font-size: 32px; }
  .partner-card h3 { font-size: 18px; }
  .partner-card p { font-size: 14px; }
  .first-message, .collaboration-boundaries { padding: 21px; }
  .boundary-heading h3 { font-size: 17px; }
}

@media (hover: none), (pointer: coarse) {
  .complement-grid > article:hover, .complement-grid > article:hover .icon,
  .partner-card:hover, .value:hover .value-icon, .tool-list > li:hover,
  .project-card:hover .project-word, .project-card:hover .digodam-word,
  .depth-list li:hover .depth-step { transform: none; }
  .ai-multiplier:hover .multiply-mark { rotate: none; }
}

@media (prefers-reduced-motion: reduce) {
  [data-depth] { transform: none !important; }
  [data-depth]::after { display: none; }
  .brand:hover .brand-mark, .button:active, .button:hover .icon,
  .complement-grid > article:hover, .complement-grid > article:hover .icon,
  .partner-card:hover, .value:hover .value-icon, .tool-list > li:hover,
  .project-card:hover .project-word, .project-card:hover .digodam-word,
  .social-row:hover .social-icon, .depth-list li:hover .depth-step { transform: none; }
  .ai-multiplier:hover .multiply-mark { rotate: none; }
}

/* Editorial thought card, tactile boundaries and a single-slide project gallery. */
.manifesto { position:relative; isolation:isolate; overflow:hidden; border-inline-start-width:1px; background:radial-gradient(ellipse at 0 15%,var(--accent-soft),transparent 60%),var(--bg); }
.manifesto::after { content:''; position:absolute; inset:12px; border:1px solid var(--line); border-radius:10px; pointer-events:none; opacity:.45; z-index:-1; }
.manifesto-kicker { display:flex; align-items:center; gap:9px; font-size:11px; color:var(--muted); margin-bottom:32px; }
.manifesto-kicker .icon { width:16px; color:var(--accent-ink); }
.manifesto .quote-mark { position:absolute; left:30px; top:25px; font-size:110px; opacity:.16; }
.manifesto h2 { position:relative; font-weight:650; line-height:1.65; }
.manifesto h2 span { display:inline-block; position:relative; }
.manifesto h2 span::after { content:''; position:absolute; bottom:5px; right:0; width:100%; height:7px; background:var(--accent-ink); opacity:.13; transform:skewX(-20deg); }
.thought-orbit { position:absolute; width:260px; height:260px; left:-150px; top:130px; border:1px solid var(--line); border-radius:50%; z-index:-1; transition:transform 1.4s var(--easing); }
.thought-orbit::before,.thought-orbit::after { content:''; position:absolute; inset:26px; border:1px solid var(--line); border-radius:50%; }
.thought-orbit::after { inset:55px; }
.thought-orbit i { position:absolute; right:28px; top:37px; width:8px; height:8px; border-radius:50%; background:var(--accent-ink); box-shadow:0 0 25px var(--accent-ink); }
.thought-orbit b { position:absolute; right:50px; bottom:27px; color:var(--accent-ink); font-weight:300; }
.manifesto:hover .thought-orbit { transform:rotate(28deg); }
.collaboration-boundaries li { position:relative; padding:18px 12px; border-radius:10px; transition:background .35s,translate .35s; }
.collaboration-boundaries li:hover { background:var(--soft-light); translate:-3px 0; }
.collaboration-boundaries h4 { display:flex; align-items:center; gap:12px; }
.boundary-icon { width:34px; height:34px; flex-shrink:0; display:grid; place-items:center; border:1px solid var(--line); border-radius:10px; background:var(--bg); color:var(--muted); transition:transform .45s var(--easing),color .3s,border-color .3s; }
.boundary-icon .icon { width:17px; height:17px; }
.collaboration-boundaries li:hover .boundary-icon { transform:rotate(-7deg) translateY(-2px); color:var(--accent-ink); border-color:var(--accent-ink); }
.collaboration-boundaries li p { padding-inline-start:46px; }
.project-grid { display:flex; gap:24px; overflow-x:auto; scroll-snap-type:x mandatory; scrollbar-width:thin; scrollbar-color:var(--line) transparent; padding:4px 2px 18px; overscroll-behavior-x:contain; }
.project-grid .project-card { flex:0 0 100%; min-width:0; scroll-snap-align:start; scroll-snap-stop:normal; display:grid; grid-template-columns:1fr 1fr; grid-template-rows:auto 1fr; padding:0; transform:none; }
.project-grid .project-top { grid-column:1/-1; padding:22px 28px 0; margin:0; }
.project-grid .project-display { height:280px; margin:22px 24px 26px 0; }
.project-grid .project-content { align-self:center; padding:28px; }
.project-grid .project-title-row { display:block; }
.project-grid .project-title-row h3 { font-size:28px; margin-bottom:8px; }
.project-grid .project-content p { min-height:90px; }
.project-controls { display:flex; align-items:center; justify-content:space-between; gap:20px; margin-top:16px; }
.project-controls[hidden] { display:none; }
.project-arrows { display:flex; gap:8px; }
.project-arrows button { width:46px; height:46px; border:1px solid var(--line); background:var(--bg); color:var(--ink); border-radius:50%; font-size:23px; cursor:pointer; transition:background .25s,color .25s; }
.project-arrows button:hover:not(:disabled) { background:var(--accent); color:var(--on-accent); }
.project-arrows button:disabled { opacity:.3; cursor:default; }
.project-dots { display:flex; gap:2px; flex-wrap:wrap; justify-content:center; }
.project-dots button { width:28px; height:44px; border:0; padding:0; background:transparent; cursor:pointer; position:relative; }
.project-dots button::after { content:''; display:block; height:4px; width:8px; border-radius:4px; margin:auto; background:var(--muted); opacity:.35; transition:width .3s,opacity .3s; }
.project-dots button[aria-current="true"]::after { width:24px; background:var(--accent-ink); opacity:1; }
.project-counter { font:13px monospace; color:var(--muted); white-space:nowrap; }
.yazi-display { background:linear-gradient(130deg,#182b27,#101916); color:#d1ecbd; align-items:flex-start; padding:30px; }
.terminal-path { font:12px monospace; color:#93bba7; }
.terminal-word { font:600 70px monospace; letter-spacing:-5px; }
.terminal-word span { color:#b6db80; }
.terminal-caption { font-size:12px; opacity:.7; }
.ramz-display { background:radial-gradient(ellipse at 50% 0,#45543a,#1d2b24 75%); color:#e0edce; }
.ramz-symbol { font-size:70px; line-height:1; color:#aec888; }
.ramz-word { font-size:34px; font-weight:700; margin-block:9px; }
.contact-section { isolation:isolate; overflow:hidden; }
.contact-atmosphere { position:absolute; inset:0; overflow:hidden; pointer-events:none; z-index:-1; border-radius:inherit; }
.contact-atmosphere i { position:absolute; inset:-60% -50%; background:radial-gradient(ellipse at 20% 60%,#b4d37b30,transparent 30%),radial-gradient(ellipse at 65% 35%,#b2d29822,transparent 28%),radial-gradient(ellipse at 90% 75%,#070f0c50,transparent 35%); filter:blur(28px); animation:atmosphere-drift 24s linear infinite; }
.contact-atmosphere i+i { animation-delay:-12s; opacity:.6; }
@keyframes atmosphere-drift { 0% { transform:translateX(-16%) scale(1); opacity:0; } 15%,80% { opacity:.85; } 100% { transform:translateX(18%) scale(1.13); opacity:0; } }
@media(max-width:700px) { .project-grid { gap:16px; } .project-grid .project-card { display:flex; flex-direction:column; } .project-grid .project-top { padding:20px 20px 0; } .project-grid .project-display { height:210px; margin:18px 18px 0; flex-shrink:0; } .project-grid .project-content { padding:22px; flex:1; display:flex; flex-direction:column; width:100%; } .project-grid .project-title-row h3 { font-size:23px; } .project-grid .project-content p { min-height:0; flex:1; } .project-controls { gap:8px; } .project-dots button { width:22px; } .project-dots button[aria-current="true"]::after { width:18px; } .project-counter { font-size:11px; } .project-arrows button { width:44px; height:44px; } .collaboration-boundaries li { padding-inline:0; } }
@media(prefers-reduced-motion:reduce) { .contact-atmosphere i { animation:none; opacity:.6; } .manifesto:hover .thought-orbit,.collaboration-boundaries li:hover .boundary-icon { transform:none; } .collaboration-boundaries li:hover { translate:none; } }

.project-counter { direction:ltr; }

/* Softer reflections; a compact T profile and a restrained perimeter current. */
.seo-depth[data-depth]::after, .first-message[data-depth]::after { transition:opacity .45s; }
.seo-depth[data-depth].depth-active::after, .first-message[data-depth].depth-active::after { opacity:.7; }
.seo-title { margin-top:20px; gap:10px; }
.seo-title h3 { font-size:clamp(19px,1.8vw,25px); font-weight:750; line-height:1.7; }
.seo-title > .icon { width:22px; height:22px; flex-shrink:0; }
.seo-depth .depth-lead { font-size:14px; line-height:1.9; margin-top:10px; }
.t-skill-map { position:relative; margin-top:18px; padding-inline:10px; text-align:center; }
.t-breadth { display:flex; justify-content:space-between; gap:8px; padding-bottom:7px; border-bottom:3px solid color-mix(in srgb,var(--accent-ink),transparent 55%); font-size:10px; color:var(--muted); }
.t-breadth span:nth-child(2) { color:var(--ink); }
.t-stem { display:block; width:3px; height:25px; margin:auto; background:linear-gradient(color-mix(in srgb,var(--accent-ink),transparent 55%),var(--accent-ink)); }
.t-depth { display:inline-block; color:var(--accent-ink); font-size:11px; padding:1px 10px; border:1px solid var(--line); border-radius:5px; background:var(--bg); }
.t-explanation { margin-top:8px; color:var(--muted); font-size:11px; line-height:1.9; text-align:center; }
.seo-depth .depth-list { margin-top:18px; }
.seo-depth .depth-list > li { padding-block:10px; }
.skill-equation { position:relative; isolation:isolate; grid-template-columns:minmax(0,3fr) 24px minmax(210px,1.2fr); gap:20px; }
.equation-inputs { display:grid; grid-template-columns:minmax(0,1fr) 24px minmax(0,1fr) 24px minmax(0,1fr); gap:18px; align-items:stretch; }
.equation-inputs .equation-term { align-items:center; text-align:center; justify-content:space-between; gap:7px; }
.equation-inputs > .equation-operator { display:block; align-self:end; margin-bottom:2px; }
@media(max-width:1100px) { .skill-equation { grid-template-columns:minmax(0,3fr) 20px minmax(180px,1.1fr); gap:12px; } .equation-inputs { gap:10px; grid-template-columns:minmax(0,1fr) 18px minmax(0,1fr) 18px minmax(0,1fr); } }
@media(max-width:900px) { .skill-equation { grid-template-columns:24px 1fr; row-gap:18px; } .equation-inputs { grid-column:1/-1; } .skill-equation > .equation-operator { display:block !important; grid-column:1; grid-row:2; } .skill-equation .equation-result { grid-column:2; grid-row:2; padding:0; border:0; justify-content:center; } .seo-title h3 { font-size:20px; } .seo-depth .depth-lead { font-size:13px; } .t-skill-map { padding-inline:0; } }
@media(max-width:700px) { .equation-inputs { gap:8px; grid-template-columns:minmax(0,1fr) 14px minmax(0,1fr) 14px minmax(0,1fr); } .equation-inputs > .equation-operator { display:block; font-size:20px; } .equation-inputs .equation-label { font-size:9px; } .equation-inputs .equation-term strong { font-size:12px; white-space:nowrap; } .seo-title h3 { font-size:23px; } .seo-depth .depth-lead { font-size:14px; } }
@media(max-width:370px) { .equation-inputs { gap:5px; grid-template-columns:minmax(0,1fr) 12px minmax(0,1fr) 12px minmax(0,1fr); } .equation-inputs .equation-term strong { font-size:10px; } .seo-title h3 { font-size:20px; } }


/* Small particles accelerate 1x -> 2x -> 4x at the two multiplication gates. */
.equation-inputs { position:relative; padding-bottom:24px; grid-template-columns:minmax(0,1fr) 36px minmax(0,1fr) 36px minmax(0,1fr); }
.skill-equation { grid-template-columns:minmax(0,3fr) 36px minmax(210px,1.2fr); }
.skill-equation .equation-operator { display:grid; place-items:center; align-self:center; margin:0; font:500 38px/1 monospace; color:var(--accent-ink); opacity:.85; }
.equation-inputs > .equation-operator { min-height:44px; }
.skill-equation > .equation-operator { padding-bottom:0; }
.equation-flow { position:absolute; bottom:0; left:0; right:0; height:12px; pointer-events:none; overflow:hidden; direction:ltr; }
.equation-flow::before { content:''; position:absolute; top:5px; left:0; right:0; height:1px; background:linear-gradient(90deg,transparent,var(--accent-ink),transparent); opacity:.09; }
.equation-flow i { position:absolute; left:0; top:4px; width:4px; height:4px; border-radius:50%; background:var(--accent-ink); opacity:0; box-shadow:0 0 5px color-mix(in srgb,var(--accent-ink),transparent 85%); }
.flow-gate { position:absolute; top:2px; width:1px; height:8px; background:var(--accent-ink); opacity:.25; }
@media(max-width:1100px) { .skill-equation { grid-template-columns:minmax(0,3fr) 32px minmax(180px,1.1fr); } .equation-inputs { grid-template-columns:minmax(0,1fr) 32px minmax(0,1fr) 32px minmax(0,1fr); gap:10px; } }
@media(max-width:900px) { .skill-equation { grid-template-columns:36px 1fr; } }
@media(max-width:700px) { .equation-inputs { grid-template-columns:minmax(0,1fr) 24px minmax(0,1fr) 24px minmax(0,1fr); gap:7px; } .skill-equation .equation-operator { font-size:30px; } }
@media(max-width:370px) { .equation-inputs { gap:4px; grid-template-columns:minmax(0,1fr) 22px minmax(0,1fr) 22px minmax(0,1fr); } .equation-inputs .equation-term strong { font-size:10px; } .skill-equation .equation-operator { font-size:28px; } }
@media(prefers-reduced-motion:reduce) { .equation-flow { visibility:hidden; } }
.equation-inputs > .equation-operator { align-self:end; height:1em; min-height:0; translate:0 2px; }
@media(max-width:700px) { .equation-inputs > .equation-operator { translate:0 4px; } }

.social-detail > .social-soon { font-family:inherit; font-size:12px; }
.social-pending:hover .social-icon { transform:none; background:transparent; }
.contact-links .social-detail { min-width:0; }
.contact-links .social-detail > span { overflow-wrap:anywhere; }
.toolbox > div { flex-shrink:0; }

/* Real brand assets, responsive device previews and an accessible team rail. */
.project-grid .project-featured { grid-template-columns:1.12fr 1fr; }
.project-grid .project-featured .project-content { padding:26px 32px 30px; }
.project-grid .project-featured .project-content > p { min-height:0; font-size:14px; }
.project-showcase { position:relative; isolation:isolate; min-width:0; height:420px; align-self:center; margin:24px 26px 28px 0; border-radius:14px; overflow:hidden; perspective:1100px; }
.showcase-digodam { background:radial-gradient(ellipse at 80% 15%,#79433b55,transparent 70%),#251e1a; --preview-line:#caa28b38; }
.showcase-tarkyar { background:radial-gradient(ellipse at 80% 15%,#4d968855,transparent 70%),#142c28; --preview-line:#88c6b738; }
.project-showcase::before { content:''; position:absolute; width:350px; height:350px; border:1px solid var(--preview-line); border-radius:50%; left:-110px; bottom:-180px; box-shadow:0 0 0 35px #ffffff02,0 0 0 70px #ffffff02; }
.showcase-label { position:absolute; top:23px; left:24px; right:24px; display:flex; justify-content:space-between; gap:10px; color:#e6ddd2; font:11px monospace; letter-spacing:1.5px; }
.showcase-label span { color:#b4b8ad; font-size:8px; }
.preview-desktop { position:absolute; width:85%; top:83px; right:5%; border:1px solid #ffffff2b; border-radius:9px; overflow:hidden; background:#f6f3ed; box-shadow:0 24px 36px -15px #0008; transform:rotateY(-7deg) rotateZ(1deg); transition:transform .65s var(--easing); }
.preview-toolbar { height:22px; display:flex; gap:4px; direction:ltr; align-items:center; padding-inline:9px; background:#eeeae3; color:#716e65; }
.preview-toolbar i { width:4px; height:4px; background:#c1b6a9; border-radius:50%; }
.preview-toolbar span { margin:auto; padding-right:20px; font:8px monospace; }
.preview-desktop img,.preview-mobile img { display:block; width:100%; height:auto; }
.preview-mobile { position:absolute; width:27%; left:6%; top:140px; border:5px solid #202322; border-radius:20px; box-shadow:0 22px 35px -12px #000a,0 0 0 1px #ffffff26; overflow:hidden; background:#faf7f0; transform:rotate(-5deg); transition:transform .65s var(--easing); }
.phone-speaker { position:absolute; width:28%; height:7px; border-radius:0 0 5px 5px; top:0; left:36%; background:#202322; z-index:1; }
.showcase-note { position:absolute; right:25px; bottom:24px; color:#d6d9ce; font-size:10px; }
@media(hover:hover) and (prefers-reduced-motion:no-preference) { .project-featured:hover .preview-desktop { transform:rotateY(0) rotateZ(0) translateY(-3px); } .project-featured:hover .preview-mobile { transform:rotate(-2deg) translateY(-7px); } }
.project-team { border-top:1px solid var(--line); padding-top:18px; margin-top:20px; }
.team-heading { display:flex; align-items:center; justify-content:space-between; color:var(--muted); font-size:11px; margin-bottom:15px; }
.team-heading .icon { width:16px; height:16px; }
.team-people { display:flex; gap:6px; }
.team-person { flex:1; min-width:0; display:flex; align-items:center; flex-direction:column; gap:8px; border:0; background:transparent; color:var(--muted); padding:4px 2px; cursor:pointer; border-radius:7px; font:inherit; font-size:10px; line-height:1.7; }
.team-person img { border-radius:50%; object-fit:cover; outline:1px solid var(--line); outline-offset:3px; transition:transform .3s,outline-color .3s; }
.team-person[aria-pressed=true] { color:var(--ink); }
.team-person[aria-pressed=true] img { outline-color:var(--accent-ink); transform:translateY(-2px); }
.team-role { display:flex; align-items:center; gap:8px; min-height:48px; margin-top:12px; padding:9px 12px; background:var(--accent-soft); border:1px solid var(--line); border-radius:8px; font-size:11px; color:var(--ink); line-height:1.9; }
.team-role-dot { width:5px; height:5px; border-radius:50%; background:var(--accent-ink); flex-shrink:0; }
.project-featured .project-bottom { margin-top:18px; }
/* A quieter contact destination with a clear primary route. */
.contact-section { grid-template-columns:1.08fr 1fr; gap:65px; padding:58px; background:linear-gradient(120deg,#1d3327,#14231b 72%); border-color:#3a513b; }
.contact-orbits { position:absolute; width:440px; height:440px; inset-inline-start:25%; top:-230px; pointer-events:none; z-index:-1; }
.contact-orbits i { position:absolute; inset:0; border:1px solid #c2e69d0e; border-radius:50%; }
.contact-orbits i:nth-child(2) { inset:40px; }
.contact-orbits i:nth-child(3) { inset:80px; }
.contact-text { align-self:center; }
.contact-eyebrow { display:flex; align-items:center; gap:12px; color:#c2d4b6; font-size:12px; margin-bottom:24px; }
.contact-spark { font-size:29px; line-height:1; color:#c1e393; }
.contact-text h2 { font-size:clamp(28px,3.1vw,43px); line-height:1.7; letter-spacing:normal; }
.contact-text h2 span { color:#bfdc96; }
.contact-text > p { margin-top:18px; color:#b9c7b3; font-size:14px; line-height:2.1; }
.contact-button { gap:30px; margin-top:27px; padding:15px 23px; border-radius:11px; background:#b8d98b; border-color:#b8d98b; box-shadow:0 10px 25px -15px #000b; color:#182919; }
.contact-button .icon { width:23px; height:23px; }
.contact-route { display:block; margin-top:14px; color:#a7b99e; font-size:11px; }
.contact-links { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; min-width:0; }
.contact-links-heading { grid-column:1/-1; display:flex; align-items:center; justify-content:space-between; gap:12px; padding-bottom:6px; color:#bccdb1; font-size:11px; }
.contact-links-heading .mono { font-size:8px; letter-spacing:1.3px; color:#97ae91; }
.contact-links .social-row { position:relative; display:flex; flex-wrap:wrap; align-content:flex-start; gap:15px 10px; padding:18px; min-height:164px; border:1px solid #bad89c25; border-radius:14px; background:#0e1e1470; transition:background .3s,border-color .3s,translate .3s; }
.contact-links a.social-row:hover { padding:18px; background:#273f2b99; border-color:#b6d69366; translate:0 -3px; }
.contact-links .social-icon { width:39px; height:39px; border-radius:12px; border-color:#bad89c30; color:#c4dfaa; background:#bfd99a08; }
.contact-links .social-detail { flex-basis:100%; font-size:14px; color:#ecf3e4; }
.contact-links .social-detail > span { font-size:11px; color:#afc3a3; margin-top:3px; }
.contact-links .social-action { position:absolute; left:17px; top:27px; font-size:10px; color:#aec49f; display:flex; gap:5px; }
.contact-links .social-action > span { font:16px Arial; }
.contact-links .social-email { grid-column:1/-1; min-height:90px; align-items:center; align-content:center; flex-wrap:nowrap; }
.contact-links .social-email .social-detail { flex-basis:auto; }
.contact-links .social-email .social-action { position:static; }
.contact-links .social-pending { grid-column:1/-1; min-height:64px; flex-wrap:nowrap; align-items:center; padding:12px 18px; background:transparent; border-style:dashed; }
.contact-links .social-pending .social-icon { width:32px; height:32px; border:none; background:transparent; color:#9aaf92; box-shadow:none; }
.contact-links .social-pending .social-detail { flex-basis:auto; display:flex; align-items:center; gap:10px; color:#b9c9af; font-size:12px; }
.contact-links .social-pending .social-soon { font:10px inherit; margin:0; color:#9daf92; }
.coming-label { margin-inline-start:auto; font-size:10px; color:#9caf95; white-space:nowrap; }
@media(max-width:1100px) { .contact-section { padding:38px; gap:34px; } .project-grid .project-featured .project-content { padding:24px; } .project-showcase { height:360px; } .preview-desktop { top:80px; } .preview-mobile { top:135px; } .showcase-label span { display:none; } }
@media(min-width:701px) and (max-width:900px) { .contact-section { grid-template-columns:1fr; } .contact-text > p { max-width:none; } .contact-links { grid-template-columns:1fr 1fr; } .project-grid .project-featured { grid-template-columns:1fr; } .project-showcase { width:calc(100% - 48px); max-width:580px; margin:24px auto 0; height:400px; } }
@media(max-width:700px) { .project-showcase { height:300px; width:calc(100% - 36px); margin:18px; flex-shrink:0; } .preview-desktop { top:63px; right:5%; } .preview-mobile { width:29%; top:110px; left:5%; border-width:4px; border-radius:15px; } .showcase-label { top:20px; left:18px; right:18px; font-size:10px; } .showcase-note { right:20px; bottom:19px; } .project-grid .project-featured .project-content { padding:8px 22px 24px; } .team-person { font-size:10px; } .contact-section { padding:30px 23px; gap:35px; border-radius:20px; } .contact-text h2 { font-size:clamp(26px,7.5vw,37px); } .contact-text > p { font-size:13px; } .contact-eyebrow { margin-bottom:19px; font-size:11px; } .contact-links { gap:10px; } .contact-links .social-row { padding:14px; } .contact-links a.social-row:hover { padding:14px; } .contact-links .social-action { top:24px; left:12px; font-size:9px; } .contact-links .social-detail { font-size:13px; } .contact-links .social-detail > span { font-size:10px; } .contact-links .social-email .social-action { font-size:0; } .contact-links .social-email .social-detail > span { font-size:12px; } .contact-links-heading { font-size:10px; } .contact-links-heading .mono { font-size:7px; } .contact-links .social-pending { padding:12px; } .contact-links .social-pending .social-detail { font-size:11px; gap:7px; } .coming-label { font-size:9px; } }
@media(max-width:370px) { .project-showcase { height:250px; } .preview-mobile { top:93px; } .team-person img { width:38px; height:38px; } .team-people { gap:3px; } .team-person { font-size:9px; } .contact-section { padding:27px 18px; } .contact-links .social-action { font-size:0; } }
@media(prefers-reduced-motion:reduce) { .team-person img,.preview-mobile,.preview-desktop { transition:none; } .contact-links a.social-row:hover { translate:none; } }
.preview-desktop img { aspect-ratio:1.7; object-fit:cover; object-position:top; }
.preview-mobile { width:27%; max-width:132px; top:auto; bottom:26px; }
@media(max-width:700px) { .contact-section { grid-template-columns:1fr; } .preview-mobile { width:29%; max-width:116px; top:auto; bottom:18px; } }
.preview-desktop { width:80%; top:65px; right:6%; }
.showcase-note { bottom:13px; font-size:9px; }
@media(max-width:700px) { .preview-desktop { width:85%; top:63px; right:5%; } .showcase-note { bottom:13px; } }

/* The selected NN mark and an optically aligned bilingual wordmark. */
.brand .brand-mark { padding:0; border:0; align-items:center; overflow:hidden; }
.brand-mark > img { display:block; width:100%; height:100%; }
.brand-name { display:inline-grid; grid-template-columns:max-content; gap:4px; }
.brand-name > .brand-name-fa { display:block; color:var(--ink); font-size:16px; font-weight:650; line-height:1.5; letter-spacing:0; }
.brand-name > .brand-name-en { display:block; width:0; min-width:100%; color:var(--muted); font-size:9px; font-weight:400; line-height:1; letter-spacing:0; }
.brand-letters { display:flex; align-items:center; justify-content:space-between; }
.brand-word-gap { width:4px; }
.tool-list { direction:ltr; justify-content:flex-start; }
.tool-list > li { direction:ltr; white-space:nowrap; }
.tool-brand-icon { display:block; object-fit:contain; flex-shrink:0; }
.brand-monochrome { filter:invert(1); }
[data-theme="light"] .brand-monochrome { filter:none; }
[data-theme="light"] .tool-obsidian { filter:invert(1); }
@media(max-width:700px) {
  .brand-name > .brand-name-fa { font-size:14px; }
  .brand-name > .brand-name-en { font-size:8px; }
  .footer-top > p { display:block; order:3; flex-basis:100%; margin:4px 0 0; font-size:12px; }
}