:root{--background:#080a0e;--surface:#11151c;--raised:#181e28;--text:#f3f5f7;--muted:#a5afbe;--accent:#93c5fd;--accent-soft:#93c5fd1a;--border:#ffffff1a;--max-width:1200px;--gutter:48px;--radius:20px;--font:"Vazirmatn", sans-serif;color-scheme:dark}@font-face{font-family:Vazirmatn;src:url(/_astro/Vazirmatn-Variable.BeciDpKm.woff2)format("woff2");font-weight:100 900;font-display:swap}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{background:var(--background);color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased;margin:0;font-size:16px;line-height:1.9}::selection{background:var(--accent);color:var(--background)}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button,a,summary{-webkit-tap-highlight-color:transparent}button{border:0}button:disabled{cursor:default}a,button,summary{touch-action:manipulation}:focus-visible{outline:2px solid var(--accent);outline-offset:6px}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:550;line-height:1.45}h2{letter-spacing:-.035em;font-size:clamp(1.85rem,3.15vw,2.65rem)}h2 span{white-space:pre-line}ul{margin:0;padding:0;list-style:none}img{max-width:100%;display:block}.container{width:min(calc(100% - var(--gutter) * 2), var(--max-width));margin-inline:auto}.section{border-top:1px solid var(--border);padding-block:100px;scroll-margin-top:0}.icon{vertical-align:middle;flex-shrink:0}.mono,.micro{font-family:var(--font);letter-spacing:.15em;font-size:10px;font-weight:450}.micro{color:var(--muted)}.eyebrow{letter-spacing:.025em;color:var(--muted);font-size:12px}.section-heading{align-items:center;gap:20px;margin-bottom:32px;display:flex}.section-number{color:var(--accent);letter-spacing:.1em;font-family:monospace;font-size:12px}.section-title-row{justify-content:space-between;align-items:end;gap:40px;margin-bottom:40px;display:flex}.section-title-row>p{color:var(--muted);max-width:310px;font-size:14px}.button{border:1px solid var(--border);border-radius:9px;justify-content:center;align-items:center;gap:22px;min-height:50px;padding:12px 23px;font-size:14px;line-height:1.7;transition:background .18s,border-color .18s,transform .18s;display:inline-flex}.button:hover{transform:translateY(-2px)}.button-primary{background:var(--accent);border-color:var(--accent);color:#081418;font-weight:600}.button-primary:hover,.button-primary:focus-visible{background:#bfdbfe;border-color:#bfdbfe}.button-secondary{background:#ffffff05}.button-secondary:hover,.button-secondary:focus-visible{background:var(--raised);border-color:#7d8999}.text-link{align-items:center;gap:14px;min-height:44px;font-size:14px;display:inline-flex}.text-link:hover,.text-link:focus-visible{color:var(--accent)}.js-control{display:none}.js .js-control{display:inline-flex}.skip-link{top:12px;z-index:100;background:var(--accent);color:#080a0e;border-radius:6px;padding:10px 20px;position:fixed;inset-inline-start:20px;transform:translateY(-160%)}.skip-link:focus{transform:translateY(0)}.ice-text{color:var(--accent)}@media (width>=1441px){:root{--gutter:64px}}@media (width<=1023px){:root{--gutter:32px}.section{padding-block:80px}}@media (width<=767px){:root{--gutter:20px}body{font-size:15px}.section{padding-block:64px}.section-heading{margin-bottom:24px}.section-title-row{flex-direction:column;align-items:start;gap:16px;margin-bottom:28px}.section-title-row>p{max-width:100%}.button{gap:14px;padding-inline:18px;font-size:13px}.mono,.micro{font-size:9px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}}@media print{html{color-scheme:light;scroll-behavior:auto}body{color:#111;background:#fff;font-size:11pt}.site-header,.hero-art,.hero-baseline,.contact-orbit,.js-control,.footer-links,.skip-link{display:none!important}.container{width:100%;margin:0}.hero,.section{break-inside:avoid;padding-block:24px!important}.hero-copy{max-width:none}.hero-title{font-size:32pt!important}.hero-description{max-width:100%}.about-grid,.contact-grid,.project-card{display:block!important}.project-visual{display:none}.project-content{padding:20px!important}.project-card,.tags li{color:#111;border-color:#888;background:0 0!important}p,.eyebrow,.section-title-row>p,.about-content>p,.project-description,.contact-content>p,.section-number,.hero h1,.hero-description{color:#333!important}.ice-text,.text-link{color:#111!important}.button{color:#111;background:#fff;border:1px solid #999}.site-footer{margin-top:20px}h2{font-size:22pt}}.site-header{z-index:20;border-bottom:1px solid var(--border);backdrop-filter:blur(14px);background:#080a0ef0;position:sticky;top:0}.header-inner{justify-content:space-between;align-items:center;gap:20px;height:78px;display:flex}.monogram{align-items:center;min-width:92px;min-height:44px;display:inline-flex}.brand-logo{object-fit:contain;width:112px;height:42px}.site-header .monogram{flex-shrink:0;position:relative}.site-version{color:var(--muted);white-space:nowrap;direction:ltr;font-size:9px;font-weight:500;line-height:1;position:absolute;top:-3px;right:0}#main-nav{gap:32px;display:flex}#main-nav>a{min-height:44px;color:var(--muted);align-items:center;font-size:13px;transition:color .2s;display:inline-flex;position:relative}#main-nav>a:hover,#main-nav>a[aria-current]{color:var(--text)}#main-nav>a[aria-current]:after{content:"";background:var(--accent);bottom:0;height:2px;position:absolute;inset-inline:0}.header-tools{align-items:center;gap:20px;display:flex}.language-toggle{min-height:44px;color:var(--muted);letter-spacing:.06em;background:0 0;align-items:center;gap:9px;font-size:11px}.language-toggle .chosen{color:var(--text)}.separator{opacity:.35}.header-github{border-inline-start:1px solid var(--border);justify-content:center;align-items:center;width:44px;height:44px;padding-inline-start:16px;display:flex}.menu-toggle{display:none!important}.hero{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);column-gap:36px;padding-top:86px;display:grid;position:relative}.hero-copy{padding-block:22px 74px}.hero-eyebrow{align-items:center;gap:10px;margin-bottom:27px;font-size:11px;display:flex}.square-dot{background:var(--accent);width:6px;height:6px;display:inline-block}.hero h1{color:#d1d7df;margin-bottom:16px;font-size:clamp(1.15rem,1.65vw,1.5rem);font-weight:450}.hero-title{letter-spacing:-.055em;font-size:clamp(3.4rem,5.9vw,5.4rem);font-weight:600;line-height:1.32}.hero-description{color:var(--muted);max-width:420px;margin-top:28px;font-size:15px;line-height:2.1}.hero-actions{flex-wrap:wrap;gap:12px;margin-top:32px;display:flex}.hero-art{aspect-ratio:1/1.09;flex-direction:column;justify-content:end;align-self:center;min-width:0;margin-bottom:44px;display:flex;position:relative}.art-grid{pointer-events:none;background-image:linear-gradient(#93c5fd09 1px,#0000 1px),linear-gradient(90deg,#93c5fd09 1px,#0000 1px);background-size:48px 48px;position:absolute;inset:0 0 48px;mask-image:radial-gradient(#000 15%,#0000 70%)}.coordinate-top{color:#84909f;letter-spacing:.17em;font-size:9px;position:absolute;top:12px;left:20px}.orbit-stage{isolation:isolate;position:absolute;inset:0 0 55px}.orbit-stage img,.orbit-stage canvas{object-fit:contain;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.orbit-stage img{transition:opacity .45s}.orbit-stage[data-rendered=true] img{opacity:0}.orbit-stage canvas{opacity:0;transition:opacity .45s}.orbit-stage[data-rendered=true] canvas{opacity:1}.art-caption{border-top:1px solid var(--border);color:#c3cdd7;justify-content:space-between;align-items:center;padding:12px 20px;font-size:11px;display:flex;position:relative}.art-caption>span:first-child{align-items:center;gap:10px;display:flex}.tiny-cross{color:var(--accent);font-size:20px;font-weight:200}.art-bottom{justify-content:space-between;align-items:center;padding-inline:20px;display:flex;position:relative}.art-bottom>.micro{letter-spacing:.1em;font-size:9px}.motion-toggle{color:var(--muted);background:0 0;align-items:center;gap:7px;min-height:44px;padding:4px 0;font-size:10px}.motion-toggle:hover{color:var(--accent)}.motion-symbol{font-size:14px}.hero-baseline{color:var(--muted);border-top:1px solid var(--border);grid-column:1/-1;justify-content:space-between;align-items:center;gap:16px;padding-block:24px;display:flex}.hero-baseline>.mono{letter-spacing:.13em;font-size:9px}.hero-baseline>a{align-items:center;gap:20px;min-height:44px;font-size:11px;display:flex}.hero-baseline .icon{width:15px}.hero-index{letter-spacing:.1em}.about-grid{grid-template-columns:1fr 1fr;gap:80px;display:grid}.about-content>p{color:var(--muted);font-size:15px;line-height:2.2}.about-notes{gap:12px;margin-top:30px;display:grid}.about-notes>span{align-items:center;gap:14px;font-size:12px;display:flex}.about-notes .icon{width:14px;color:var(--accent)}.work-section{padding-top:90px}.project-card{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);direction:ltr;grid-template-columns:1.08fr 1fr;transition:transform .22s,border-color .22s;display:grid;overflow:clip}.project-card:hover,.project-card:focus-within{border-color:#93c5fd42;transform:translateY(-4px)}.project-content{direction:rtl;min-width:0;padding:35px 36px 20px}.project-meta{color:var(--accent);justify-content:space-between;align-items:center;margin-bottom:24px;font-size:10px;display:flex}.project-meta>span:last-child{font-size:22px;font-weight:200}.project-content h3{letter-spacing:-.05em;font-size:30px}.project-tagline{margin-top:9px;font-size:16px}.project-description{color:var(--muted);margin-top:17px;font-size:13px;line-height:2.1}.tags{flex-wrap:wrap;gap:7px;margin-block:24px 18px;display:flex}.tags li{border:1px solid var(--border);color:#b5bfcc;background:#ffffff04;border-radius:5px;padding:3px 9px;font-size:9px}.project-content>.text-link{color:var(--accent);font-weight:500}details{border-top:1px solid var(--border);margin-top:20px;font-size:12px}summary{cursor:pointer;min-height:50px;color:var(--muted);justify-content:space-between;align-items:center;list-style:none;display:flex}summary::-webkit-details-marker{display:none}summary .icon{width:15px;transition:transform .2s}details[open] summary .icon{transform:rotate(45deg)}.project-details{color:var(--muted);padding-block:4px 16px;line-height:2}.project-details p+p{margin-top:14px}.project-details>a{color:var(--accent);margin-top:10px;font-size:12px}.project-visual{border-right:1px solid var(--border);background:radial-gradient(at 50% 30%,#20333e50,#0000 65%),#10171e;flex-direction:column;justify-content:space-between;min-width:0;padding:24px 26px 18px;display:flex;position:relative}.project-visual:before{content:"";pointer-events:none;background-image:linear-gradient(#93c5fd06 1px,#0000 1px),linear-gradient(90deg,#93c5fd06 1px,#0000 1px);background-size:32px 32px;position:absolute;inset:0}.project-visual-top{color:var(--accent);justify-content:space-between;align-items:center;display:flex;position:relative}.project-visual-top .micro{color:#94aab8;font-size:8px}.package-mark{isolation:isolate;place-items:center;min-height:180px;display:grid;position:relative}.name-glyph{letter-spacing:-.065em;color:#d3e3f5;z-index:2;font-size:85px;font-weight:650;position:relative}.glyph-dot{color:var(--accent)}.glyph-orbit{border:1px solid #93c5fd35;border-radius:50%;width:200px;height:88px;position:absolute;transform:rotate(-30deg)}.glyph-satellite{background:var(--accent);border-radius:50%;width:6px;height:6px;position:absolute;top:53px;left:calc(50% + 73px);box-shadow:0 0 12px #93c5fd70}.code-window{background:#0a0e13dd;border:1px solid #ffffff13;border-radius:9px;position:relative;overflow:auto;box-shadow:0 12px 30px #0003}.code-title{color:#8c99aa;border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;padding:10px 14px;font-family:monospace;font-size:9px;display:flex}.code-dots{gap:4px;display:flex}.code-dots i{background:#485361;border-radius:50%;width:5px;height:5px;display:block}.code-dots i:first-child{background:#8a5c5e}.code-dots i:nth-child(2){background:#8a8359}.code-dots i:nth-child(3){background:#537da8}pre{tab-size:2;white-space:pre;text-align:left;direction:ltr;margin:0;padding:20px 14px;font-family:monospace;font-size:10px;line-height:2.1}pre code{font-family:monospace}.syntax-purple{color:#c7a9ed}.syntax-green{color:#a8c9f5}.syntax-blue{color:#93c5fd}.syntax-comment{color:#9aa6b4}.sample-label{color:#a0adbb;text-align:center;margin-top:12px;font-size:9px;position:relative}.related-project{color:var(--muted);justify-content:space-between;align-items:center;gap:24px;padding-top:22px;font-size:11px;display:flex}.related-project>span{align-items:center;gap:14px;display:flex}.related-divider{color:#4b5563}.related-project .text-link{font-size:12px}.related-project .icon{width:16px}.skills-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:48px;margin-top:48px;display:grid}.skill-group-heading{align-items:center;gap:16px;margin-bottom:24px;display:flex}.skill-group-heading h3{font-size:13px;font-weight:450}.skill-group-heading .mono{color:var(--accent);letter-spacing:0;font-family:monospace;font-size:10px}.skill-group li{border-bottom:1px solid var(--border);color:#d7dee6;justify-content:space-between;align-items:center;gap:12px;padding-block:14px;font-size:16px;display:flex}.skill-group li>span{color:#596775;font-size:13px}.contact-section{padding-bottom:100px;position:relative}.contact-grid{grid-template-columns:1.1fr 1fr;align-items:center;gap:72px;display:grid;position:relative}.contact-grid h2{letter-spacing:-.05em;font-size:clamp(2.75rem,5vw,4.6rem);font-weight:550;line-height:1.35}.contact-content{z-index:1;position:relative}.contact-content>p{color:var(--muted);max-width:340px;margin-bottom:28px;font-size:14px;line-height:2.2}.contact-orbit{inset-inline-end:-20px;opacity:.4;pointer-events:none;width:200px;height:200px;position:absolute;top:-100px}.contact-orbit>span{border:1px solid #93c5fd2a;border-radius:50%;position:absolute;inset:0;transform:rotate(-35deg)scaleY(.45)}.contact-orbit>i{background:var(--accent);border-radius:50%;width:5px;height:5px;position:absolute;top:116px;left:13px}.site-footer{border-top:1px solid var(--border);color:var(--muted);justify-content:space-between;align-items:center;gap:24px;padding-block:28px 32px;font-size:10px;display:flex}.footer-brand{align-items:center;gap:22px;display:flex}.footer-brand .monogram{color:var(--text);font-size:23px}.footer-links{align-items:center;gap:28px;display:flex}.footer-links a{align-items:center;gap:10px;min-height:44px;display:flex}.footer-links .icon{width:14px}.footer-note{font-size:10px}.reveal-in{animation:.5s both reveal}@keyframes reveal{0%{opacity:.25;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}html[dir=ltr] .project-content{direction:ltr}html[dir=ltr] .hero-title{letter-spacing:-.055em;font-size:clamp(3rem,5.6vw,5.1rem);line-height:1.18}html[dir=ltr] .hero-description{line-height:1.9}html[dir=ltr] .hero h1{font-size:clamp(1rem,1.6vw,1.3rem)}html[dir=ltr] h2{letter-spacing:-.045em}html[dir=ltr] .project-tagline{font-size:15px}html[dir=ltr] .project-description{line-height:1.9}html[dir=ltr] .about-content>p{line-height:2}@media (width>=768px) and (width<=1100px){.hero{column-gap:12px;padding-top:54px}.hero-copy{padding-bottom:48px}.hero-title{font-size:clamp(3rem,6.3vw,4rem)}.hero-description{font-size:13px}.hero-actions{gap:8px}.hero-actions .button{gap:12px;padding-inline:14px;font-size:12px}.hero-art{margin-bottom:40px}.project-content{padding:28px 24px 16px}.project-content h3{font-size:25px}.project-visual{padding-inline:16px}pre{font-size:9px}.about-grid{gap:40px}.skills-grid{gap:28px}.contact-grid{gap:40px}#main-nav{gap:22px}.header-tools{gap:10px}.hero-baseline>.mono{font-size:8px}.footer-note{display:none}}@media (width<=767px){.header-inner{gap:16px;height:68px}.monogram{font-size:27px}.header-tools{gap:12px}.header-github{border:0;width:34px;padding:0}.menu-toggle{border:1px solid var(--border);background:0 0;border-radius:7px;flex-direction:column;justify-content:center;gap:6px;width:44px;height:44px;padding:12px;display:flex!important}.menu-toggle:not(.js-control),html:not(.js) .menu-toggle{display:none!important}.menu-toggle span{background:var(--text);width:18px;height:1px;transition:transform .2s}.menu-toggle[aria-expanded=true] span:first-child{transform:translateY(3.5px)rotate(45deg)}.menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-3.5px)rotate(-45deg)}#main-nav{top:68px;border-bottom:1px solid var(--border);background:#11151c;flex-direction:column;gap:5px;padding:20px;display:flex;position:absolute;inset-inline:0}html.js #main-nav{display:none}html.js #main-nav[data-open=true]{display:flex}#main-nav>a{min-height:48px;padding-inline:14px}#main-nav>a[aria-current]:after{inset-inline:0 auto;width:2px;height:auto;top:12px;bottom:12px}html:not(.js) .site-header{position:relative}html:not(.js) #main-nav{background:0 0;border:0;flex-flow:wrap;gap:10px;padding:0;position:static}html:not(.js) .header-inner{flex-wrap:wrap;height:auto;padding-block:12px}html:not(.js) #main-nav>a{padding:0;font-size:11px}html:not(.js) .header-tools{display:none}.hero{grid-template-columns:1fr;gap:0;padding-top:38px}.hero-copy{padding:8px 0 0}.hero-eyebrow{margin-bottom:24px;font-size:10px}.hero h1{margin-bottom:16px;font-size:18px}.hero-title{font-size:clamp(3.3rem,12vw,4.7rem);line-height:1.3}.hero-description{max-width:440px;margin-top:22px;font-size:14px}.hero-actions{margin-top:26px}.hero-art{aspect-ratio:auto;width:min(100%,420px);height:300px;margin:28px auto 12px}.orbit-stage{inset:-24px 0 48px}.coordinate-top{font-size:8px;top:5px;left:0}.art-caption,.art-bottom{padding-inline:8px}.hero-baseline{padding-block:14px}.hero-baseline>.mono,.hero-index{display:none}.hero-baseline>a{justify-content:space-between;width:100%;font-size:10px}.about-grid{grid-template-columns:1fr;gap:24px}.about-content>p{font-size:14px}.about-notes{margin-top:22px}.project-card{grid-template-columns:1fr}.project-visual{border-right:0;border-bottom:1px solid var(--border);min-height:370px;padding:18px 20px}.package-mark{min-height:165px}.name-glyph{font-size:76px}.project-content{padding:24px 24px 12px}.project-meta{margin-bottom:16px}.project-content h3{font-size:29px}.project-tagline{font-size:16px}.project-description{font-size:13px}.code-window{width:100%;max-width:420px;margin-inline:auto}pre{padding:16px 12px;font-size:10px}.related-project{flex-direction:column;align-items:start;gap:6px}.related-project>span{flex-wrap:wrap;gap:9px;font-size:10px}.skills-grid{grid-template-columns:1fr;gap:32px;margin-top:32px}.skill-group-heading{margin-bottom:8px}.skill-group li{padding-block:12px;font-size:15px}.contact-grid{grid-template-columns:1fr;gap:28px}.contact-grid h2{font-size:clamp(2.8rem,11vw,4rem)}.contact-content>p{max-width:400px;font-size:14px}.contact-orbit{inset-inline-end:0;width:140px;height:140px;top:-48px}.contact-orbit>i{top:81px;left:8px}.site-footer{flex-wrap:wrap;gap:8px;padding-block:24px}.footer-brand{justify-content:space-between;gap:12px;width:100%}.footer-brand>span{font-size:10px}.footer-note{display:none}.footer-links{justify-content:space-between;gap:12px;width:100%;font-size:11px}html[dir=ltr] .hero-title{font-size:clamp(2.8rem,11.8vw,4.4rem)}html[dir=ltr] .hero h1{font-size:17px}html[dir=ltr] .contact-grid h2{font-size:clamp(2.7rem,10vw,3.9rem)}}@media (width<=359px){.hero-actions{gap:8px}.hero-actions .button{gap:9px;padding-inline:12px;font-size:12px}.hero-title{font-size:3.1rem}.project-content{padding-inline:18px}.project-visual{padding-inline:12px}pre{font-size:8.5px}.hero-art{height:270px}.hero-description{font-size:13px}.related-divider{display:none}.related-project>span{flex-direction:column;align-items:start}}@media (width<=767px){.js .motion-toggle{display:none}}body{background-image:radial-gradient(at 85% 6%,#172b4a55,#0000 34%),radial-gradient(at 0 40%,#18283c33,#0000 40%)}.hero-art{border:1px solid var(--border);background:linear-gradient(145deg,#14243e88,#11151c55);border-radius:28px;overflow:hidden}.portrait-wrap{aspect-ratio:1;z-index:2;width:56%;position:absolute;top:17%;left:22%}.portrait{object-fit:cover;border:6px solid #172943;border-radius:50%;width:100%;height:100%;box-shadow:0 0 0 1px #93c5fd55,0 20px 80px #0009}.portrait-badge{white-space:nowrap;color:var(--accent);background:#182a46;border:1px solid #93c5fd55;border-radius:8px;padding:8px 18px;font:12px monospace;position:absolute;bottom:-14px;left:50%;transform:translate(-50%)rotate(-5deg)}.personal-facts{gap:14px;margin:30px 0 0;display:grid}.personal-facts>div{border-bottom:1px solid var(--border);justify-content:space-between;gap:20px;padding-bottom:14px;display:flex}.personal-facts dt{color:var(--muted);font-size:12px}.personal-facts dd{margin:0;font-size:14px}.personal-facts small{color:var(--muted);font-size:11px;display:block}.live-projects{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-bottom:56px;display:grid}.live-project{border:1px solid var(--border);border-radius:var(--radius);background:linear-gradient(145deg,#193358,#101b2e 70%);padding:32px;transition:border-color .2s,transform .2s}.live-novachip{background:linear-gradient(145deg,#252942,#131822 70%)}.live-project:hover,.repo-card:hover{border-color:#93c5fd66;transform:translateY(-4px)}.live-top,.repo-top{color:var(--muted);justify-content:space-between;align-items:center;gap:16px;font-size:10px;display:flex}.site-preview{border:1px solid var(--border);background:#0b1217;border-radius:12px;margin-block:24px;display:block;overflow:hidden;box-shadow:0 16px 36px #0003}.browser-bar{color:var(--muted);justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;font:10px/1.5 monospace;display:flex}.browser-dots{gap:4px;display:flex}.browser-dots i{background:#708491;border-radius:50%;width:6px;height:6px}.browser-bar .icon{width:12px;height:12px}.site-preview img{aspect-ratio:36/25;object-fit:cover;width:100%;height:auto;transition:transform .3s}.site-preview:hover img{transform:scale(1.025)}.live-project h3{font-size:26px}.live-project p,.repo-card p,.resume-intro p{color:var(--muted);margin-top:14px;font-size:14px;line-height:2}.live-project>.text-link{border-top:1px solid var(--border);margin-top:28px;padding-top:18px;display:flex}.site-domain{color:var(--muted);margin-inline-start:auto;font-size:11px}.subsection-title{justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px;display:flex}.subsection-title h3{font-size:18px}.opensource-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:24px;display:grid}.repo-card{border:1px solid var(--border);background:#111c3099;border-radius:16px;flex-direction:column;min-width:0;padding:26px;transition:border-color .2s,transform .2s;display:flex}.repo-card h3{text-align:start;margin-top:30px;font-size:23px}.repo-card p{flex:1}.repo-card .tags{flex-wrap:wrap;margin-block:24px 12px}.repo-top{letter-spacing:.06em;font-size:9px}.resume-grid{grid-template-columns:.8fr 1.2fr;gap:64px;display:grid}.resume-intro h3{margin-top:16px;font-size:24px}.experience-entry{border-bottom:1px solid var(--border);grid-template-columns:12px 1fr auto;align-items:center;gap:20px;padding-block:24px;display:grid}.experience-entry h3{font-size:19px}.experience-entry p{color:var(--muted);margin-top:6px;font-size:12px}.experience-entry .text-link{font-size:12px}.experience-dot{background:var(--accent);width:7px;height:7px;box-shadow:0 0 0 5px var(--accent-soft);border-radius:50%}.phone-link{letter-spacing:.08em;width:fit-content;color:var(--accent);margin-top:28px;font-size:clamp(24px,4vw,34px);display:block}.contact-methods{flex-wrap:wrap;gap:24px;margin-top:12px;display:flex}.contact-content .contact-hint{margin-top:14px;font-size:11px;line-height:2}@media (width<=1100px){.resume-grid{gap:32px}.experience-entry,.opensource-grid{gap:12px}.repo-card{padding:20px}#main-nav{gap:18px}}@media (width<=767px){.hero-art{height:350px;margin-block:38px 24px}.portrait-wrap{width:48%;top:13%;left:26%}.live-projects,.opensource-grid,.resume-grid{grid-template-columns:1fr}.live-projects{gap:16px;margin-bottom:36px}.live-project{padding:24px}.experience-entry{grid-template-columns:8px 1fr}.experience-entry>a{grid-column:2}.personal-facts>div{gap:12px}.personal-facts dd{font-size:12px}.contact-orbit{display:none}.repo-card h3{margin-top:24px}}@media print{body{background-image:none}.live-projects,.opensource-grid,.resume-grid{display:block}.live-project,.repo-card{break-inside:avoid;color:#111;background:#fff;margin-bottom:16px}.site-preview,.repo-top{display:none}.live-project p,.repo-card p,.resume-intro p,.experience-entry p,.personal-facts dt,.personal-facts small,.site-domain{color:#333}.phone-link{color:#111}.resume-intro{margin-bottom:24px}.section{break-inside:auto}}.contact-content{min-width:0}.phone-link{overflow-wrap:anywhere;letter-spacing:.04em;max-width:100%;font-size:clamp(22px,2.4vw,30px)}@media (width<=767px){.brand-logo{width:92px;height:35px}}@media print{.brand-logo{filter:brightness(0)}}.about-content>p+p{margin-top:20px}.theme-toggle{border:1px solid var(--border);background:var(--accent-soft);width:44px;height:44px;color:var(--text);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;padding:0}.theme-toggle:hover{background:var(--raised);color:var(--accent)}.theme-moon,.brand-logo-light,html[data-theme=light] .theme-sun{display:none}html[data-theme=light] .theme-moon{display:block}@media screen{html[data-theme=light]{--background:#f5f8fc;--surface:#fff;--raised:#e4ecf7;--text:#182a46;--muted:#52647d;--accent:#1d4ed8;--accent-soft:#1d4ed80d;--border:#183c6b29;color-scheme:light}html[data-theme=light] body{background-image:radial-gradient(at 85% 6%,#c9ddf555,#0000 34%),radial-gradient(at 0 40%,#dbe5f433,#0000 40%)}html[data-theme=light] .site-header{background:#f5f8fcf2}html[data-theme=light] .brand-logo-dark{display:none}html[data-theme=light] .brand-logo-light{display:block}html[data-theme=light] .hero h1,html[data-theme=light] .art-caption,html[data-theme=light] .coordinate-top,html[data-theme=light] .tags li,html[data-theme=light] .project-visual-top,html[data-theme=light] .sample-label,html[data-theme=light] .skill-group li,html[data-theme=light] .skill-arrow{color:var(--muted)}html[data-theme=light] .hero-art{background:linear-gradient(145deg,#e1edfc,#fff)}html[data-theme=light] .portrait{border-color:#e1edfc;box-shadow:0 0 0 1px #1d4ed855,0 20px 60px #1a345c26}html[data-theme=light] .portrait-badge{background:#e1edfc;border-color:#1d4ed855}html[data-theme=light] .button-primary{color:#fff}html[data-theme=light] .button-primary:hover{background:#1e40af;border-color:#1e40af}html[data-theme=light] .button-secondary{background:#fffa}html[data-theme=light] .button-secondary:hover{background:var(--raised);border-color:var(--accent)}html[data-theme=light] .live-project{background:linear-gradient(145deg,#e1edfc,#fff 75%)}html[data-theme=light] .live-novachip{background:linear-gradient(145deg,#e9eafa,#fff 75%)}html[data-theme=light] .site-preview{background:#edf3fb;box-shadow:0 12px 28px #183c6b14}html[data-theme=light] .repo-card{background:#fff}html[data-theme=light] .project-visual{background:radial-gradient(at 50% 30%,#d0e1f7,#0000 65%),#eaf1fa}html[data-theme=light] .name-glyph{color:#1d4ed8}html[data-theme=light] .contact-orbit{border-color:#1d4ed844}html[data-theme=light] .skip-link{color:#fff}@media (width<=767px){html[data-theme=light] #main-nav{background:var(--surface)}html[data-theme=light]:not(.js) #main-nav{background:0 0}}}@media (width>=768px){.header-inner{gap:16px}.header-tools{gap:12px}#main-nav{gap:24px}}@media (width<=767px){.header-tools{gap:8px}.theme-toggle{background:0 0;border:0;width:36px;height:44px}}@media (width<=359px){.header-inner{gap:10px}.monogram{min-width:76px}.brand-logo{width:76px}.header-tools{gap:4px}.header-github{width:28px}.theme-toggle{width:32px}}@media (width>=768px){.header-inner{flex-wrap:wrap;height:auto;min-height:78px;padding-block:12px}#main-nav{flex-wrap:wrap;gap:4px 24px}}