*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--color-base: #f9f9f9;--color-contrast: #111111;--color-accent: #d8613c;--color-secondary: #c2a990;--color-muted: #666666;--color-border: #e0e0e0;--font-body: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-heading: "Cardo", Georgia, "Times New Roman", serif;--max-width: 720px;--spacing-xs: .5rem;--spacing-sm: 1rem;--spacing-md: 1.5rem;--spacing-lg: 2rem;--spacing-xl: 3rem;--spacing-2xl: 4rem}html{font-size:16px;scroll-behavior:smooth}body{font-family:var(--font-body);font-weight:400;line-height:1.7;color:var(--color-contrast);background-color:var(--color-base);min-height:100vh;display:flex;flex-direction:column}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:700;line-height:1.3;margin-bottom:var(--spacing-sm)}h1{font-size:2.5rem}h2{font-size:1.75rem;margin-bottom:var(--spacing-md)}h3{font-size:1.25rem}p{margin-bottom:var(--spacing-md)}a{color:var(--color-contrast);text-decoration:none;transition:color .2s ease,opacity .2s ease}a:hover{color:var(--color-accent)}img{max-width:100%;height:auto;display:block}.home-page{height:100vh;overflow:hidden}.home-page .site-header{border-bottom:none;padding:var(--spacing-sm) var(--spacing-lg)}.home-main{flex:1;display:flex;align-items:center;justify-content:center;padding:var(--spacing-lg)}.home-content{text-align:center;display:flex;flex-direction:column;align-items:center;gap:clamp(1rem,3vh,1.5rem)}.home-content .profile-image{width:clamp(140px,20vh,200px);height:clamp(140px,20vh,200px)}.home-content h1{font-size:clamp(2.5rem,6vw,3.5rem);margin-bottom:0}.home-content .tagline{font-size:clamp(1.1rem,2.5vw,1.4rem);color:var(--color-muted);font-style:italic;font-family:var(--font-heading);margin-bottom:0}.social-row{display:flex;justify-content:center;flex-wrap:wrap;gap:clamp(1rem,2.5vw,1.5rem);margin-top:clamp(.5rem,2vh,1rem)}.social-row a{display:flex;align-items:center;justify-content:center;transition:opacity .2s ease,transform .2s ease}.social-row a:hover{opacity:.7;transform:scale(1.1)}.social-row svg{width:clamp(28px,4vw,36px);height:clamp(28px,4vw,36px)}.social-row a[aria-label="X (Twitter)"]{color:#000}.social-row a[aria-label=Facebook]{color:#1877f2}.social-row a[aria-label=Instagram]{color:#e4405f}.social-row a[aria-label=TikTok]{color:#000}.social-row a[aria-label=YouTube]{color:red}.social-row a[aria-label=Twitch]{color:#9146ff}.social-row a[aria-label=Threads]{color:#000}.social-row a[aria-label=Discord]{color:#5865f2}.social-row a[aria-label="RSS Feed"]{color:orange}.blog-cta{display:inline-block;margin-top:clamp(1rem,3vh,1.5rem);padding:clamp(.75rem,1.5vh,1rem) clamp(2rem,4vw,3rem);background:var(--color-contrast);color:#fff;border-radius:8px;font-size:clamp(1rem,2vw,1.2rem);font-weight:500;transition:opacity .2s ease,transform .2s ease}.blog-cta:hover{color:#fff;opacity:.85;transform:translateY(-2px)}@media(max-width:480px){.home-content .profile-image{width:120px;height:120px}.home-content h1{font-size:2rem}.home-content .tagline{font-size:1rem}.social-row{gap:.8rem}.social-row svg{width:24px;height:24px}.blog-cta{padding:.7rem 1.5rem;font-size:.95rem}}.site-header{padding:var(--spacing-md) var(--spacing-lg);border-bottom:1px solid var(--color-border)}.nav-container{max-width:var(--max-width);margin:0 auto;display:flex;justify-content:space-between;align-items:center}.nav-logo{font-family:var(--font-heading);font-size:1.5rem;font-weight:700}.nav-links{display:flex;list-style:none;gap:var(--spacing-md)}.nav-links a{font-size:.95rem;font-weight:500}.main-content{flex:1;max-width:var(--max-width);margin:0 auto;padding:var(--spacing-xl) var(--spacing-lg);width:100%}.hero{text-align:center;padding:var(--spacing-2xl) 0}.hero-content{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md)}.profile-image{width:200px;height:200px;border-radius:50%;overflow:hidden;box-shadow:0 4px 20px #0000001a}.profile-image img{width:100%;height:100%;object-fit:cover}.tagline{font-size:1.25rem;color:var(--color-muted);font-style:italic;font-family:var(--font-heading)}.projects{padding:var(--spacing-xl) 0}.projects h2{text-align:center}.project-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-md)}.project-card{display:flex;align-items:center;justify-content:center;padding:var(--spacing-lg);background:#fff;border:1px solid var(--color-border);border-radius:8px;transition:transform .2s ease,box-shadow .2s ease}.project-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a;color:var(--color-contrast)}.project-name{font-weight:600;font-size:.95rem}.social-links{padding:var(--spacing-xl) 0}.social-links h2{text-align:center}.social-grid{display:flex;justify-content:center;flex-wrap:wrap;gap:var(--spacing-md)}.social-link{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:50%;background:#fff;border:1px solid var(--color-border);transition:transform .2s ease,background-color .2s ease}.social-link:hover{transform:translateY(-2px);background-color:var(--color-contrast);color:#fff}.social-link svg{width:20px;height:20px}.site-footer{padding:var(--spacing-lg);border-top:1px solid var(--color-border);text-align:center}.footer-nav{display:flex;justify-content:center;gap:var(--spacing-md);margin-bottom:var(--spacing-sm)}.footer-nav a{font-size:.9rem}.copyright{font-size:.85rem;color:var(--color-muted);margin-bottom:0}.blog-header{margin-bottom:var(--spacing-xl)}.blog-header h1{margin-bottom:var(--spacing-xs)}.blog-description{color:var(--color-muted)}.post-list{display:flex;flex-direction:column;gap:var(--spacing-lg)}.post-card{padding:var(--spacing-lg);background:#fff;border:1px solid var(--color-border);border-radius:8px;transition:box-shadow .2s ease}.post-card:hover{box-shadow:0 4px 12px #00000014}.post-card h2{font-size:1.35rem;margin-bottom:var(--spacing-xs)}.post-card h2 a{color:var(--color-contrast)}.post-card h2 a:hover{color:var(--color-accent)}.post-meta{font-size:.9rem;color:var(--color-muted);margin-bottom:var(--spacing-sm)}.post-meta .category{color:var(--color-accent)}.post-excerpt{color:var(--color-muted);margin-bottom:0}.post-header{margin-bottom:var(--spacing-xl);padding-bottom:var(--spacing-lg);border-bottom:1px solid var(--color-border)}.post-header h1{margin-bottom:var(--spacing-sm);font-size:2.25rem}.post-content{font-size:1.05rem}.post-content h2{margin-top:var(--spacing-xl);font-size:1.5rem}.post-content h3{margin-top:var(--spacing-lg);font-size:1.25rem}.post-content p{margin-bottom:var(--spacing-md)}.post-content a{color:var(--color-accent);text-decoration:underline}.post-content a:hover{text-decoration:none}.post-content ul,.post-content ol{margin-bottom:var(--spacing-md);padding-left:var(--spacing-lg)}.post-content li{margin-bottom:var(--spacing-xs)}.post-content blockquote{margin:var(--spacing-lg) 0;padding:var(--spacing-md) var(--spacing-lg);border-left:4px solid var(--color-accent);background:#00000005;font-style:italic}.post-content img{margin:var(--spacing-lg) auto;border-radius:8px}.image-gallery{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-md);margin:var(--spacing-xl) 0}.image-gallery img{width:100%;height:auto;border-radius:8px;margin:0}@media(max-width:480px){.image-gallery{grid-template-columns:1fr}}.post-nav{margin-top:var(--spacing-2xl);padding-top:var(--spacing-lg);border-top:1px solid var(--color-border);display:flex;justify-content:space-between;gap:var(--spacing-md)}.post-nav a{display:flex;flex-direction:column;gap:var(--spacing-xs);max-width:45%}.post-nav .label{font-size:.85rem;color:var(--color-muted);text-transform:uppercase;letter-spacing:.05em}.post-nav .title{font-weight:600;color:var(--color-contrast)}.post-nav a:hover .title{color:var(--color-accent)}.post-nav .next{text-align:right;margin-left:auto}.tool-list{margin:var(--spacing-lg) 0}.tool-list li{padding:var(--spacing-sm) 0;border-bottom:1px solid var(--color-border)}.tool-list li:last-child{border-bottom:none}.tool-list strong{color:var(--color-accent)}@media(max-width:640px){html{font-size:15px}.main-content{padding:var(--spacing-lg) var(--spacing-md)}h1{font-size:2rem}h2{font-size:1.5rem}.project-grid{grid-template-columns:1fr}.hero{padding:var(--spacing-xl) 0}.profile-image{width:150px;height:150px}.post-nav{flex-direction:column}.post-nav a{max-width:100%}.post-nav .next{text-align:left}}