:root{--color-ink: #111827;--color-paper: #ffffff;--color-cream: #fff7df;--color-blue: #2563eb;--color-blue-deep: #1d4ed8;--color-yellow: #ffe14d;--color-pink: #ff3b8d;--color-cyan: #8be9ff;--color-pink-soft: #ff8bd1;--color-green: #22c55e;--color-red: #ef4444;--color-grid: rgba(17, 24, 39, .08);--color-bg: var(--color-cream);--color-bg-alt: #fff3bf;--color-surface: var(--color-paper);--color-surface-alt: #f4fbff;--color-text: var(--color-ink);--color-text-muted: rgba(17, 24, 39, .72);--color-text-light: rgba(17, 24, 39, .56);--color-accent: var(--color-blue);--color-accent-hover: var(--color-blue-deep);--color-border: var(--color-ink);--color-border-light: rgba(17, 24, 39, .16);--color-accent-rgb: 37, 99, 235;--font-display: "Archivo Black", "Arial Black", sans-serif;--font-sans: "DM Sans", "Segoe UI", sans-serif;--font-mono: "Space Mono", "IBM Plex Mono", monospace;--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2.5rem;--space-2xl: 4rem;--space-3xl: 6rem;--space-4xl: 7.5rem;--container-sm: 40rem;--container-md: 48rem;--container-lg: 64rem;--container-xl: 80rem;--transition-fast: .16s ease;--transition-base: .22s ease;--transition-slow: .36s ease;--shadow-sm: 4px 4px 0 var(--color-ink);--shadow-md: 6px 6px 0 var(--color-ink);--shadow-lg: 8px 8px 0 var(--color-ink);--shadow-xl: 12px 12px 0 var(--color-ink);--shadow-2xl: 16px 16px 0 var(--color-ink);--radius-sm: 2px;--radius-md: 0;--radius-lg: 0;--radius-xl: 0;--radius-full: 0;--nav-height: 88px}*,*:before,*:after{box-sizing:border-box}*{margin:0}html{scroll-behavior:smooth}body{font-family:var(--font-sans);font-size:1.0625rem;line-height:1.7;color:var(--color-text);background:radial-gradient(circle at top left,rgba(255,225,77,.45),transparent 28%),radial-gradient(circle at top right,rgba(139,233,255,.35),transparent 24%),radial-gradient(circle at 70% 72%,rgba(255,139,209,.28),transparent 22%),var(--color-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;position:relative}body:before{content:"";position:fixed;inset:0;background-image:linear-gradient(var(--color-grid) 1px,transparent 1px),linear-gradient(90deg,var(--color-grid) 1px,transparent 1px);background-size:28px 28px;pointer-events:none;z-index:-2}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6,li{overflow-wrap:break-word}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);color:var(--color-text);line-height:.98;letter-spacing:-.05em}h1{font-size:clamp(3.25rem,8vw,6rem)}h2{font-size:clamp(2.2rem,5vw,3.4rem)}h3{font-size:clamp(1.35rem,3vw,1.9rem)}h4{font-size:1.1rem}p{color:var(--color-text-muted);margin-bottom:var(--space-md)}a{color:var(--color-accent);text-decoration:none;transition:color var(--transition-fast),transform var(--transition-fast)}a:hover{color:var(--color-accent-hover)}strong{color:var(--color-text);font-weight:700}small{font-size:.875rem;color:var(--color-text-light)}code,pre,.mono,.section-eyebrow,.nav-links a,.card-tag,.portfolio-category,.timeline-date,.filter-tab,.skill-chip,.tool-badge,.badge,.detail-category,.page-kicker{font-family:var(--font-mono)}:focus-visible{outline:3px solid var(--color-blue);outline-offset:4px}.container{width:100%;max-width:var(--container-xl);margin:0 auto;padding:0 1.25rem}.container-sm{max-width:var(--container-sm)}.container-md{max-width:var(--container-md)}.container-xl{max-width:var(--container-xl)}main{position:relative}section,.section{padding:var(--space-3xl) 0}.nav{position:sticky;top:0;z-index:1000;padding:1rem 1rem 0}.nav-inner{min-height:var(--nav-height);display:flex;justify-content:space-between;align-items:center;gap:var(--space-lg);background:var(--color-paper);border:3px solid var(--color-ink);box-shadow:var(--shadow-lg);padding:.875rem 1rem}.nav-logo{display:inline-flex;align-items:center;gap:.875rem;color:var(--color-text);font-family:var(--font-display);font-size:1.15rem;letter-spacing:-.03em}.nav-logo:hover{color:var(--color-text)}.nav-logo-mark{width:24px;height:24px;background:linear-gradient(90deg,var(--color-pink) 0 50%,transparent 50%),linear-gradient(var(--color-yellow) 0 50%,var(--color-blue) 50%);border:3px solid var(--color-ink);box-shadow:3px 3px 0 var(--color-ink)}.nav-logo-copy{display:flex;flex-direction:column;line-height:1.05}.nav-logo-copy small{color:var(--color-blue);font-size:.72rem;letter-spacing:.06em;text-transform:uppercase}.nav-links{display:flex;align-items:center;gap:.25rem;list-style:none;padding:0;margin:0}.nav-links a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:.65rem .8rem;color:var(--color-text);font-size:.82rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.nav-links a:hover,.nav-links a.active{color:var(--color-blue)}.nav-links li:last-child a{background:var(--color-yellow);border:3px solid var(--color-ink);box-shadow:4px 4px 0 var(--color-ink);padding-inline:1rem}.nav-links li:last-child a:hover{background:var(--color-pink);color:var(--color-paper);transform:translate(-2px,-2px)}.nav-toggle{display:none}.btn,button,input[type=submit]{transition:transform var(--transition-fast),box-shadow var(--transition-fast),background-color var(--transition-fast),color var(--transition-fast),border-color var(--transition-fast)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);min-height:52px;padding:.85rem 1.25rem;border:3px solid var(--color-ink);box-shadow:5px 5px 0 var(--color-ink);color:var(--color-text);background:var(--color-paper);font-weight:800;letter-spacing:-.02em;text-decoration:none}.btn:hover{transform:translate(-2px,-2px);box-shadow:8px 8px 0 var(--color-ink)}.btn-primary{background:var(--color-pink);color:var(--color-paper)}.btn-primary:hover{background:var(--color-yellow);color:var(--color-text)}.btn-secondary{background:var(--color-paper);color:var(--color-text)}.btn-secondary:hover{background:var(--color-cyan);color:var(--color-text)}.btn-yellow{background:var(--color-yellow)}.btn-yellow:hover{background:var(--color-pink);color:var(--color-paper)}.card,.glass-panel{background:var(--color-paper);border:3px solid var(--color-ink);box-shadow:var(--shadow-lg)}.card{overflow:hidden;transition:transform var(--transition-base),box-shadow var(--transition-base)}.card:hover{transform:translate(-4px,-4px);box-shadow:var(--shadow-xl)}.card-image{width:100%;aspect-ratio:16 / 10;object-fit:cover}.card-content{padding:var(--space-lg)}.card-meta{display:flex;flex-wrap:wrap;gap:var(--space-sm);align-items:center;margin-bottom:var(--space-sm)}.card-tag{display:inline-flex;align-items:center;gap:.45rem;padding:.25rem .6rem;background:var(--color-yellow);border:2px solid var(--color-ink);color:var(--color-text);font-size:.75rem;font-weight:700}.card-date{color:var(--color-text-light);font-size:.85rem}.card-title{margin-bottom:var(--space-sm);line-height:1.05}.card-title a{color:var(--color-text)}.card-title a:hover{color:var(--color-blue)}.card-excerpt{font-size:.98rem;color:var(--color-text-muted);margin-bottom:0}.grid{display:grid;gap:var(--space-lg)}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.section-header{margin-bottom:var(--space-2xl);max-width:52rem}.section-eyebrow{display:inline-flex;align-items:center;gap:.5rem;padding:.4rem .7rem;margin-bottom:var(--space-md);background:var(--color-cyan);border:2px solid var(--color-ink);color:var(--color-text);font-size:.8rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.section-eyebrow:before{content:"//"}.section-title{margin-bottom:var(--space-md);max-width:14ch}.section-description{font-size:1.1rem;max-width:44rem}.prose{max-width:46rem;margin:0 auto}.prose h1,.prose h2,.prose h3{margin-bottom:var(--space-md)}.prose h2{margin-top:var(--space-2xl)}.prose h3{margin-top:var(--space-xl)}.prose p,.prose ul,.prose ol,.prose pre,.prose blockquote,.prose img{margin-bottom:var(--space-lg)}.prose ul,.prose ol{padding-left:1.25rem}.prose li{margin-bottom:.35rem;color:var(--color-text-muted)}.prose blockquote{padding:var(--space-lg);background:var(--color-paper);border:3px solid var(--color-ink);box-shadow:var(--shadow-md);color:var(--color-text)}.prose img{border:3px solid var(--color-ink);box-shadow:var(--shadow-lg)}.prose code{background:var(--color-yellow);border:2px solid var(--color-ink);color:var(--color-text);padding:.15rem .35rem}.prose pre{padding:var(--space-lg);background:#172554;color:#eff6ff;border:3px solid var(--color-ink);box-shadow:var(--shadow-lg);overflow-x:auto}.prose pre code{background:transparent;border:0;color:inherit;padding:0}.timeline{position:relative;display:grid;gap:var(--space-lg)}.skills-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--space-lg)}.footer{padding:0 1rem 1.25rem;margin-top:var(--space-3xl)}.footer-inner{display:flex;justify-content:space-between;align-items:center;gap:var(--space-lg);flex-wrap:wrap;background:var(--color-paper);border:3px solid var(--color-ink);box-shadow:var(--shadow-lg);padding:1.1rem 1.2rem}.footer-text{margin:0;font-size:.9rem;color:var(--color-text-muted)}.footer-links{display:flex;gap:var(--space-md);flex-wrap:wrap}.footer-links a{color:var(--color-text);font-family:var(--font-mono);font-size:.8rem;font-weight:700;text-transform:uppercase}.footer-links a:hover{color:var(--color-blue)}.scroll-progress{position:fixed;inset:0 auto auto 0;width:0;height:6px;background:linear-gradient(90deg,var(--color-pink),var(--color-yellow),var(--color-blue));border-right:3px solid var(--color-ink);z-index:1100}.back-to-top{position:fixed;right:1.25rem;bottom:1.25rem;width:52px;height:52px;border:3px solid var(--color-ink);background:var(--color-yellow);box-shadow:var(--shadow-md);color:var(--color-text);cursor:pointer;opacity:0;visibility:hidden;display:flex;align-items:center;justify-content:center;z-index:90}.back-to-top.visible{opacity:1;visibility:visible}.back-to-top:hover{transform:translate(-2px,-2px);box-shadow:var(--shadow-lg);background:var(--color-pink);color:var(--color-paper)}.back-to-top svg{width:22px;height:22px}.lightbox{position:fixed;inset:0;background:#111827eb;display:none;align-items:center;justify-content:center;padding:var(--space-xl);z-index:1001}.lightbox.active{display:flex}.lightbox-content{position:relative;max-width:92vw;max-height:92vh}.lightbox-image{max-width:100%;max-height:88vh;border:4px solid var(--color-ink);box-shadow:var(--shadow-xl)}.lightbox-close{position:absolute;top:-18px;right:-18px;width:42px;height:42px;border:3px solid var(--color-ink);background:var(--color-yellow);box-shadow:var(--shadow-sm);cursor:pointer}.lightbox-close:hover{background:var(--color-pink);color:var(--color-paper)}.toast-container{position:fixed;top:calc(var(--nav-height) + 1.5rem);right:1.25rem;display:flex;flex-direction:column;gap:var(--space-sm);z-index:1002}.toast{min-width:260px;display:flex;align-items:center;gap:.75rem;padding:.9rem 1rem;background:var(--color-paper);border:3px solid var(--color-ink);box-shadow:var(--shadow-md)}.toast.success{background:#ecfccb}.toast.error{background:#fee2e2}.toast-icon{width:18px;height:18px;flex-shrink:0}.toast-message{color:var(--color-text);font-size:.92rem}.portfolio-grid,.blog-grid{display:grid;gap:var(--space-lg)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.mt-0{margin-top:0}.mt-sm{margin-top:var(--space-sm)}.mt-md{margin-top:var(--space-md)}.mt-lg{margin-top:var(--space-lg)}.mt-xl{margin-top:var(--space-xl)}.mb-0{margin-bottom:0}.mb-sm{margin-bottom:var(--space-sm)}.mb-md{margin-bottom:var(--space-md)}.mb-lg{margin-bottom:var(--space-lg)}.mb-xl{margin-bottom:var(--space-xl)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pixelPulse{0%,to{transform:translate(0)}50%{transform:translate(-2px,-2px)}}@media(max-width:1024px){.grid-3{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:900px){.nav{padding-inline:.75rem}.nav-inner{min-height:76px}.nav-links{display:none;position:fixed;top:96px;left:.75rem;right:.75rem;flex-direction:column;align-items:stretch;gap:.75rem;padding:1rem;background:var(--color-paper);border:3px solid var(--color-ink);box-shadow:var(--shadow-xl)}.nav-links.active{display:flex}.nav-links li:last-child a{width:100%}.nav-toggle{display:inline-flex;flex-direction:column;justify-content:center;gap:5px;width:48px;height:48px;padding:0 10px;border:3px solid var(--color-ink);background:var(--color-yellow);box-shadow:var(--shadow-sm);cursor:pointer}.nav-toggle span{width:100%;height:3px;background:var(--color-ink);transition:transform var(--transition-fast),opacity var(--transition-fast)}.nav-toggle.active span:nth-child(1){transform:translateY(8px) rotate(45deg)}.nav-toggle.active span:nth-child(2){opacity:0}.nav-toggle.active span:nth-child(3){transform:translateY(-8px) rotate(-45deg)}}@media(max-width:768px){body{font-size:1rem}.container{padding:0 1rem}section,.section{padding:var(--space-2xl) 0}.grid-2,.grid-3{grid-template-columns:1fr}.footer-inner{align-items:flex-start}.toast-container{left:1rem;right:1rem}.toast{min-width:0;width:100%}}