:root{--ground:#0c1210;--surface:#121a16;--surface-2:#18211c;--raise:#1e2822;--text:#e8ede9;--muted:#8e9b92;--faint:#e8ede911;--faint-2:#e8ede91c;--pine:#5da98b;--pine-strong:#84cbab;--bone:#cdbfa6;--maxw:1200px;--step--1:clamp(.82rem,.78rem + .2vw,.9rem);--step-0:clamp(1rem,.96rem + .2vw,1.1rem);--step-1:clamp(1.2rem,1.1rem + .5vw,1.4rem);--step-2:clamp(1.5rem,1.3rem + 1vw,1.95rem);--step-3:clamp(2rem,1.6rem + 2vw,3rem);--step-4:clamp(2.6rem,1.9rem + 3.4vw,4.6rem);--sp:clamp(4.5rem,3rem + 6vw,8rem);color-scheme:dark}*{box-sizing:border-box;margin:0}html{scroll-behavior:smooth;direction:rtl}.skip-link{inset-inline-start:-9999px;z-index:200;background:var(--pine);color:var(--ground);border-radius:8px;padding:.55rem .9rem;font-weight:700;position:absolute;top:.6rem}.skip-link:focus{inset-inline-start:.6rem}body{background:var(--ground);color:var(--text);font-family:Assistant,system-ui,Segoe UI,Arial,sans-serif;font-size:var(--step-0);-webkit-font-smoothing:antialiased;font-weight:400;line-height:1.7;overflow-x:hidden}h1,h2,h3{text-wrap:balance;letter-spacing:-.01em;font-family:Heebo,system-ui,sans-serif;font-weight:800;line-height:1.08}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.wrap{max-width:var(--maxw);margin-inline:auto;padding-inline:clamp(1.1rem,.6rem + 2.5vw,2.4rem)}.mono{font-family:JetBrains Mono,ui-monospace,monospace}.eyebrow{letter-spacing:.22em;text-transform:uppercase;color:var(--pine);direction:ltr;align-items:center;gap:.6rem;font-family:JetBrains Mono,monospace;font-size:.74rem;display:inline-flex}.eyebrow:before{content:"";background:var(--pine);opacity:.7;width:26px;height:1px}.muted{color:var(--muted)}section{position:relative}.rule{background:var(--faint);border:0;height:1px;margin:0}header{z-index:50;backdrop-filter:blur(12px);background:color-mix(in srgb,var(--ground) 78%,transparent);border-bottom:1px solid var(--faint);position:sticky;top:0}.nav{justify-content:space-between;align-items:center;gap:1.5rem;height:70px;display:flex}.brand{letter-spacing:-.02em;align-items:center;gap:.6rem;font-family:Heebo;font-size:1.12rem;font-weight:900;display:flex}.brand .mark{object-fit:contain;width:26px;height:26px}.brand .sep{color:var(--pine);font-weight:600}.brand .who{color:var(--muted);font-size:.92rem;font-weight:600}.brand .cone{color:var(--pine)}nav.links{gap:1.6rem;font-size:.95rem;display:flex}nav.links a{color:var(--muted);transition:color .2s}nav.links a:hover{color:var(--text)}.btn{white-space:nowrap;cursor:pointer;border:0;border-radius:9px;align-items:center;gap:.5rem;padding:.66rem 1.15rem;font-size:.95rem;font-weight:700;transition:all .22s;display:inline-flex}.btn-primary{background:var(--pine);color:#08110c}.btn-primary:hover{background:var(--pine-strong);transform:translateY(-1px)}.btn-ghost{border:1px solid var(--faint-2);color:var(--text);background:0 0}.btn-ghost:hover{border-color:var(--pine);color:var(--pine)}.nav .btn{padding:.55rem 1rem}.nav-cta{align-items:center;gap:.9rem;display:flex}.menu-btn{color:var(--text);cursor:pointer;background:0 0;border:0;padding:.1rem .3rem;font-size:1.7rem;line-height:1;display:none}.mobile-menu{display:none}.menu-close{top:1.1rem;color:var(--text);cursor:pointer;background:0 0;border:0;font-size:2.4rem;line-height:1;position:absolute;inset-inline-start:1.4rem}a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid var(--pine);outline-offset:3px;border-radius:4px}.hero{padding-top:clamp(3rem,2rem + 5vw,6rem);padding-bottom:var(--sp);position:relative;overflow:hidden}.hero-grid-bg{z-index:0;opacity:.5;background-image:linear-gradient(var(--faint) 1px,transparent 1px),linear-gradient(90deg,var(--faint) 1px,transparent 1px);background-size:54px 54px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(120% 90% at 78% 8%,#000 0%,#0000 62%);mask-image:radial-gradient(120% 90% at 78% 8%,#000 0%,#0000 62%)}.hero-glow{z-index:0;top:-18%;pointer-events:none;filter:blur(20px);background:radial-gradient(circle,#5da98b33,#0000 62%);width:640px;height:640px;position:absolute;inset-inline-end:-8%}.hero-canvas{z-index:0;opacity:.55;pointer-events:none;position:absolute;inset:0}.hero-inner{z-index:1;grid-template-columns:1.15fr .85fr;align-items:center;gap:clamp(2rem,1rem + 4vw,4.5rem);display:grid;position:relative}.hero h1{font-size:var(--step-4);margin:1.4rem 0 0;font-weight:900}.hero h1 .accent{color:var(--pine)}.hero .lead{font-size:var(--step-1);color:var(--muted);max-width:34ch;margin-top:1.5rem;font-weight:400;line-height:1.6}.hero .lead b{color:var(--text);font-weight:600}.hero-actions{flex-wrap:wrap;gap:.9rem;margin-top:2.1rem;display:flex}.kw{direction:ltr;flex-wrap:wrap;justify-content:flex-start;gap:.5rem;margin-top:2.4rem;display:flex}.kw span{color:var(--muted);border:1px solid var(--faint);border-radius:6px;padding:.3rem .6rem;font-family:JetBrains Mono,monospace;font-size:.76rem}.stack{border:1px solid var(--faint-2);background:linear-gradient(180deg,var(--surface-2),var(--surface));border-radius:16px;padding:1.1rem;position:relative;overflow:hidden}.stack:before{content:"~/ full-stack";top:.85rem;color:var(--muted);letter-spacing:.08em;direction:ltr;font-family:JetBrains Mono,monospace;font-size:.7rem;position:absolute;inset-inline-start:1.1rem}.stack .layers{flex-direction:column;gap:.7rem;margin-top:2.4rem;display:flex}.layer{border:1px solid var(--faint);background:#ffffff03;border-radius:10px;padding:.85rem .95rem;transition:all .25s}.layer:hover{border-color:color-mix(in srgb,var(--pine) 55%,transparent);transform:translate(-3px)}.layer .lname{color:var(--pine);letter-spacing:.14em;text-transform:uppercase;direction:ltr;font-family:JetBrains Mono,monospace;font-size:.72rem}.layer .ltech{color:var(--text);direction:ltr;margin-top:.35rem;font-family:JetBrains Mono,monospace;font-size:.82rem;line-height:1.5}.layer.mid{margin-inline:.7rem}.layer.active{border-color:color-mix(in srgb,var(--pine) 60%,transparent);background:#5da98b12}.sec{padding-block:var(--sp)}.sec-head{max-width:56ch}.sec-head h2{font-size:var(--step-3);margin-top:1rem}.sec-head p{color:var(--muted);font-size:var(--step-1);margin-top:1rem;font-weight:400}.problem{background:var(--surface);border-block:1px solid var(--faint)}.problem .big{font-family:Heebo;font-weight:800;font-size:var(--step-3);max-width:20ch;line-height:1.25}.problem .big .hl{color:var(--pine)}.problem .sub{color:var(--muted);max-width:52ch;font-size:var(--step-1);margin-top:1.6rem;font-weight:400}.problem-grid{grid-template-columns:1.1fr .9fr;align-items:center;gap:clamp(1.5rem,1rem + 3vw,4rem);display:grid}.cols3{grid-template-columns:repeat(3,1fr);gap:1.3rem;margin-top:3rem;display:grid}.do{border-top:2px solid var(--pine);padding-top:1.2rem}.do .n{color:var(--pine);letter-spacing:.1em;direction:ltr;font-family:JetBrains Mono,monospace;font-size:.8rem}.do h3{font-size:var(--step-2);margin:.7rem 0 .5rem}.do p{color:var(--muted)}.svc{grid-template-columns:1fr 1fr;gap:1.3rem;margin-top:3rem;display:grid}.card{border:1px solid var(--faint-2);background:linear-gradient(180deg,var(--surface),var(--ground));border-radius:16px;padding:clamp(1.4rem,1rem + 1.6vw,2.3rem);transition:all .3s;position:relative;overflow:hidden}.card:hover{border-color:color-mix(in srgb,var(--pine) 50%,transparent);transform:translateY(-4px)}.card .idx{color:var(--muted);direction:ltr;font-family:JetBrains Mono,monospace;font-size:.78rem}.card h3{font-size:var(--step-2);margin:.8rem 0}.card ul{flex-wrap:wrap;gap:.45rem;margin:1.2rem 0 1.6rem;list-style:none;display:flex}.card ul li{color:var(--muted);border:1px solid var(--faint);direction:ltr;border-radius:6px;padding:.28rem .55rem;font-family:JetBrains Mono,monospace;font-size:.76rem}.card .go{color:var(--pine);align-items:center;gap:.45rem;font-weight:700;transition:gap .2s;display:inline-flex}.card:hover .go{gap:.85rem}.why{grid-template-columns:repeat(2,1fr);gap:1.3rem;margin-top:3rem;display:grid}.why .item{border:1px solid var(--faint);background:#ffffff03;border-radius:12px;gap:1rem;padding:1.2rem;display:flex}.why .item .mk{color:var(--bone);direction:ltr;padding-top:.15rem;font-family:JetBrains Mono;font-size:.9rem}.why h3{font-size:var(--step-1);margin-bottom:.35rem}.why p{color:var(--muted);font-size:.98rem}.tech-grid{grid-template-columns:repeat(3,1fr);gap:1.3rem;margin-top:3rem;display:grid}.tech-col .lbl{color:var(--pine);letter-spacing:.16em;text-transform:uppercase;border-bottom:1px solid var(--faint);direction:ltr;margin-bottom:1rem;padding-bottom:.9rem;font-family:JetBrains Mono;font-size:.76rem;display:block}.tech-col ul{flex-direction:column;gap:.55rem;list-style:none;display:flex}.tech-col li{color:var(--text);direction:ltr;font-family:JetBrains Mono;font-size:.92rem}.tech-col li:before{content:"—";color:var(--muted);margin-inline-end:.55rem}.steps{border-top:1px solid var(--faint);margin-top:3rem}.step{border-bottom:1px solid var(--faint);color:inherit;grid-template-columns:auto 1fr;align-items:baseline;gap:1.4rem;padding:1.35rem 0;transition:all .25s;display:grid}.step:hover{padding-inline-start:.6rem}.step .sn{color:var(--pine);font-variant-numeric:tabular-nums;direction:ltr;font-family:JetBrains Mono;font-size:.9rem}.step .st{font-family:Heebo;font-weight:700;font-size:var(--step-1)}.step .sd{color:var(--muted);grid-column:2}.work{grid-template-columns:1fr 1fr 1fr;gap:1.3rem;margin-top:3rem;display:grid}.proj{border:1px solid var(--faint-2);background:var(--surface);border-radius:16px;transition:all .3s;display:block;overflow:hidden}.proj:hover{border-color:color-mix(in srgb,var(--pine) 45%,transparent);transform:translateY(-4px)}.proj .thumb{aspect-ratio:16/10;border-bottom:1px solid var(--faint);background:#0e1512;position:relative;overflow:hidden}.proj .thumb img{object-fit:cover;width:100%;height:100%;transition:transform .5s}.proj:hover .thumb img{transform:scale(1.04)}.proj .body{padding:1.2rem}.proj h3{font-size:var(--step-1)}.proj p{color:var(--muted);margin-top:.4rem;font-size:.95rem}.proj .tag{color:var(--bone);direction:ltr;margin-top:.9rem;font-family:JetBrains Mono;font-size:.72rem}.quote{background:var(--surface);border-block:1px solid var(--faint);text-align:center}.quote .q{font-family:Heebo;font-weight:700;font-size:var(--step-2);max-width:24ch;margin-inline:auto;line-height:1.4}.quote .qm{color:var(--muted);margin-top:1.2rem;font-family:JetBrains Mono;font-size:.82rem}.faq{border-top:1px solid var(--faint);margin-top:2.6rem}details{border-bottom:1px solid var(--faint)}summary{cursor:pointer;font-family:Heebo;font-weight:700;font-size:var(--step-1);justify-content:space-between;align-items:center;gap:1rem;padding:1.2rem 0;list-style:none;display:flex}summary::-webkit-details-marker{display:none}summary .pl{color:var(--pine);font-weight:400;transition:transform .25s}details[open] summary .pl{transform:rotate(45deg)}details p{color:var(--muted);max-width:64ch;padding:0 0 1.3rem}.final{text-align:center;background:linear-gradient(180deg,var(--surface-2),var(--ground));position:relative;overflow:hidden}.final:before{content:"";opacity:.6;background:radial-gradient(60% 70% at 50% 0,#5da98b29,#0000 70%);position:absolute;inset:0}.final .inner{z-index:1;position:relative}.final h2{font-size:var(--step-3);max-width:20ch;margin-inline:auto}.final p{color:var(--muted);max-width:46ch;font-size:var(--step-1);margin:1.1rem auto 2rem}footer{border-top:1px solid var(--faint);color:var(--muted);padding-block:2.4rem;font-size:.9rem}.foot{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1.5rem;display:flex}.foot .mono{font-size:.8rem}.page-head{padding-top:clamp(2.5rem,2rem + 3vw,4.5rem);padding-bottom:1rem}.page-head h1{font-size:var(--step-4);margin-top:1rem}.page-head p{color:var(--muted);font-size:var(--step-1);max-width:60ch;margin-top:1.2rem}.prose{max-width:70ch}.prose h2{font-size:var(--step-2);margin:2.4rem 0 1rem}.prose h3{font-size:var(--step-1);margin:1.8rem 0 .6rem}.prose p{color:var(--muted);margin-bottom:1rem}.hero .eyebrow,.hero .lead,.hero-actions,.hero .kw{opacity:0;transition:opacity .8s,transform .9s cubic-bezier(.19,1,.22,1);transform:translateY(16px)}.stack .layer{opacity:0;transition:opacity .7s,transform .9s cubic-bezier(.19,1,.22,1),border-color .25s,background .25s;transform:translateY(18px)}body.loaded .hero .eyebrow{opacity:1;transition-delay:50ms;transform:none}body.loaded .hero .lead{opacity:1;transition-delay:.5s;transform:none}body.loaded .hero-actions{opacity:1;transition-delay:.62s;transform:none}body.loaded .hero .kw{opacity:1;transition-delay:.74s;transform:none}body.loaded .stack .layer:first-child{opacity:1;transition-delay:.42s;transform:none}body.loaded .stack .layer:nth-child(2){opacity:1;transition-delay:.54s;transform:none}body.loaded .stack .layer:nth-child(3){opacity:1;transition-delay:.66s;transform:none}.word{vertical-align:top;padding-bottom:.04em;display:inline-block;overflow:hidden}.word-i{transition:transform 1s cubic-bezier(.19,1,.22,1);display:inline-block;transform:translateY(118%)}body.loaded .word-i{transform:none}.btn{will-change:transform}.rv{opacity:0;clip-path:inset(0 0 8%);transition:opacity .8s cubic-bezier(.2,.7,.2,1),transform .8s cubic-bezier(.2,.7,.2,1),clip-path .8s cubic-bezier(.2,.7,.2,1);transform:translateY(24px)}.rv.in{opacity:1;clip-path:inset(0);transform:none}@media (width<=860px){.hero-inner,.problem-grid,.svc,.why,.tech-grid,.work,.cols3{grid-template-columns:1fr}.menu-btn{display:block}.nav-cta .btn-ghost{display:none}.stack{order:-1}nav.links{display:none}.mobile-menu{z-index:200;background:color-mix(in srgb,var(--ground) 96%,#000);backdrop-filter:blur(10px);opacity:0;visibility:hidden;justify-content:center;align-items:center;padding:2rem;transition:opacity .28s,transform .28s,visibility .28s;display:flex;position:fixed;inset:0;transform:translateY(-6px)}.mobile-menu.open{opacity:1;visibility:visible;transform:none}.mobile-nav{text-align:center;flex-direction:column;align-items:center;gap:1.6rem;display:flex}.mobile-nav a{color:var(--text);font-family:Heebo;font-size:1.5rem;font-weight:700}.mobile-nav a:hover{color:var(--pine)}.mobile-nav .mm-cta{margin-top:1.4rem;font-size:1.05rem}.mobile-nav .mm-cta,.mobile-nav .mm-contact{font-family:Assistant;font-weight:700}.mobile-nav .mm-contact{font-size:1rem}body.menu-open{overflow:hidden}}@media (width<=560px){.work{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.rv,.word-i,.hero .eyebrow,.hero .lead,.hero-actions,.hero .kw,.stack .layer{opacity:1!important;clip-path:none!important;transition:none!important;transform:none!important}.hero-canvas{display:none}html{scroll-behavior:auto}*{animation:none!important}}.shots{grid-template-columns:repeat(3,1fr);gap:1.3rem;margin-top:3rem;display:grid}.shot{border:1px solid var(--faint-2);background:var(--surface);border-radius:14px;margin:0;transition:all .3s;overflow:hidden}.shot:hover{border-color:color-mix(in srgb,var(--pine) 45%,transparent);transform:translateY(-4px)}.shot .bar{border-bottom:1px solid var(--faint);background:var(--surface-2);gap:.4rem;padding:.6rem .8rem;display:flex}.shot .bar i{background:var(--faint-2);border-radius:50%;width:9px;height:9px}.shot img{aspect-ratio:16/9;object-fit:cover;object-position:top;width:100%;transition:transform .5s;display:block}.shot:hover img{transform:scale(1.03)}.shot figcaption{color:var(--muted);padding:.85rem 1rem;font-size:.92rem}.page-hero-img{border:1px solid var(--faint-2);border-radius:16px;max-height:440px;margin:2rem 0 0;overflow:hidden}.page-hero-img img{object-fit:cover;object-position:top;width:100%;display:block}@media (width<=860px){.shots{grid-template-columns:1fr}}.cv-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:1.5rem;padding-top:clamp(2.5rem,2rem + 3vw,4.5rem);display:flex}.cv-header h1{font-size:var(--step-4);margin-top:.6rem}.cv-header .role{color:var(--pine);letter-spacing:.1em;direction:ltr;font-family:JetBrains Mono;font-size:.9rem}.cv-contact{flex-wrap:wrap;gap:.6rem;margin-top:1.3rem;display:flex}.cv-contact a,.cv-contact span{color:var(--muted);border:1px solid var(--faint);direction:ltr;border-radius:7px;padding:.35rem .6rem;font-family:JetBrains Mono;font-size:.82rem}.cv-actions{flex-shrink:0;gap:.7rem;display:flex}.cv-lead{color:var(--muted);font-size:var(--step-1);max-width:70ch;margin-top:1.6rem}.cv-section{border-top:1px solid var(--faint);padding-block:clamp(2rem,1.5rem + 2vw,3.2rem)}.cv-section>h2{font-size:var(--step-2);margin-bottom:1.4rem}.skill-row{margin-bottom:1.1rem}.skill-row .k{color:var(--pine);letter-spacing:.12em;text-transform:uppercase;direction:ltr;margin-bottom:.5rem;font-family:JetBrains Mono;font-size:.76rem}.chips{flex-wrap:wrap;gap:.45rem;display:flex}.chips span{color:var(--text);border:1px solid var(--faint-2);direction:ltr;border-radius:6px;padding:.3rem .55rem;font-family:JetBrains Mono;font-size:.78rem}.exp-item{border-bottom:1px solid var(--faint);padding:1.2rem 0}.exp-item:last-child{border-bottom:0}.exp-item .top{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:1rem;display:flex}.exp-item .r{font-family:Heebo;font-weight:700;font-size:var(--step-1)}.exp-item .co{color:var(--pine)}.exp-item .d{color:var(--muted);direction:ltr;font-family:JetBrains Mono;font-size:.8rem}.exp-item ul{color:var(--muted);margin:.8rem 0 0;padding-inline-start:1.1rem}.exp-item li{margin-bottom:.35rem}.todo{color:var(--bone);font-family:JetBrains Mono;font-size:.82rem}@media (width<=700px){.cv-header{align-items:flex-start}}@media print{header,footer,.hero-canvas,.menu-btn,.nav-cta,.cv-actions{display:none!important}:root{--ground:#fff;--surface:#fff;--surface-2:#fff;--raise:#fff;--text:#111;--muted:#444;--faint:#ddd;--faint-2:#bbb;--pine:#2f6f57;--bone:#7a6a48}body{color:#111;background:#fff}*{box-shadow:none!important}a{color:#111}.rv,.word-i{opacity:1!important;clip-path:none!important;transform:none!important}.proj,.card,.shot,.exp-item,.channel{break-inside:avoid}.hero-grid-bg,.hero-glow{display:none}}.cv-id{align-items:center;gap:1.3rem;display:flex}.cv-avatar{object-fit:cover;object-position:center;border:2px solid var(--faint-2);border-radius:50%;flex-shrink:0;width:104px;height:104px}.about-photo{object-fit:cover;object-position:center;border:2px solid var(--faint-2);border-radius:50%;width:150px;height:150px;margin-top:1.6rem}@media (width<=520px){.cv-avatar{width:80px;height:80px}}.foot-links{flex-wrap:wrap;align-items:center;gap:1rem;display:flex}.foot-links a,.foot-links .consent-open{color:var(--muted)}.foot-links a:hover,.foot-links .consent-open:hover{color:var(--pine)}.foot-links .consent-open{font:inherit;cursor:pointer;background:0 0;border:0;min-height:44px;padding:.2rem 0}.consent[data-astro-cid-u6s5b3h2]{inset-inline:0;z-index:80;background:color-mix(in srgb,var(--surface) 94%,transparent);backdrop-filter:blur(12px);border-top:1px solid var(--faint-2);padding:1rem 0 calc(1rem + env(safe-area-inset-bottom,0px));position:fixed;bottom:0}.consent-inner[data-astro-cid-u6s5b3h2]{justify-content:space-between;align-items:center;gap:1.2rem;display:flex}.consent-copy[data-astro-cid-u6s5b3h2]{max-width:52ch}.consent-copy[data-astro-cid-u6s5b3h2] p[data-astro-cid-u6s5b3h2]:first-child{margin-bottom:.25rem;font-family:Heebo;font-size:1rem;font-weight:800}.consent-copy[data-astro-cid-u6s5b3h2] p[data-astro-cid-u6s5b3h2]{color:var(--muted);font-size:.92rem;line-height:1.55}.consent-copy[data-astro-cid-u6s5b3h2] a[data-astro-cid-u6s5b3h2]{color:var(--pine);text-underline-offset:3px;text-decoration:underline}.consent-actions[data-astro-cid-u6s5b3h2]{flex-shrink:0;gap:.7rem;display:flex}.consent-actions[data-astro-cid-u6s5b3h2] .btn[data-astro-cid-u6s5b3h2]{justify-content:center;min-width:7.5rem;min-height:44px}body.has-consent{padding-bottom:7.5rem}@media (width<=700px){.consent-inner[data-astro-cid-u6s5b3h2]{flex-direction:column;align-items:stretch}.consent-actions[data-astro-cid-u6s5b3h2]{width:100%}.consent-actions[data-astro-cid-u6s5b3h2] .btn[data-astro-cid-u6s5b3h2]{flex:1}body.has-consent{padding-bottom:11rem}}@media (prefers-reduced-motion:reduce){.consent[data-astro-cid-u6s5b3h2]{backdrop-filter:none}}@media print{.consent[data-astro-cid-u6s5b3h2]{display:none!important}body.has-consent{padding-bottom:0}}