@font-face{font-family:"Bricolage";src:url(/assets/fonts/bricolage-bold.woff?v=4f17f9aa) format("woff");font-weight:700 800;font-style:normal;font-display:swap}@font-face{font-family:"Bricolage";src:url(/assets/fonts/bricolage-regular.woff?v=de7ae48f) format("woff");font-weight:400 600;font-style:normal;font-display:swap}@font-face{font-family:"JetBrains Mono";src:url(/assets/fonts/jetbrains-mono.woff?v=f8187fd0) format("woff");font-weight:400 600;font-style:normal;font-display:swap}:root{--font-fa:"FaFont","Vazirmatn",system-ui,-apple-system,"Segoe UI",Tahoma,"Noto Sans Arabic","Noto Naskh Arabic",Arial,sans-serif;--font-en:"Bricolage","FaFont",system-ui,-apple-system,"Segoe UI",Arial,sans-serif;--font-mono:"JetBrains Mono",ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;--ease:cubic-bezier(.2,.7,.2,1);--header-h:64px;--gutter:clamp(16px,4vw,32px);--max:1160px;--c:14px}:root,[data-theme="dark"]{color-scheme:dark;--bg:#0A1233;--bg-2:#0E1844;--surface:#101C4F;--surface-2:#16256A;--line:#2B3C8E;--text:#E9EEFF;--muted:#A3B1DA;--accent:#37D5C5;--accent-2:#F2B33D;--on-accent:#0A1233;--link:#5FE3D5;--glow:rgba(55,213,197,.14);--header-bg:rgba(10,18,51,.88);--danger:#FF8A7A;--tf-base:120,140,230;--tf-hot:55,213,197;--tf-warm:242,179,61;--tf-alpha:.2;--tk-c:#8190BD;--tk-s:#8BE9C0;--tk-n:#F2B33D;--tk-k:#FF8FA3;--tk-f:#7FB0FF;--tk-p:#C8A6FF;--code-bg:#08102B}[data-theme="light"]{color-scheme:light;--bg:#EEF4F2;--bg-2:#E2ECE9;--surface:#FFFFFF;--surface-2:#F3F8F7;--line:#BCCDD4;--text:#0E1A4A;--muted:#46547F;--accent:#087A71;--accent-2:#B87400;--on-accent:#0A1233;--link:#07645D;--glow:rgba(8,122,113,.10);--header-bg:rgba(238,244,242,.9);--danger:#C2412F;--tf-base:30,45,120;--tf-hot:8,138,128;--tf-warm:200,130,10;--tf-alpha:.16;--tk-c:#5D6A96;--tk-s:#0A7A5A;--tk-n:#9A5B00;--tk-k:#C2255C;--tk-f:#1F5FD1;--tk-p:#7A3FD1;--code-bg:#F3F8F7}*,*::before,*::after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-padding-top:calc(var(--header-h) + 16px);background:var(--bg)}@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}body{margin:0;min-height:100vh;background:var(--bg);color:var(--text);font-family:var(--font-fa);font-size:1.0625rem;line-height:1.9;overflow-x:clip;-webkit-tap-highlight-color:transparent;text-rendering:optimizeLegibility;padding-inline:env(safe-area-inset-left) env(safe-area-inset-right)}body{overflow-wrap:break-word}img,svg,canvas{max-width:100%}img{height:auto;display:block}h1,h2,h3,h4{line-height:1.45;margin:0 0 .5em;font-weight:800}p{margin:0 0 1em}a{color:var(--link);text-decoration-thickness:1px;text-underline-offset:.28em}a:hover{text-decoration-thickness:2px}ul,ol{margin:0;padding:0}button,input,textarea{font:inherit;color:inherit}button{cursor:pointer}:focus-visible{outline:2px solid var(--accent-2);outline-offset:3px}::selection{background:var(--accent);color:var(--on-accent)}[hidden]{display:none!important}html:not(.js) .js-only{display:none!important}.muted{color:var(--muted)}.sr-only{position:absolute!important;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.svg-defs{position:absolute;width:0;height:0;overflow:hidden}.skip-link{position:fixed;inset-inline-start:12px;top:-60px;z-index:100;background:var(--accent-2);color:var(--on-accent);padding:10px 18px;font-weight:700;text-decoration:none}.skip-link:focus{top:12px}.icon{width:1.15em;height:1.15em;flex:none}.icon-lg{width:44px;height:44px}main:focus{outline:none}.container{width:100%;max-width:calc(var(--max) + var(--gutter)*2);margin-inline:auto;padding-inline:var(--gutter)}.container-narrow{max-width:calc(780px + var(--gutter)*2)}.section{padding-block:clamp(44px,7vw,92px)}.section-tight{padding-block:clamp(24px,4vw,48px)}.section-head{display:flex;align-items:baseline;justify-content:space-between;gap:8px 20px;flex-wrap:wrap;margin-bottom:clamp(18px,3vw,30px)}.section-title{font-size:clamp(1.45rem,3.2vw,2.05rem);margin:0}.section-title-sm{font-size:clamp(1.05rem,2.2vw,1.3rem);color:var(--muted);font-weight:700;margin-bottom:18px}.section-lead{color:var(--muted);margin:-8px 0 24px}.link-more{display:inline-flex;align-items:center;gap:8px;font-weight:700;text-decoration:none}.link-more .icon{transition:transform .25s var(--ease)}.link-more:hover .icon{transform:translateX(-5px)}.link-inline{font-weight:700}button.link-inline{padding:8px 10px;border:0;background:none;color:var(--link);text-decoration:underline;text-underline-offset:.28em;min-height:40px}.btn{--bg-btn:var(--accent-2);--fg-btn:var(--on-accent);position:relative;isolation:isolate;display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:46px;padding:8px 22px;border:0;background:var(--bg-btn);color:var(--fg-btn);font-weight:800;font-size:1rem;line-height:1.4;text-decoration:none;cursor:pointer;clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px);transition:transform .25s var(--ease),background-color .2s,color .2s}.btn>*{position:relative}.btn:hover{transform:translateY(-2px);text-decoration:none}.btn:active{transform:translateY(0)}.btn:focus-visible{outline:2px solid var(--text);outline-offset:-5px}.btn:disabled{opacity:.6;cursor:progress}.btn-sm{min-height:38px;padding:4px 16px;font-size:.9rem;clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px)}.btn-ghost{--bg-btn:var(--accent);--fg-btn:var(--text)}.btn-ghost::before{content:"";position:absolute;inset:1.5px;z-index:-1;background:var(--bg);clip-path:polygon(9px 0,100% 0,100% calc(100% - 9px),calc(100% - 9px) 100%,0 100%,0 9px)}.btn-ghost.btn-sm::before{clip-path:polygon(7px 0,100% 0,100% calc(100% - 7px),calc(100% - 7px) 100%,0 100%,0 7px)}@media (hover:hover){.btn-ghost:hover{--fg-btn:var(--link)}}.btn-link{--bg-btn:transparent;--fg-btn:var(--link);padding-inline:8px;clip-path:none}.btn-link:focus-visible{outline-offset:2px}.site-header{position:sticky;top:0;z-index:50;background:var(--header-bg);border-bottom:1px solid rgba(127,140,200,.18)}@media (min-width:901px){.site-header{backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}}.header-inner{display:flex;align-items:center;gap:20px;min-height:var(--header-h)}.brand{display:inline-flex;align-items:center;gap:12px;color:var(--text);text-decoration:none}.brand:hover{text-decoration:none}.brand-mark{width:36px;height:36px;flex:none;transition:transform .6s var(--ease)}.brand:hover .brand-mark{transform:rotate(45deg)}.bm-a{fill:var(--accent)}.bm-b{fill:var(--bg)}.bm-c{fill:var(--accent-2)}.brand-text{display:flex;flex-direction:column;line-height:1.15}.brand-en{font-family:var(--font-en);font-weight:800;font-size:1.2rem}.brand-fa{font-size:.78rem;color:var(--muted);font-weight:700}.main-nav{margin-inline-start:auto}.main-nav ul{display:flex;gap:4px;list-style:none}.main-nav a{position:relative;display:block;padding:8px 14px;color:var(--muted);font-weight:700;text-decoration:none;transition:color .2s}.main-nav a::after{content:"";position:absolute;inset-inline:14px;bottom:2px;height:2px;background:var(--accent);transform:scaleX(0);transform-origin:center;transition:transform .3s var(--ease)}.main-nav a:hover,.main-nav a[aria-current="page"]{color:var(--text)}.main-nav a:hover::after,.main-nav a[aria-current="page"]::after{transform:scaleX(1)}.header-actions{display:flex;gap:6px}.icon-btn{display:inline-grid;place-items:center;width:44px;height:44px;border:0;background:transparent;color:var(--text);border-radius:50%;transition:background .2s}.icon-btn:hover{background:rgba(127,140,200,.16)}.icon-btn .icon{width:22px;height:22px}.theme-toggle .when-light{display:none}[data-theme="light"] .theme-toggle .when-light{display:inline}[data-theme="light"] .theme-toggle .when-dark{display:none}.nav-toggle{display:none}.burger,.burger::before,.burger::after{display:block;width:22px;height:2px;background:currentColor;transition:transform .3s var(--ease),opacity .2s}.burger{position:relative}.burger::before,.burger::after{content:"";position:absolute;inset-inline-start:0}.burger::before{top:-7px}.burger::after{top:7px}.nav-open .burger{background:transparent}.nav-open .burger::before{transform:translateY(7px) rotate(45deg)}.nav-open .burger::after{transform:translateY(-7px) rotate(-45deg)}@media (max-width:900px){.header-inner{flex-wrap:wrap;row-gap:0}.header-actions{margin-inline-start:auto}.main-nav{order:3;width:100%;margin:0}.main-nav ul{overflow-x:auto;padding-bottom:6px;scrollbar-width:none}.main-nav ul::-webkit-scrollbar{display:none}.main-nav a{white-space:nowrap}.js .nav-toggle{display:inline-grid}.js .main-nav{display:none;position:fixed;inset:var(--header-h) 0 0 0;z-index:60;background:var(--bg);padding:24px var(--gutter);overflow-y:auto;overscroll-behavior:contain}.js.nav-open .main-nav{display:block;animation:fade-in .25s var(--ease)}.js .main-nav ul{flex-direction:column;gap:0;overflow:visible}.js .main-nav a{padding:16px 4px;font-size:1.4rem;border-bottom:1px solid rgba(127,140,200,.18);color:var(--text)}.js .main-nav a::after{display:none}.js .main-nav a[aria-current="page"]{color:var(--accent)}html.nav-open{overflow:hidden}}@keyframes fade-in{from{opacity:0}to{opacity:1}}.site-footer{margin-top:clamp(24px,5vw,60px);border-top:1px solid rgba(127,140,200,.2);background:var(--bg-2);padding-top:clamp(36px,6vw,60px)}.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1.4fr;gap:clamp(24px,4vw,48px)}.footer-brand p{color:var(--muted);max-width:34ch}.footer-contact{display:flex;gap:10px;flex-wrap:wrap}.footer-title{font-weight:800;margin:0 0 10px;color:var(--text)}.footer-list,.footer-mini{list-style:none}.footer-list li{margin-bottom:4px}.footer-list a,.footer-mini a{color:var(--muted);text-decoration:none}.footer-list a:hover,.footer-mini a:hover{color:var(--link);text-decoration:underline}.footer-bottom{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px 24px;margin-top:clamp(24px,4vw,40px);padding-block:20px;border-top:1px solid rgba(127,140,200,.18);color:var(--muted);font-size:.9rem}.footer-bottom p{margin:0}.footer-mini{display:flex;gap:20px;flex-wrap:wrap}@media (max-width:900px){.footer-grid{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1}}@media (max-width:520px){.footer-grid{grid-template-columns:1fr}}.to-top{position:fixed;left:max(16px,env(safe-area-inset-left));bottom:max(16px,env(safe-area-inset-bottom));z-index:40;width:46px;height:46px;display:grid;place-items:center;border:0;background:var(--accent);color:var(--on-accent);opacity:0;pointer-events:none;transform:translateY(12px);transition:opacity .25s,transform .25s var(--ease);clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px)}.to-top.is-visible{opacity:1;pointer-events:auto;transform:none}.to-top:focus-visible{outline:2px solid var(--text);outline-offset:-5px}.read-progress{position:fixed;inset:0 0 auto 0;height:3px;z-index:70;display:none;pointer-events:none}.page-post .read-progress{display:block}.read-progress span{display:block;height:100%;background:linear-gradient(90deg,var(--accent-2),var(--accent));transform:scaleX(0);transform-origin:right center}.tile{--line-c:var(--line);position:relative;isolation:isolate;background:var(--line-c);padding:clamp(18px,3vw,26px);clip-path:polygon(var(--c) 0,calc(100% - var(--c)) 0,100% var(--c),100% calc(100% - var(--c)),calc(100% - var(--c)) 100%,var(--c) 100%,0 calc(100% - var(--c)),0 var(--c))}.tile::before{content:"";position:absolute;inset:1px;z-index:-1;background:radial-gradient(280px circle at var(--mx,50%) var(--my,0%),var(--glow),transparent 70%),var(--surface);clip-path:polygon(calc(var(--c) - .59px) 0,calc(100% - var(--c) + .59px) 0,100% calc(var(--c) - .59px),100% calc(100% - var(--c) + .59px),calc(100% - var(--c) + .59px) 100%,calc(var(--c) - .59px) 100%,0 calc(100% - var(--c) + .59px),0 calc(var(--c) - .59px))}@media (hover:hover){.tile:hover{--line-c:var(--accent)}}.tile:focus-within{--line-c:var(--accent-2)}.tile>:last-child{margin-bottom:0}.tile-title{font-size:1.2rem;margin:0 0 .4em}.js [data-reveal]{opacity:0;transform:translateY(14px);transition:opacity .6s var(--ease),transform .6s var(--ease)}.js [data-reveal].in{opacity:1;transform:none}.js:not(.rv) [data-reveal]{animation:rv-fail .01s 2.5s forwards}@keyframes rv-fail{to{opacity:1;transform:none}}.chips{display:flex;flex-wrap:wrap;gap:8px;list-style:none;margin:0}.chips li,.chips-links a{display:inline-flex;align-items:center;gap:6px;padding:2px 12px;border:1px solid var(--line);border-radius:6px;background:var(--bg-2);color:var(--text);font-size:.88rem;line-height:1.7;text-decoration:none}.chips-sm li,.chips-sm.chips-links a{font-size:.78rem;padding:0 9px}.chips-lg li{font-size:1rem;padding:6px 18px;font-family:var(--font-mono)}.chips-links li{padding:0;border:0;background:none}.chips-links a{transition:border-color .2s,color .2s}.chips-links a:hover{border-color:var(--accent);color:var(--link)}.chip-count{color:var(--muted);font-size:.75rem}.blog-tags{margin-bottom:28px}.filters{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:26px}.chip-btn{padding:4px 18px;border:1px solid var(--line);border-radius:6px;background:var(--bg-2);font-weight:700;transition:border-color .2s,background .2s,color .2s}.chip-btn:hover{border-color:var(--accent)}.chip-btn.is-active{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}.hero,.page-hero,.err{position:relative;overflow:hidden;isolation:isolate}.tilefield{position:absolute;inset:0;width:100%;height:100%;z-index:-1;pointer-events:none;-webkit-mask-image:linear-gradient(to bottom,#000 55%,transparent);mask-image:linear-gradient(to bottom,#000 55%,transparent)}.hero{min-height:min(86vh,800px);min-height:min(86svh,800px);display:flex;align-items:center;padding-block:clamp(36px,6vw,72px)}.hero-inner{display:grid;grid-template-columns:1.15fr .85fr;gap:clamp(24px,5vw,64px);align-items:center}.hero-title{margin:0 0 .35em;line-height:1.1}.hero-name{display:block;font-size:clamp(2.7rem,9vw,5.6rem);font-weight:800;line-height:1.2;animation:rise-t .9s var(--ease) both}.hero-name-en{display:block;font-family:var(--font-en);font-weight:700;font-size:clamp(1.05rem,2.8vw,1.55rem);letter-spacing:.06em;color:var(--accent);text-align:right;animation:rise-t .9s .08s var(--ease) both}.hero-role{font-size:clamp(1.15rem,2.6vw,1.5rem);font-weight:700;margin-bottom:.6em;min-height:2.9em;animation:rise .8s .18s var(--ease) both}.typed{color:var(--accent-2);white-space:nowrap}.typed.is-typing::after{content:"";display:inline-block;width:2px;height:1.1em;margin-inline-start:4px;vertical-align:-.2em;background:var(--accent-2);animation:blink 1s steps(2) infinite}.hero-lead{max-width:52ch;color:var(--muted);font-size:clamp(1rem,2vw,1.15rem);animation:rise .8s .26s var(--ease) both}.hero-cta{display:flex;flex-wrap:wrap;align-items:center;gap:12px 14px;margin-top:26px;animation:rise .8s .34s var(--ease) both}@keyframes rise{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}@keyframes rise-t{from{transform:translateY(22px)}to{transform:none}}@keyframes blink{50%{opacity:0}}.scroll-hint{position:absolute;inset-inline:0;bottom:14px;margin-inline:auto;width:44px;height:44px;display:grid;place-items:center;color:var(--muted);animation:bob 2.4s ease-in-out infinite}.scroll-hint .icon{width:26px;height:26px}@keyframes bob{50%{transform:translateY(7px)}}.hero-visual{position:relative;display:grid;place-items:center;--px:0;--py:0;min-height:300px}.portrait{--ps:clamp(230px,30vw,380px);position:relative;width:var(--ps);aspect-ratio:1;transform:translate(calc(var(--px)*-8px),calc(var(--py)*-6px));transition:transform .5s var(--ease)}.portrait-sm{--ps:clamp(210px,26vw,300px)}.portrait::before{content:"";position:absolute;inset:14%;background:radial-gradient(circle,var(--glow),transparent 70%)}@media (min-width:901px){.portrait::before{filter:blur(28px);inset:10%}}.portrait-ring{position:absolute;inset:0;width:100%;height:100%;fill:none;stroke-linejoin:round}.ring-a{stroke:var(--accent);stroke-width:.9;stroke-dasharray:3 2.4;animation:spin 70s linear infinite}.ring-b{stroke:var(--accent-2);stroke-width:.45;animation:spin 110s linear infinite reverse}@keyframes spin{to{transform:rotate(360deg)}}.portrait-img{position:absolute;inset:6.5%;width:87%;height:87%;object-fit:cover;clip-path:url(#star-clip);background:var(--surface-2)}.code-window{position:absolute;left:-6%;bottom:-17%;width:min(270px,70%);margin:0;background:var(--code-bg);border:1px solid var(--line);box-shadow:0 18px 40px rgba(2,6,28,.35);transform:translate(calc(var(--px)*10px),calc(var(--py)*8px));transition:transform .5s var(--ease);text-align:left;animation:rise .9s .5s var(--ease) both}[data-theme="light"] .code-window{box-shadow:0 18px 40px rgba(14,26,74,.14)}.code-bar{display:flex;align-items:center;gap:6px;padding:8px 12px;border-bottom:1px solid var(--line);font-family:var(--font-mono);font-size:.72rem;color:var(--muted)}.dot{width:9px;height:9px;border-radius:50%;display:inline-block}.d1{background:#FF6B6B}.d2{background:var(--accent-2)}.d3{background:var(--accent)}.code-file{margin-inline-start:auto}.code-pre{margin:0;padding:12px 14px;font-family:var(--font-mono);font-size:.76rem;line-height:1.75;overflow:hidden}.cl{display:block;white-space:pre;animation:codeline .5s both}.cl.ind{padding-left:2ch}.cl:nth-child(1){animation-delay:.7s}.cl:nth-child(2){animation-delay:.85s}.cl:nth-child(3){animation-delay:1s}.cl:nth-child(4){animation-delay:1.15s}.cl:nth-child(5){animation-delay:1.3s}.cl:nth-child(6){animation-delay:1.45s}.cl:nth-child(7){animation-delay:1.6s}@keyframes codeline{from{opacity:0;transform:translateX(-10px)}to{opacity:1;transform:none}}.code-pre .k{color:var(--tk-k)}.code-pre .v{color:var(--tk-f)}.code-pre .o{color:var(--muted)}.code-pre .p{color:var(--tk-p)}.code-pre .s{color:var(--tk-s)}@media (max-width:900px){.hero{min-height:0;padding-block:28px 64px}.hero-inner{grid-template-columns:1fr}.hero-visual{order:-1;min-height:0}.portrait{--ps:clamp(190px,52vw,260px)}.hero-role{min-height:0}.code-window{left:auto;right:-2%;bottom:-8%;width:min(230px,62%)}}@media (max-width:560px){.code-window{display:none}.hero-name-en{text-align:right}}.page-hero{padding-block:clamp(28px,5vw,60px) clamp(24px,4vw,44px)}.page-title{font-size:clamp(2rem,5.2vw,3.5rem);margin:0 0 .3em;line-height:1.3}.page-lead{max-width:60ch;color:var(--muted);font-size:clamp(1rem,2vw,1.18rem);margin:0}.page-hero .hero-cta{margin-top:20px}.breadcrumb ol{display:flex;flex-wrap:wrap;gap:0 8px;list-style:none;margin:0 0 14px;font-size:.88rem;color:var(--muted)}.breadcrumb li+li::before{content:"‹";margin-inline-end:8px;opacity:.6}.breadcrumb a{color:var(--muted);text-decoration:none}.breadcrumb a:hover{color:var(--link);text-decoration:underline}.breadcrumb [aria-current]{color:var(--text)}.bento{display:grid;grid-template-columns:repeat(12,1fr);gap:clamp(12px,2vw,20px)}.tile-story{grid-column:span 6;grid-row:span 2;display:flex;flex-direction:column;justify-content:center}.tile-story p{color:var(--muted)}.tile-story p:first-of-type{color:var(--text);font-size:1.12rem}.tile-exp,.tile-year{grid-column:span 3}.tile-major{grid-column:span 6}.tile-interests{grid-column:span 7}.tile-contact{grid-column:span 5}.stat-num{display:flex;align-items:baseline;gap:8px;font-size:clamp(2.8rem,6vw,4.2rem);font-weight:800;line-height:1.1;color:var(--accent);margin:0 0 6px}.stat-unit{font-size:1.2rem;color:var(--muted);font-weight:700}.tile-actions{display:flex;flex-wrap:wrap;gap:10px}@media (max-width:900px){.tile-story,.tile-major,.tile-interests,.tile-contact{grid-column:1/-1;grid-row:auto}.tile-exp,.tile-year{grid-column:span 6}}.marquee{overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent);mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent)}.marquee-track{display:flex;width:max-content;animation:marq 38s linear infinite}.marquee-group{display:flex;list-style:none}.marquee-group li{display:inline-flex;align-items:center;gap:12px;padding:6px 26px;font-family:var(--font-en);font-weight:700;font-size:clamp(1.3rem,3.4vw,2rem);color:var(--muted);white-space:nowrap}.mq-star{width:16px;height:16px;fill:none;stroke:var(--accent);stroke-width:1.6}@keyframes marq{to{transform:translateX(-50%)}}@media (hover:hover){.marquee:hover .marquee-track{animation-play-state:paused}}.cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:clamp(14px,2vw,22px)}.post-card,.project-card{display:flex;flex-direction:column;padding:0}.card-cover{position:relative;margin:1px 1px 0;aspect-ratio:16/9;overflow:hidden}.cover{display:block;width:100%;height:100%;background:linear-gradient(135deg,var(--g1),var(--g2));transition:transform .8s var(--ease)}@media (hover:hover){.tile:hover .cover{transform:scale(1.06) rotate(1deg)}}.cv-v0{--g1:#101C4F;--g2:#1B2D7A;--c1:#37D5C5;--c2:#F2B33D;--c3:#8EA2FF}.cv-v1{--g1:#0E2A4A;--g2:#0C4B5E;--c1:#7CF0E0;--c2:#FFD27A;--c3:#A7B8FF}.cv-v2{--g1:#2A1850;--g2:#4A2A7A;--c1:#F2B33D;--c2:#37D5C5;--c3:#FF9FB5}.cv-v3{--g1:#12214F;--g2:#2B3C8E;--c1:#FF8A7A;--c2:#F2B33D;--c3:#7CF0E0}.cover .c1{stroke:var(--c1)}.cover .c2{stroke:var(--c2)}.cover .c3{stroke:var(--c3)}.cover .f1{fill:var(--c1);stroke:none}.badge{position:absolute;top:10px;inset-inline-start:10px;padding:0 10px;background:var(--accent-2);color:var(--on-accent);font-size:.78rem;font-weight:800;line-height:1.8}.card-body{display:flex;flex-direction:column;gap:2px;padding:18px 20px 20px;flex:1}.card-body .chips{margin-bottom:6px}.card-kicker{margin:0;color:var(--accent);font-size:.82rem;font-weight:800}.card-title{font-size:1.18rem;margin:0 0 .3em}.card-title a{color:var(--text);text-decoration:none}.stretched::after{content:"";position:absolute;inset:0;z-index:1}.card-body .chips-links a{position:relative;z-index:2}.card-text{color:var(--muted);font-size:.95rem;line-height:1.8;margin:0 0 12px}.meta{display:flex;flex-wrap:wrap;gap:0 16px;margin:auto 0 0;color:var(--muted);font-size:.82rem}.meta>*+*::before{content:"";display:inline-block;width:5px;height:5px;margin-inline-end:10px;background:var(--accent);transform:rotate(45deg);vertical-align:middle}.card-links{display:flex;gap:16px;margin:12px 0 0;position:relative;z-index:2}.project-card .chips{margin:auto 0 0}.project-card .card-links{margin-top:12px}.filters-empty{text-align:center;padding:30px}.prose{font-size:1.0625rem;line-height:2}.prose>*:first-child{margin-top:0}.prose h2{font-size:clamp(1.4rem,3vw,1.8rem);margin:2.1em 0 .6em;position:relative}.prose h3{font-size:1.25rem;margin:1.8em 0 .5em}.prose h2,.prose h3{scroll-margin-top:calc(var(--header-h) + 16px)}.hanchor{margin-inline-start:.5em;color:var(--muted);text-decoration:none;font-weight:400;opacity:0;transition:opacity .2s}.prose h2:hover .hanchor,.prose h3:hover .hanchor,.hanchor:focus{opacity:1}.prose p,.prose ul,.prose ol{margin-bottom:1.2em}.prose ul,.prose ol{padding-inline-start:1.5em}.prose li{margin-bottom:.35em}.prose li::marker{color:var(--accent)}.prose a{font-weight:600}.prose code{font-family:var(--font-mono);font-size:.86em;padding:.1em .45em;background:var(--bg-2);border:1px solid var(--line);border-radius:5px;direction:ltr;unicode-bidi:isolate}.prose img{margin-inline:auto}.prose figure{margin:1.6em 0}.prose figcaption{text-align:center;color:var(--muted);font-size:.88rem;margin-top:8px}.prose blockquote{margin:1.6em 0;padding:.4em 1.4em;border-inline-start:3px solid var(--accent);color:var(--muted);background:var(--bg-2)}.prose hr{border:0;height:1px;background:var(--line);margin:2.4em 0}.table-wrap{overflow-x:auto;margin:1.6em 0}.prose table{border-collapse:collapse;width:100%;font-size:.95rem}.prose th,.prose td{padding:8px 14px;border:1px solid var(--line)}.prose th{background:var(--bg-2)}.al-center{text-align:center}.al-end{text-align:end}.al-start{text-align:start}.code-block{margin:1.6em 0;border:1px solid var(--line);background:var(--code-bg);direction:ltr;text-align:left}.code-head{display:flex;align-items:center;justify-content:space-between;padding:4px 6px 4px 14px;border-bottom:1px solid var(--line);font-family:var(--font-mono);font-size:.76rem;color:var(--muted)}.copy-btn{min-height:32px;padding:0 14px;border:1px solid var(--line);background:transparent;font-size:.78rem;border-radius:5px}.copy-btn:hover{border-color:var(--accent);color:var(--link)}.code-block pre{margin:0;padding:16px;overflow-x:auto;font-family:var(--font-mono);font-size:.86rem;line-height:1.8;tab-size:2}.prose .code-block code{padding:0;border:0;background:none;font-size:inherit;border-radius:0;unicode-bidi:normal}.tk-c{color:var(--tk-c);font-style:italic}.tk-s{color:var(--tk-s)}.tk-n{color:var(--tk-n)}.tk-k{color:var(--tk-k)}.tk-f{color:var(--tk-f)}.tk-p{color:var(--tk-p)}.callout{margin:1.6em 0;padding:14px 20px;border:1px solid var(--line);border-inline-start:4px solid var(--accent);background:var(--bg-2)}.callout p:last-child{margin-bottom:0}.callout-title{font-weight:800;margin-bottom:.3em!important}.callout-tip{border-inline-start-color:var(--accent)}.callout-note{border-inline-start-color:#7FB0FF}.callout-warn{border-inline-start-color:var(--accent-2)}.post-header{position:relative;overflow:hidden;isolation:isolate;padding-block:clamp(28px,5vw,56px) clamp(20px,3vw,36px)}.post-cover{position:absolute;inset:0;z-index:-1;opacity:.55;-webkit-mask-image:linear-gradient(to bottom,#000,transparent);mask-image:linear-gradient(to bottom,#000,transparent)}.post-cover .cover{background:none}.post-header-inner{max-width:calc(860px + var(--gutter)*2)}.post-title{font-size:clamp(1.8rem,4.6vw,3rem);line-height:1.5;margin:14px 0 .3em}.post-lead{font-size:clamp(1.05rem,2.2vw,1.25rem);color:var(--muted);margin-bottom:20px}.post-meta{display:flex;flex-wrap:wrap;align-items:center;gap:6px 22px;color:var(--muted);font-size:.9rem}.post-author{display:inline-flex;align-items:center;gap:10px}.post-author a{color:var(--text);font-weight:800;text-decoration:none}.avatar-mini{width:40px;height:40px;object-fit:cover;clip-path:url(#star-clip);background:var(--surface-2);flex:none}.post-layout{display:grid;grid-template-columns:minmax(0,1fr);gap:28px;padding-block:clamp(20px,4vw,40px)}.post-aside{order:-1}@media (min-width:1101px){.post-layout{grid-template-columns:minmax(0,780px) 280px;justify-content:center;gap:56px}.post-aside{order:0;position:sticky;top:calc(var(--header-h) + 20px);align-self:start}}.toc{padding:0}.toc summary{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px 20px;font-weight:800;cursor:pointer;list-style:none}.toc summary::-webkit-details-marker{display:none}.toc summary .icon{transition:transform .25s}.toc[open] summary .icon{transform:rotate(180deg)}.toc ol{list-style:none;padding:0 20px 16px}.toc li{margin:0}.toc a{display:block;padding:3px 0;color:var(--muted);font-size:.92rem;line-height:1.7;text-decoration:none;border-inline-start:2px solid transparent;padding-inline-start:10px;transition:color .2s,border-color .2s}.toc .toc-l3 a{padding-inline-start:24px;font-size:.86rem}.toc a:hover,.toc a.is-active{color:var(--text);border-inline-start-color:var(--accent)}.share{margin:2.4em 0 1.6em;padding-top:1.4em;border-top:1px solid var(--line)}.share-title{font-weight:800;margin-bottom:10px}.share-actions{display:flex;flex-wrap:wrap;gap:10px}.author-box{display:flex;gap:18px;align-items:flex-start;margin-bottom:28px}.author-box .avatar-mini{width:64px;height:64px}.author-box p{margin:0 0 .4em;color:var(--muted);font-size:.95rem}.author-name{color:var(--text)!important;font-weight:800;font-size:1.1rem!important}.author-links{display:flex;gap:16px;flex-wrap:wrap}.post-nav{display:grid;grid-template-columns:1fr 1fr;gap:14px}.post-nav-link{display:flex;flex-direction:column;gap:4px;color:var(--text);text-decoration:none}.post-nav-link[rel="next"]{text-align:start}.post-nav-label{font-size:.82rem;color:var(--accent);font-weight:800}.post-nav-title{font-weight:700;line-height:1.6}@media (max-width:620px){.post-nav{grid-template-columns:1fr}.author-box{flex-direction:column}}.about-grid{display:grid;grid-template-columns:auto 1fr;gap:clamp(24px,5vw,64px);align-items:center}.about-visual{display:grid;place-items:center}.about-text h2{margin-top:0}@media (max-width:760px){.about-grid{grid-template-columns:1fr}}.facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px 28px;margin:0}.facts dt{color:var(--muted);font-size:.88rem;font-weight:700}.facts dd{margin:0;font-weight:700}.timeline{list-style:none;position:relative;display:grid;gap:clamp(14px,2vw,22px);padding-inline-start:34px}.timeline::before{content:"";position:absolute;inset-block:8px;inset-inline-start:9px;width:2px;background:linear-gradient(var(--accent),var(--accent-2))}.tl-item{position:relative}.tl-item::before{content:"";position:absolute;inset-inline-start:-34px;top:.55em;width:20px;height:20px;background:var(--accent-2);clip-path:polygon(50% 0,63% 25%,93% 25%,75% 50%,93% 75%,63% 75%,50% 100%,37% 75%,7% 75%,25% 50%,7% 25%,37% 25%)}.tl-when{margin:0;color:var(--accent);font-weight:800;font-size:.9rem}.tl-title{margin:0 0 .2em;font-size:1.2rem}.tl-item p:last-child{color:var(--muted);margin:0}.faq{display:grid;gap:10px}.faq-item{border:1px solid var(--line);background:var(--surface)}.faq-item summary{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 20px;font-weight:800;cursor:pointer;list-style:none}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary .icon{transition:transform .25s;color:var(--accent)}.faq-item[open] summary .icon{transform:rotate(180deg)}.faq-item[open]{border-color:var(--accent)}.faq-a{padding:0 20px 6px;color:var(--muted)}.section-cta{padding-top:clamp(24px,4vw,40px)}.cta-band{position:relative;overflow:hidden;isolation:isolate;display:grid;grid-template-columns:1fr auto;gap:20px 40px;align-items:center;padding:clamp(24px,5vw,52px);background:linear-gradient(120deg,var(--surface-2),var(--surface));border:1px solid var(--line);clip-path:polygon(24px 0,calc(100% - 24px) 0,100% 24px,100% calc(100% - 24px),calc(100% - 24px) 100%,24px 100%,0 calc(100% - 24px),0 24px)}.cta-star{position:absolute;z-index:-1;inset-inline-start:-60px;top:50%;width:300px;height:300px;margin-top:-150px;fill:none;stroke:var(--accent);stroke-width:.5;opacity:.45;animation:spin 90s linear infinite}.cta-title{font-size:clamp(1.4rem,3.4vw,2.1rem);margin:0 0 .3em}.cta-copy p{margin:0;color:var(--muted);max-width:48ch}.cta-actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end}@media (max-width:900px){.cta-band{grid-template-columns:1fr}.cta-actions{justify-content:flex-start}}.search{margin-top:22px;max-width:520px}.search-field{display:flex;align-items:center;gap:10px;padding:0 16px;border:1px solid var(--line);background:var(--bg-2);border-radius:8px;transition:border-color .2s}.search-field:focus-within{border-color:var(--accent)}.search-field input[type="search"],.search-field input[type="text"]{flex:1;min-width:0;width:auto;height:50px;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;font-size:1rem;outline:none}.search-field .icon{color:var(--muted)}.search-status{margin-bottom:18px}.pagination{margin-top:36px}.pagination ul{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;list-style:none}.pagination a{display:grid;place-items:center;min-width:44px;height:44px;padding:0 14px;border:1px solid var(--line);color:var(--text);font-weight:700;text-decoration:none;border-radius:6px}.pagination a:hover{border-color:var(--accent)}.pagination a[aria-current]{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}.more-tags{margin-top:48px}.field{margin-bottom:18px}.field label{display:block;margin-bottom:6px;font-weight:700;font-size:.95rem}input[type="text"],input[type="search"],input[type="email"],textarea{width:100%;padding:12px 14px;border:1px solid var(--line);background:var(--bg-2);border-radius:8px;font-size:1rem;line-height:1.7;transition:border-color .2s,box-shadow .2s}textarea{resize:vertical;min-height:130px}input:focus,textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--glow)}input::placeholder,textarea::placeholder{color:var(--muted);opacity:.7}.field-hint{margin:6px 0 0;color:var(--muted);font-size:.85rem}.form-title{font-size:1.25rem;margin-bottom:.9em}.form-row{display:flex;align-items:center;flex-wrap:wrap;gap:12px 18px;margin-bottom:12px}.form-status{margin:0;font-size:.95rem;color:var(--muted)}.form-status.is-ok{color:var(--link)}.form-status.is-error{color:var(--danger)}.hp{position:absolute!important;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);opacity:0;pointer-events:none}.comment-list{display:grid;gap:16px;margin-bottom:32px}.comment{display:flex;gap:14px;padding:16px 0;border-bottom:1px solid var(--line)}.comment:last-child{border-bottom:0}.comment-avatar{flex:none;width:44px;height:44px;display:grid;place-items:center;font-weight:800;font-size:1.1rem;color:var(--on-accent);clip-path:url(#star-clip)}.av-0{background:#37D5C5}.av-1{background:#F2B33D}.av-2{background:#8EA2FF}.av-3{background:#FF9FB5}.av-4{background:#7CF0E0}.comment-body{flex:1;min-width:0}.comment-head{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 12px;margin-bottom:2px}.comment-head time{color:var(--muted);font-size:.82rem}.comment-text{margin:0;white-space:pre-line;overflow-wrap:anywhere}.comment-reply{margin-top:10px;padding:8px 16px;border-inline-start:3px solid var(--accent-2);background:var(--bg-2)}.comment-reply p{margin:0;white-space:pre-line}.count{color:var(--muted);font-weight:700;font-size:.8em}.contact-grid{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:clamp(20px,4vw,48px);align-items:start}.contact-cards{display:grid;gap:clamp(12px,2vw,20px)}.contact-card{display:block;color:var(--text);text-decoration:none}.contact-card .icon-lg{color:var(--accent);margin-bottom:10px}.contact-value{font-family:var(--font-en);font-weight:700;font-size:1.15rem;margin:0 0 2px;text-align:right;overflow-wrap:anywhere}.contact-hint{margin:0;color:var(--muted);font-size:.9rem}.contact-success{text-align:center;padding-block:clamp(30px,6vw,56px)}.success-check{width:76px;height:76px;margin:0 auto 14px;fill:none;stroke:var(--accent);stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}.success-check circle{stroke-dasharray:152;stroke-dashoffset:152;animation:draw .8s var(--ease) forwards}.success-check path{stroke:var(--accent-2);stroke-dasharray:44;stroke-dashoffset:44;animation:draw .5s .6s var(--ease) forwards}@keyframes draw{to{stroke-dashoffset:0}}@media (max-width:860px){.contact-grid{grid-template-columns:1fr}}.err{min-height:calc(100vh - var(--header-h) - 120px);min-height:calc(100svh - var(--header-h) - 120px);display:grid;place-items:center;text-align:center;padding-block:clamp(36px,7vw,80px)}.err-inner{display:flex;flex-direction:column;align-items:center}.err-art{width:clamp(84px,18vw,124px);height:auto;color:var(--accent);margin-bottom:6px;overflow:visible}.err-art .dot{fill:currentColor;stroke:none}.err-art .orb{fill:var(--accent-2);stroke:none}.err-art .a-slash{stroke:var(--accent-2)}.err-code{position:relative;margin:0;font-family:var(--font-en);font-weight:800;font-size:clamp(5rem,24vw,12rem);line-height:1;color:transparent;-webkit-text-stroke:2px var(--accent);letter-spacing:.02em}.err-code::before,.err-code::after{content:attr(data-text);position:absolute;inset:0;color:transparent;-webkit-text-stroke:2px var(--accent-2);opacity:0}.err-404 .err-code::before,.err-410 .err-code::before{opacity:.8;-webkit-text-stroke-color:var(--accent-2);animation:glitch-a 3.2s steps(1) infinite}.err-404 .err-code::after,.err-410 .err-code::after{opacity:.7;-webkit-text-stroke-color:#FF6B8B;animation:glitch-b 3.2s steps(1) infinite}@keyframes glitch-a{0%,86%,100%{transform:none;clip-path:inset(0 0 0 0);opacity:0}88%{transform:translate(-6px,2px);clip-path:inset(10% 0 55% 0);opacity:.85}92%{transform:translate(5px,-2px);clip-path:inset(60% 0 8% 0);opacity:.85}96%{transform:translate(-3px,0);clip-path:inset(30% 0 40% 0);opacity:.85}}@keyframes glitch-b{0%,84%,100%{transform:none;clip-path:inset(0 0 0 0);opacity:0}86%{transform:translate(6px,-1px);clip-path:inset(45% 0 20% 0);opacity:.8}90%{transform:translate(-5px,2px);clip-path:inset(5% 0 70% 0);opacity:.8}94%{transform:translate(3px,1px);clip-path:inset(70% 0 5% 0);opacity:.8}}.err-title{font-size:clamp(1.5rem,4vw,2.4rem);margin:.3em 0 .2em}.err-text{max-width:50ch;margin:0 0 .3em}.err-hint{max-width:50ch;color:var(--muted);margin:0}.err-auto{margin:14px 0 0;color:var(--muted)}.err-auto strong{color:var(--accent-2);display:inline-block;min-width:1.5em}.err .hero-cta{justify-content:center}.a-star{transform-origin:32px 32px;animation:wobble 4.5s ease-in-out infinite}.a-orbit{transform-origin:32px 32px;animation:spin 6s linear infinite}@keyframes wobble{0%,100%{transform:rotate(-7deg)}50%{transform:rotate(7deg)}}.a-shackle{transform-origin:42px 28px;animation:shackle 3.2s ease-in-out infinite}@keyframes shackle{0%,60%,100%{transform:none}70%{transform:translateY(-3px) rotate(-12deg)}80%{transform:translateY(-3px) rotate(8deg)}90%{transform:translateY(-1px) rotate(-4deg)}}.a-key{transform-origin:20px 32px;animation:keyturn 3.6s ease-in-out infinite}@keyframes keyturn{0%,100%{transform:rotate(-14deg)}50%{transform:rotate(14deg)}}.a-hand-m{transform-origin:32px 32px;animation:spin 5s linear infinite}.a-hand-h{transform-origin:32px 32px;animation:spin 60s linear infinite}.a-glass{transform-origin:32px 32px;animation:flip 5s ease-in-out infinite}@keyframes flip{0%,70%{transform:rotate(0)}95%,100%{transform:rotate(180deg)}}.a-sand{fill:var(--accent-2);stroke:none;animation:sand 1.2s linear infinite}@keyframes sand{0%{transform:translateY(0);opacity:1}100%{transform:translateY(24px);opacity:.1}}.a-gear{transform-origin:32px 32px;animation:spin 9s linear infinite}.err-slow .a-gear{animation-duration:22s}.a-plug-l{animation:plug-l 3.2s ease-in-out infinite}.a-plug-r{animation:plug-r 3.2s ease-in-out infinite}@keyframes plug-l{0%,100%{transform:translateX(-7px)}50%{transform:translateX(0)}}@keyframes plug-r{0%,100%{transform:translateX(7px)}50%{transform:translateX(0)}}.a-spark{stroke:var(--accent-2);animation:spark 3.2s steps(1) infinite}@keyframes spark{0%,10%{opacity:1}20%,40%{opacity:0}45%,55%{opacity:1}60%,100%{opacity:0}}.a-arc{animation:arc 2.4s ease-in-out infinite;opacity:.25}.a-arc.a2{animation-delay:.3s}.a-arc.a3{animation-delay:.6s}@keyframes arc{0%,100%{opacity:.2}40%{opacity:1}}.a-sq1{transform-origin:32px 32px;animation:wobble 5s ease-in-out infinite}.a-sq2{transform-origin:32px 32px;animation:wobble 5s ease-in-out infinite reverse;stroke:var(--accent-2)}@view-transition{navigation:auto}::view-transition-old(root){animation:.18s ease both fade-out}::view-transition-new(root){animation:.28s ease both fade-in}@keyframes fade-out{to{opacity:0}}@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}.js [data-reveal]{opacity:1;transform:none}.marquee-track{width:auto;flex-wrap:wrap;justify-content:center}.marquee-group[aria-hidden="true"]{display:none}.marquee-group{flex-wrap:wrap;justify-content:center}.scroll-hint{animation:none}.err-code::before,.err-code::after{display:none}}@media print{.site-header,.site-footer,.to-top,.read-progress,.tilefield,.share,.comments-section,.cta-band,.scroll-hint{display:none!important}body{background:#fff;color:#000}a{color:#000}}