:root{color-scheme:light;--bg: #f4f1eb;--bg-elevated: #fffcf8;--bg-muted: #e7e1d6;--ink: #171512;--ink-soft: #3a3631;--muted: #5f5952;--line: rgba(23, 21, 18, .12);--accent: #0e6b62;--accent-strong: #0a524b;--accent-soft: rgba(14, 107, 98, .12);--copper: #9a5a30;--copper-soft: rgba(154, 90, 48, .12);--on-accent: #ffffff;--shadow: 0 16px 40px rgba(48, 36, 22, .08);--code-bg: #1a1714;--code-text: #f3ebe1;--code-muted: #b7aa9b;--nav: rgba(244, 241, 235, .88);--hero-glow: rgba(14, 107, 98, .18);--grid: rgba(23, 21, 18, .05);--danger: #9b2c2c;--ok: #0e6b62;--font-sans: "Manrope", "Segoe UI", sans-serif;--font-mono: "IBM Plex Mono", Consolas, ui-monospace, monospace;--header-h: 4.5rem;--radius: 18px;--container: 1120px}[data-theme=dark]{color-scheme:dark;--bg: #101317;--bg-elevated: #181d24;--bg-muted: #222933;--ink: #f4efe8;--ink-soft: #ddd4c8;--muted: #b3a89c;--line: rgba(244, 239, 232, .12);--accent: #49c7b6;--accent-strong: #8be6d9;--accent-soft: rgba(73, 199, 182, .14);--copper: #e2a46e;--copper-soft: rgba(226, 164, 110, .14);--on-accent: #08211e;--shadow: 0 18px 44px rgba(0, 0, 0, .35);--code-bg: #0b0e12;--code-text: #f3ebe1;--code-muted: #b7aa9b;--nav: rgba(16, 19, 23, .88);--hero-glow: rgba(73, 199, 182, .16);--grid: rgba(244, 239, 232, .04);--danger: #ffb4b4;--ok: #8be6d9}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;background:var(--bg);color:var(--ink);font-family:var(--font-sans);font-size:1.0625rem;line-height:1.65;text-rendering:optimizeLegibility}img{max-width:100%;display:block}a{color:inherit}button,input,select,textarea{font:inherit}h1,h2,h3,p{margin:0}h1,h2,.brand-name{letter-spacing:-.03em;line-height:1.08}h1{font-size:clamp(2.5rem,6vw,4.6rem);font-weight:800}h2{font-size:clamp(1.8rem,3vw,2.6rem);font-weight:750}h3{font-size:1.15rem;line-height:1.3;letter-spacing:-.02em}p{color:var(--ink-soft)}:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.skip-link{position:absolute;left:1rem;top:-4rem;z-index:80;background:var(--ink);color:var(--bg);padding:.6rem .9rem;border-radius:8px}.skip-link:focus{top:1rem}.container{width:min(var(--container),100% - 2rem);margin-inline:auto}.section{padding:4.5rem 0}.section-intro{max-width:42rem;margin-bottom:2rem}.section-intro h2,.page-header h1{margin:.35rem 0 .8rem}.lede{font-size:1.08rem;max-width:42rem}.eyebrow{margin:0;color:var(--copper);font-family:var(--font-mono);font-size:.78rem;font-weight:500;letter-spacing:.12em;text-transform:uppercase}.page-header{padding:4.5rem 0 1rem}.page-header h1{font-size:clamp(2.2rem,4vw,3.6rem)}.btn-row,.chip-row,.meta-row{display:flex;flex-wrap:wrap;gap:.7rem}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;min-height:2.9rem;padding:.65rem 1.1rem;border-radius:999px;border:1px solid transparent;text-decoration:none;font-weight:700;letter-spacing:-.01em;cursor:pointer;background:transparent;color:var(--ink);transition:transform .2s ease,background .2s ease,border-color .2s ease}.btn:hover{transform:translateY(-1px)}.btn-primary{background:var(--accent);color:var(--on-accent)}.btn-primary:hover{background:var(--accent-strong)}.btn-ghost{border-color:var(--line);background:var(--bg-elevated)}.btn-ghost:hover{border-color:var(--accent)}.btn[disabled]{opacity:.6;cursor:progress;transform:none}.chip{display:inline-flex;align-items:center;padding:.28rem .65rem;border-radius:999px;background:var(--accent-soft);color:var(--accent-strong);font-size:.82rem;font-weight:700}[data-theme=dark] .chip{color:var(--accent-strong)}.card{background:var(--bg-elevated);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.note{margin-top:.8rem;color:var(--muted);font-size:.92rem}.note a{color:var(--accent-strong);font-weight:700}.placeholder-flag{display:inline-flex;margin-bottom:.7rem;padding:.15rem .45rem;border-radius:6px;background:var(--copper-soft);color:var(--copper);font-family:var(--font-mono);font-size:.72rem;letter-spacing:.04em;text-transform:uppercase}.js .reveal{opacity:0;transform:translateY(14px)}.js .reveal.is-visible{opacity:1;transform:none;transition:opacity .55s ease,transform .55s ease}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.js .reveal,.btn,.float-card{animation:none!important;transition:none!important;opacity:1!important;transform:none!important}}.site-header{position:sticky;top:0;z-index:40;background:var(--nav);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}.header-bar{display:flex;align-items:center;gap:1rem;min-height:var(--header-h)}.brand{display:flex;align-items:center;gap:.7rem;text-decoration:none;margin-right:auto}.brand-mark{display:grid;place-items:center;width:2.4rem;height:2.4rem;border-radius:10px;background:var(--ink);color:var(--bg);font-weight:800;letter-spacing:-.04em}.brand-name{display:block;font-weight:800;font-size:.98rem}.brand small{display:block;color:var(--muted);font-size:.75rem}.site-nav{display:flex;align-items:center;gap:.25rem}.site-nav a{text-decoration:none;color:var(--ink-soft);font-size:.92rem;font-weight:650;padding:.4rem .6rem;border-radius:999px}.site-nav a.active,.site-nav a:hover{color:var(--ink);background:var(--accent-soft)}.header-tools{display:flex;align-items:center;gap:.4rem}.icon-btn,.nav-toggle{display:grid;place-items:center;width:2.6rem;height:2.6rem;border-radius:999px;border:1px solid var(--line);background:var(--bg-elevated);color:var(--ink);cursor:pointer}.nav-toggle{display:none}.icon-btn svg,.nav-toggle svg,.btn svg{width:1.1rem;height:1.1rem;fill:currentColor}.hero{position:relative;padding:3.5rem 0 4rem;overflow:hidden;background-image:radial-gradient(ellipse 55% 45% at 90% 10%,var(--hero-glow),transparent 70%),linear-gradient(var(--grid) 1px,transparent 1px),linear-gradient(90deg,var(--grid) 1px,transparent 1px);background-size:auto,52px 52px,52px 52px}.hero-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(280px,.85fr);gap:3rem;align-items:center}.hero h1{margin:.4rem 0 .6rem}.hero-role{color:var(--accent-strong);font-weight:750;font-size:1.15rem}.hero-intro{margin-top:1rem;font-size:1.08rem;max-width:40rem}.facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem;margin:1.5rem 0}.fact{padding:.85rem .9rem;border-radius:14px;border:1px solid var(--line);background:color-mix(in srgb,var(--bg-elevated) 82%,transparent)}.fact span{display:block;color:var(--muted);font-family:var(--font-mono);font-size:.72rem;letter-spacing:.06em;text-transform:uppercase}.fact strong{display:block;margin-top:.25rem;font-size:.95rem;line-height:1.35}.terminal{border-radius:16px;overflow:hidden;background:var(--code-bg);color:var(--code-text);border:1px solid rgba(255,255,255,.06);box-shadow:var(--shadow)}.terminal-bar{display:flex;align-items:center;gap:.4rem;padding:.75rem .9rem;background:#ffffff0a;color:var(--code-muted);font-family:var(--font-mono);font-size:.75rem}.dot{width:.55rem;height:.55rem;border-radius:50%;background:#c4554a}.dot:nth-child(2){background:#d4a24c}.dot:nth-child(3){background:#4c9a6e}.terminal pre{margin:0;padding:1.1rem 1.15rem 1.3rem;overflow:auto;font-family:var(--font-mono);font-size:.82rem;line-height:1.7}.token-key{color:#e2a46e}.token-type{color:#8be6d9}.token-str{color:#f0d7b5}.cursor{display:inline-block;width:.45rem;height:.95em;margin-left:2px;background:#8be6d9;vertical-align:text-bottom;animation:blink 1.1s steps(1) infinite}@keyframes blink{50%{opacity:0}}.float-card{margin-top:.9rem;padding:.9rem}.about-layout,.split,.contact-layout,.social-layout{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(280px,.9fr);gap:1.5rem;align-items:start}.prose p+p{margin-top:1rem}.check-list,.bullet-list{margin:0;padding:0;list-style:none}.check-list li,.bullet-list li{position:relative;padding-left:1.2rem;margin:.55rem 0;color:var(--ink-soft)}.check-list li:before,.bullet-list li:before{content:"";position:absolute;left:0;top:.62rem;width:.45rem;height:.45rem;border-radius:50%;background:var(--accent)}.summary-card,.plain-card{padding:1.3rem 1.35rem}.summary-card{background:var(--ink);color:var(--bg);border:0}.summary-card p,.summary-card .eyebrow{color:color-mix(in srgb,var(--bg) 82%,white)}[data-theme=dark] .summary-card{background:#24302b;color:var(--ink)}[data-theme=dark] .summary-card p,[data-theme=dark] .summary-card .eyebrow{color:var(--ink-soft)}.skill-grid,.card-grid,.feature-grid,.repo-grid{display:grid;gap:1rem}.skill-grid,.card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.feature-grid,.repo-grid,.gallery-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.skill-card,.service-card,.repo-card,.feature-card,.plain-card{padding:1.25rem 1.3rem}.skill-card h3,.service-card h3,.project-card h3,.feature-card h3{margin-bottom:.45rem}.service-card p,.skill-card p,.project-copy p{margin-bottom:.8rem}.timeline{position:relative;display:grid;gap:1rem;margin:0;padding:0;list-style:none}.timeline:before{content:"";position:absolute;left:.55rem;top:.4rem;bottom:.4rem;width:1px;background:var(--line)}.timeline-item{position:relative;padding-left:2.3rem}.timeline-item:before{content:"";position:absolute;left:.28rem;top:1.4rem;width:.65rem;height:.65rem;border-radius:50%;background:var(--copper);box-shadow:0 0 0 4px var(--bg)}.timeline-card{padding:1.3rem 1.35rem}.period{color:var(--accent-strong);font-family:var(--font-mono);font-size:.82rem}.project-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.project-card{overflow:hidden;display:flex;flex-direction:column}.project-card img,.shot button img{width:100%;aspect-ratio:16/10;object-fit:cover;background:var(--bg-muted)}.project-copy{padding:1.2rem 1.25rem 1.3rem;display:flex;flex-direction:column;gap:.8rem;height:100%}.project-copy .btn-row{margin-top:auto}.crm-panel{padding:1.4rem}.crm-head{display:flex;justify-content:space-between;gap:1.5rem;align-items:end;margin-bottom:1.2rem}.gallery-grid{display:grid;gap:1rem}.shot{overflow:hidden;padding:0}.shot button{display:block;width:100%;padding:0;border:0;background:transparent;color:inherit;text-align:left;cursor:zoom-in}.shot figcaption{padding:.9rem 1rem 1rem}.shot img{transition:transform .35s ease}.shot button:hover img{transform:scale(1.03)}.lightbox{position:fixed;inset:0;z-index:60;display:grid;place-items:center;padding:1.2rem;background:#0a0a0ac7}.lightbox-card{width:min(980px,100%);background:var(--bg-elevated);color:var(--ink);border-radius:16px;overflow:hidden}.lightbox-card img{width:100%;max-height:68vh;object-fit:contain;background:#101317}.lightbox-bar,.lightbox-caption{display:flex;justify-content:space-between;gap:1rem;align-items:center;padding:.8rem 1rem}.social-block+.social-block{margin-top:1rem}.icon-round{display:grid;place-items:center;width:2.8rem;height:2.8rem;border-radius:12px;background:var(--accent-soft);color:var(--accent-strong)}.icon-round svg{width:1.25rem;height:1.25rem;fill:currentColor}.cta{padding:0 0 4.5rem}.cta-inner{display:flex;justify-content:space-between;gap:1.5rem;align-items:center;padding:1.6rem 1.5rem;border-radius:22px;background:radial-gradient(circle at 100% 0%,var(--hero-glow),transparent 42%),var(--bg-elevated);border:1px solid var(--line)}.contact-card,.form-card{padding:1.3rem}.contact-phone{display:inline-block;margin:.4rem 0 .8rem;font-size:clamp(1.4rem,2vw,1.8rem);font-weight:800;letter-spacing:-.03em;text-decoration:none}.contact-email{display:inline-block;margin:.25rem 0 .9rem;font-weight:750;overflow-wrap:anywhere;text-decoration:none}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:.9rem}.field{display:flex;flex-direction:column;gap:.35rem}.field.wide{grid-column:1/-1}.field span{font-size:.86rem;font-weight:700}.field input,.field select,.field textarea{width:100%;border:1px solid var(--line);background:var(--bg);color:var(--ink);border-radius:12px;padding:.75rem .8rem}.field textarea{min-height:140px;resize:vertical}.field input.is-invalid,.field select.is-invalid,.field textarea.is-invalid{border-color:var(--danger)}.field-error{color:var(--danger);font-size:.8rem}.status{margin-top:.8rem;padding:.75rem .85rem;border-radius:12px;background:var(--accent-soft);color:var(--ink)}.site-footer{border-top:1px solid var(--line);padding:2.4rem 0 1.4rem;background:var(--bg-muted)}.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:1.5rem}.footer-links{display:flex;flex-direction:column;gap:.4rem}.footer-links a,.inline-links a,.repo-card a{display:inline-flex;align-items:center;gap:.4rem;color:var(--ink-soft);text-decoration:none;font-weight:650}.footer-links a:hover,.inline-links a:hover{color:var(--accent-strong)}.footer-title{font-size:1.45rem;font-weight:800;letter-spacing:-.03em;color:var(--ink)}.legal{margin-top:1.6rem;padding-top:1rem;border-top:1px solid var(--line);color:var(--muted);font-size:.9rem}.not-found{min-height:50vh;display:grid;align-content:center;padding:4rem 0 5rem}.crumbs{display:flex;flex-wrap:wrap;gap:.35rem .45rem;margin:0 0 .9rem;padding:0;list-style:none;color:var(--muted);font-size:.86rem}.crumbs a{color:var(--ink-soft);text-decoration:none}.crumbs a:hover{color:var(--accent-strong)}.crumbs li:not(:last-child):after{content:"/";margin-left:.45rem;color:var(--muted)}.answer{margin:0 0 1.4rem;padding:1rem 1.1rem;border-left:3px solid var(--accent);background:var(--accent-soft);border-radius:0 14px 14px 0}.article-body h2{font-size:clamp(1.35rem,2vw,1.75rem);margin:1.8rem 0 .65rem}.article-body h3{margin-top:1rem}.guide-layout{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:1.5rem;align-items:start}.toc{position:sticky;top:calc(var(--header-h) + 1rem);padding:1rem}.toc a{display:block;margin:.4rem 0;color:var(--ink-soft);text-decoration:none;font-size:.92rem}.toc a:hover{color:var(--accent-strong)}.guide-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.guide-card{display:flex;flex-direction:column;gap:.55rem;padding:1.15rem 1.2rem;text-decoration:none;height:100%}.guide-card h3{color:var(--ink)}.updated{color:var(--muted);font-family:var(--font-mono);font-size:.78rem}@media(max-width:1100px){.nav-toggle{display:grid}.header-tools .contact-link{display:none}.site-nav{position:absolute;left:0;right:0;top:var(--header-h);display:none;flex-direction:column;align-items:stretch;gap:.2rem;padding:.8rem 1rem 1rem;background:var(--bg-elevated);border-bottom:1px solid var(--line);box-shadow:var(--shadow)}.site-nav.is-open{display:flex}.site-nav a{padding:.75rem .7rem}.guide-layout,.guide-grid{grid-template-columns:1fr 1fr}.toc{position:static}}@media(max-width:980px){.hero-grid,.about-layout,.split,.contact-layout,.social-layout,.feature-grid,.repo-grid,.gallery-grid,.footer-grid,.skill-grid,.card-grid,.project-grid{grid-template-columns:1fr 1fr}.hero-grid,.about-layout,.split,.contact-layout,.social-layout,.footer-grid,.guide-layout,.facts{grid-template-columns:1fr}.crm-head,.cta-inner,.lightbox-bar{flex-direction:column;align-items:flex-start}}@media(max-width:680px){.section,.hero{padding-top:3rem;padding-bottom:3rem}.skill-grid,.card-grid,.feature-grid,.repo-grid,.gallery-grid,.project-grid,.guide-grid,.form-grid{grid-template-columns:1fr}.field.wide{grid-column:auto}.brand small{display:none}.btn{width:100%}.header-tools .btn,.lightbox .btn{width:auto}.header-tools .contact-link{display:none}}@media(min-width:1440px){:root{--container: 1200px}body{font-size:1.08rem}}