.shell{width:min(1160px,calc(100% - 2rem));margin:0 auto}.topbar{justify-content:space-between;padding:1rem 0;border-bottom:2px solid var(--line)}.nav,.topbar{display:flex;align-items:center}.nav{gap:.7rem}.lang{display:inline-flex;gap:.35rem}.lang a{padding:.32rem .55rem;border-radius:4px;border:2px solid var(--line);color:var(--text);text-decoration:none;font:700 .74rem/1 IBM Plex Mono,monospace;text-transform:uppercase}.lang a.active{color:#fff;background:#111}.blog-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:.8rem;gap:.8rem}.blog-categories{margin-bottom:1rem;padding:.9rem;border:2px solid var(--line);border-radius:6px;background:#fff;box-shadow:var(--shadow-soft)}.blog-categories-head h2{margin:0}.blog-categories-head p{margin:.35rem 0 0}.blog-category-chips{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.75rem}.blog-category-chip{border:2px solid var(--line);background:#fff;color:var(--text);text-decoration:none;padding:.28rem .64rem;border-radius:4px;font-size:.84rem;font-family:IBM Plex Mono,monospace;text-transform:uppercase;transition:transform .12s ease}.blog-category-chip:hover{transform:translate(-2px,-2px)}.blog-category-chip.active{background:var(--accent);color:#fff}.blog-card{border:2px solid var(--line);border-radius:6px;background:#fff;overflow:hidden;display:flex;flex-direction:column;height:100%;box-shadow:var(--shadow-soft)}.blog-card-media{width:100%;aspect-ratio:16/10;overflow:hidden;background:#efe9dc;border-bottom:2px solid var(--line)}.blog-card-image{width:100%;height:100%;object-fit:cover;display:block}.blog-card-content{padding:.9rem;display:flex;flex-direction:column;gap:.5rem;flex:1 1}.blog-card-categories,.post-categories{display:flex;flex-wrap:wrap;gap:.4rem}.blog-category-pill{border:2px solid var(--line);background:#fff;color:var(--text);text-decoration:none;padding:.16rem .56rem;border-radius:4px;font-size:.76rem;line-height:1.35;font-family:IBM Plex Mono,monospace;text-transform:uppercase}.blog-card-title{margin:0;line-height:1.2}.blog-card-excerpt{margin:0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.blog-card-content a{margin-top:auto;color:var(--text);font-weight:700}.post-layout{width:min(1160px,calc(100% - 2rem));margin:1.6rem auto 0}.post{width:min(860px,100%);margin:0 auto}.post-article{padding:clamp(1rem,2.3vw,1.4rem);background:#fff;border:2px solid var(--line);border-radius:8px;box-shadow:var(--shadow-soft)}.post-cover{width:min(100%,680px);height:auto;display:block;border-radius:6px;border:2px solid var(--line);margin:.9rem auto 0}.post-content-image{width:auto;max-width:100%;height:auto;display:block;margin:1rem auto;border-radius:4px;border:2px solid var(--line)}.post-body{margin-top:1.2rem;line-height:1.72}.post-body li,.post-body p,.post-breadcrumbs{color:var(--muted)}.post-breadcrumbs{display:flex;align-items:center;flex-wrap:wrap;gap:.4rem;margin-bottom:.7rem;font-size:.88rem}.post-breadcrumbs a{color:var(--text);text-decoration:none;font-weight:700}.post-body h2,.post-body h3{line-height:1.16}.post-body a{color:var(--text);font-weight:700}.related-posts-section{margin-top:1.8rem;padding:1rem;background:#fff;border:2px solid var(--line);border-radius:8px;box-shadow:var(--shadow-soft)}.related-posts-head{display:flex;justify-content:space-between;gap:.9rem;align-items:center;margin-bottom:.8rem}.related-posts-head h2{margin:0}.related-posts-controls{display:inline-flex;gap:.45rem}.related-posts-controls button{width:38px;height:38px;border:2px solid var(--line);border-radius:4px;background:#fff;color:var(--text);font-size:1.05rem;cursor:pointer}.related-slider{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(280px,calc((100% - 1rem) / 2));grid-gap:.9rem;gap:.9rem;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin;padding-bottom:.3rem}.related-slide{scroll-snap-align:start;background:#fff;border:2px solid var(--line);border-radius:6px;padding:.9rem}.related-slide h3{margin-bottom:.5rem}.related-slide p{margin-top:0}.related-slide a{color:var(--text);font-weight:700}@media (max-width:900px){.blog-list{grid-template-columns:repeat(2,minmax(0,1fr))}.related-slider{grid-auto-columns:minmax(250px,85%)}}@media (max-width:640px){.post-layout,.shell{width:min(1160px,calc(100% - 1rem))}.blog-list{grid-template-columns:minmax(0,1fr)}}@import"https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Space+Grotesk:wght@400;500;700&family=IBM+Plex+Mono:wght@500;700&display=swap";:root{--bg-0:#efe9dc;--bg-1:#f6f2e8;--surface:#fff9ef;--surface-strong:#fff4df;--line:#101010;--line-soft:#1d1d1d;--text:#0f0f0f;--muted:#363228;--accent:#ff5a36;--accent-2:#00b6cc;--danger:#ca1f1f;--radius:4px;--radius-lg:8px;--shadow:8px 8px 0 #0f0f0f;--shadow-soft:5px 5px 0 #0f0f0f;--max:1160px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--text);background:linear-gradient(90deg,rgba(0,0,0,.04) 1px,transparent 1px) 0 0/22px 22px,linear-gradient(rgba(0,0,0,.04) 1px,transparent 1px) 0 0/22px 22px,radial-gradient(circle at 8% 14%,rgba(255,90,54,.19),transparent 26%),radial-gradient(circle at 87% 22%,rgba(0,182,204,.17),transparent 30%),linear-gradient(175deg,var(--bg-0),var(--bg-1));font-family:Space Grotesk,Segoe UI,sans-serif;line-height:1.6}.site-shell,body{min-height:100vh}.skip-link{position:absolute;left:12px;top:-48px;background:#111;color:#fff;padding:10px 14px;border:2px solid #111;border-radius:var(--radius);z-index:100;font-weight:700}.skip-link:focus{top:12px}.section,.site-footer,.site-header{width:min(var(--max),100% - 2rem);margin-inline:auto}.site-header{padding-top:1.1rem}.top-nav{display:grid;grid-template-columns:auto 1fr auto;align-items:center;grid-gap:.9rem;gap:.9rem;position:-webkit-sticky;position:sticky;top:10px;z-index:30;border:3px solid var(--line);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow-soft);padding:.45rem .55rem}.brand{min-width:78px;height:48px;display:inline-flex;border:2px solid var(--line);border-radius:var(--radius);font:700 1rem/1 IBM Plex Mono,monospace;text-decoration:none;color:#fff;background:#111;letter-spacing:.08em}.brand,.menu-links{align-items:center;justify-content:center}.menu-links{margin:0;padding:0;list-style:none;display:flex;gap:.3rem;flex-wrap:wrap}.menu-links a{text-decoration:none;color:var(--text);font:700 .78rem/1 IBM Plex Mono,monospace;text-transform:uppercase;letter-spacing:.08em;border:2px solid transparent;border-radius:var(--radius);padding:.45rem .5rem;transition:transform .13s ease,border-color .13s ease,background-color .13s ease}.menu-links a:hover{border-color:var(--line);background:#fff;transform:translate(-2px,-2px)}.nav-toggle{display:none}.lang-switcher{display:inline-flex;border:2px solid var(--line);border-radius:var(--radius);overflow:hidden;background:#fff}.lang-switcher a,.lang-switcher button{border:0;padding:.5rem .7rem;background:transparent;color:var(--muted);font:700 .72rem/1 IBM Plex Mono,monospace;cursor:pointer;text-decoration:none}.lang-switcher a.active,.lang-switcher button.active{background:#111;color:#fff}.blog-header-controls{display:flex;align-items:center;gap:.8rem}.blog-nav-links{display:flex;width:100%;align-items:center;justify-content:center;gap:.7rem}.blog-nav-links a{text-decoration:none;color:var(--text);font-weight:700}.eyebrow{text-transform:uppercase;letter-spacing:.12em;font-size:.75rem;font-family:IBM Plex Mono,monospace;font-weight:700;color:#111;margin:0}h1,h2,h3,h4{margin-top:0}.copy{color:var(--muted)}.hero{margin-top:1rem;padding:clamp(1rem,2.4vw,1.9rem);border:3px solid var(--line);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow);display:grid;grid-template-columns:1.24fr .8fr .88fr;grid-gap:.9rem;gap:.9rem;align-items:stretch;overflow:hidden}.hero-content,.hero-panel,.hero-photo-wrap{border:2px solid var(--line);border-radius:var(--radius);background:#fff}.hero-content{padding:1rem;animation:stamp-in .46s cubic-bezier(.2,.75,.25,1) both}.hero-kicker-row{display:flex;justify-content:space-between;align-items:center;gap:.6rem;flex-wrap:wrap}.hero-code{font:700 .7rem/1 IBM Plex Mono,monospace;letter-spacing:.1em;border:2px solid var(--line);padding:.35rem .45rem;background:var(--surface-strong)}.hero h1,.hero-code{text-transform:uppercase}.hero h1{font-family:Bebas Neue,sans-serif;font-size:clamp(2.7rem,7vw,5.1rem);line-height:.95;margin:.55rem 0 .9rem;letter-spacing:.03em;text-shadow:2px 2px 0 #fff,4px 4px 0 var(--accent)}.hero h1 span{display:block;font-family:Space Grotesk,sans-serif;font-size:clamp(1rem,2.1vw,1.34rem);color:var(--muted);margin-top:.6rem;letter-spacing:0;text-transform:none;text-shadow:none}.hero-copy{max-width:62ch;color:var(--muted)}.hero-actions{display:flex;gap:.55rem;margin-top:1.2rem;flex-wrap:wrap}.hero-panel{padding:.9rem;display:grid;align-content:start;grid-gap:.75rem;gap:.75rem;background:var(--surface-strong);animation:stamp-in .56s cubic-bezier(.2,.75,.25,1) both}.hero-panel-title{margin:0;font:700 .78rem/1 IBM Plex Mono,monospace;letter-spacing:.09em;text-transform:uppercase}.hero-panel ul{margin:0;padding:0;list-style:none;display:grid;grid-gap:.55rem;gap:.55rem}.hero-panel li{border:2px solid var(--line);background:#fff;padding:.55rem;display:grid;grid-gap:.2rem;gap:.2rem}.hero-panel span{font:700 .68rem/1 IBM Plex Mono,monospace;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.hero-panel strong{font-size:.92rem}.hero-photo-wrap{align-items:center;justify-content:center;display:flex;padding:.65rem;background:repeating-linear-gradient(-45deg,rgba(0,0,0,.04),rgba(0,0,0,.04) 8px,transparent 0,transparent 16px),#fff;animation:stamp-in .62s cubic-bezier(.2,.75,.25,1) both}.hero-photo{width:min(100%,290px);border-radius:0;border:3px solid var(--line);box-shadow:6px 6px 0 #111;transform:rotate(-2deg)}.btn{display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius);padding:.65rem 1rem;text-decoration:none;font:700 .78rem/1 IBM Plex Mono,monospace;text-transform:uppercase;letter-spacing:.07em;border:2px solid var(--line);transition:transform .12s ease,box-shadow .12s ease,background .12s ease}.btn:hover{transform:translate(-3px,-3px);box-shadow:4px 4px 0 #111}.btn:focus-visible,a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid var(--accent-2);outline-offset:2px}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover{background:#ff6f50}.btn-ghost{color:var(--text);background:#fff}.section{padding:3.6rem 0;animation:fade-rise .4s ease both}.section-alt{background:hsla(0,0%,100%,.55);border:3px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-soft);padding-inline:1.1rem}.section-head{max-width:780px;margin-bottom:1.25rem}.section-head h2{font-family:Bebas Neue,sans-serif;font-size:clamp(2rem,5vw,3.35rem);margin:.25rem 0 0;line-height:.96;text-transform:uppercase;letter-spacing:.03em}.about-layout{display:grid;grid-template-columns:1.3fr 1fr;grid-gap:.8rem;gap:.8rem}.about-layout>div,.about-meta{background:#fff;border:2px solid var(--line);border-radius:var(--radius);padding:1rem;box-shadow:var(--shadow-soft)}.about-meta{list-style:none;margin:0}.about-meta li{margin-bottom:.45rem;color:var(--muted)}.about-meta strong{color:var(--text)}.about-meta a,.about-meta a:visited{color:var(--text);text-decoration:underline;text-underline-offset:2px}.card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:.8rem;gap:.8rem}.surface-card{background:#fff;border:2px solid var(--line);border-radius:var(--radius);padding:.9rem;box-shadow:var(--shadow-soft);transition:transform .12s ease,box-shadow .12s ease,background-color .12s ease}.surface-card:hover{transform:translate(-4px,-4px) rotate(-.5deg);box-shadow:8px 8px 0 #111;background:#fff8ea}.surface-card h3{margin-bottom:.55rem;font-size:1.08rem}.surface-card p{margin:0;color:var(--muted)}.resume-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:.8rem;gap:.8rem}.timeline-item{border-top:2px dashed var(--line);padding-top:.8rem;margin-top:.8rem}.timeline-item.compact{padding-top:.55rem;margin-top:.55rem}.timeline-item h4{margin-bottom:.2rem}.muted{color:var(--muted)}.experience-points{margin:.45rem 0 0;padding-left:1.1rem}.experience-points li{margin-bottom:.35rem;color:var(--muted)}.skills-block{margin-bottom:1.4rem}.skills-block h3{margin-bottom:.8rem;text-transform:uppercase;letter-spacing:.02em}.skills-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));grid-gap:.6rem;gap:.6rem}.skill-card{margin:0;background:#fff;border:2px solid var(--line);border-radius:var(--radius);padding:.7rem;text-align:center;transition:transform .12s ease,box-shadow .12s ease}.skill-card:hover{transform:translate(-3px,-3px);box-shadow:5px 5px 0 #111}.skill-card img{width:40px;height:40px;object-fit:contain}.skill-text-chip{width:40px;height:40px;margin:0 auto;border-radius:50%;display:grid;place-items:center;font-weight:700;color:#fff;background:#111}.skill-card p{margin:.45rem 0 0;font-size:.87rem}.testimonials-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:.8rem;gap:.8rem}.systems-list{margin:0;padding:0;list-style:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:.8rem;gap:.8rem}.systems-list li{background:#fff;border:2px solid var(--line);border-radius:var(--radius);padding:.85rem;box-shadow:var(--shadow-soft)}.project-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:.8rem;gap:.8rem}.project-points{margin:.7rem 0 0;padding-left:1.1rem}.project-points li{margin-bottom:.35rem;color:var(--muted)}.project-tech{margin-top:.8rem;font-size:.92rem;color:var(--text)}.testimonial p{font-style:italic}.testimonial cite{display:inline-block;margin-top:.7rem;font-weight:700;font-style:normal}.faq-list{display:grid;grid-gap:.7rem;gap:.7rem}.faq-item{border-radius:var(--radius);border:2px solid var(--line);background:#fff;overflow:hidden;box-shadow:var(--shadow-soft)}.faq-item button{width:100%;padding:.9rem;text-align:left;border:0;cursor:pointer;background:#fff;color:var(--text);font-weight:700;font-size:.96rem}.faq-item p{margin:0;padding:0 .9rem .9rem;color:var(--muted)}.contact-section{padding-bottom:2.2rem}.contact-layout{display:grid;grid-template-columns:1fr 1fr;grid-gap:.8rem;gap:.8rem;align-items:start}.contact-form,.contact-layout>div{border-radius:var(--radius);border:2px solid var(--line);background:#fff;padding:1rem;box-shadow:var(--shadow-soft)}.contact-layout p{margin-top:0;color:var(--muted)}.contact-layout ul{margin:0;padding-left:1.1rem;color:var(--muted)}.contact-layout a{color:var(--text);font-weight:700}.contact-form{display:grid;grid-gap:.55rem;gap:.55rem}.contact-form label{font-weight:700;font-size:.87rem;font-family:IBM Plex Mono,monospace;text-transform:uppercase;letter-spacing:.05em}.contact-form input,.contact-form textarea{width:100%;border:2px solid var(--line);border-radius:var(--radius);font:inherit;padding:.62rem;background:#fff;color:var(--text)}.send-error{margin:0;color:var(--danger);font-size:.9rem}.site-footer{padding-bottom:2.8rem}.seo-footer{padding:1.1rem;border:3px solid var(--line);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow-soft);margin-top:2rem;margin-bottom:3rem}.seo-footer-grid{display:grid;grid-template-columns:1.1fr 1fr 1fr;grid-gap:1rem;gap:1rem}.seo-footer h2{font-size:1rem;margin-bottom:.5rem;font-family:IBM Plex Mono,monospace;text-transform:uppercase}.seo-footer p{margin-top:0;margin-bottom:.6rem;color:var(--muted)}.seo-footer-links{margin:0;padding-left:1.1rem;display:grid;grid-gap:.35rem;gap:.35rem}.seo-footer a{color:var(--text);font-weight:700}.seo-footer address{font-style:normal;display:grid;grid-gap:.35rem;gap:.35rem;margin-bottom:.7rem}.seo-keywords{font-size:.92rem}.seo-footer-copy{margin:0;padding-top:.8rem;border-top:2px solid var(--line);color:var(--muted);font-size:.9rem}.back-to-top{position:fixed;right:16px;bottom:16px;width:44px;height:44px;border-radius:var(--radius);background:var(--accent);border:2px solid var(--line);color:#fff;display:grid;place-items:center;text-decoration:none;box-shadow:var(--shadow-soft);font-weight:700}@keyframes fade-rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes stamp-in{0%{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@media(max-width:1120px){.hero{grid-template-columns:1.2fr .8fr}.hero-photo-wrap{grid-column:1/-1}.skills-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.testimonials-grid{grid-template-columns:1fr}}@media(max-width:900px){.about-layout,.card-grid,.contact-layout,.hero,.project-grid,.resume-grid,.seo-footer-grid,.systems-list{grid-template-columns:1fr}.skills-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.top-nav{grid-template-columns:auto auto 1fr}.nav-toggle{display:inline-flex;color:var(--text);padding:.45rem .72rem;font:700 .72rem/1 IBM Plex Mono,monospace;letter-spacing:.08em;text-transform:uppercase;cursor:pointer}.menu-links,.nav-toggle{border:2px solid var(--line);background:#fff;border-radius:var(--radius)}.menu-links{position:absolute;top:64px;right:0;max-width:min(90vw,320px);flex-direction:column;align-items:stretch;padding:.55rem;box-shadow:var(--shadow-soft);display:none;z-index:30}.menu-links a{display:block;width:100%}.menu-links.open{display:flex}.lang-switcher{justify-self:end}.blog-header-controls{width:100%;justify-content:space-between;order:2}}@media(max-width:560px){.section,.site-footer,.site-header{width:min(var(--max),100% - 1rem)}.hero h1{font-size:clamp(2.3rem,13vw,3rem)}.hero-copy{font-size:.95rem}.skills-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.back-to-top{right:10px;bottom:10px}}