:root{color-scheme:dark;--color-bg: #101010;--color-surface: #181818;--color-border: #2a2a2a;--color-text: #f2f2f2;--color-muted: #a8a8a8;--color-accent: #7ab7ff;--font-main: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--container: 1100px;--content: 720px;--space-xs: .5rem;--space-sm: 1rem;--space-md: 2rem;--space-lg: 4rem;--space-xl: 6rem}*{box-sizing:border-box}html{background:var(--color-bg)}body{margin:0;background:var(--color-bg);color:var(--color-text);font-family:var(--font-main);font-size:16px;line-height:1.7;text-rendering:optimizeLegibility}main{width:min(var(--container),90%);margin:0 auto;padding:var(--space-lg) 0}section{margin-bottom:var(--space-xl)}h1,h2,h3{margin:0 0 var(--space-sm);line-height:1.1;letter-spacing:-.04em}h1{max-width:900px;font-size:clamp(3rem,8vw,6.5rem)}h2{font-size:clamp(2rem,4vw,3.5rem)}h3{font-size:clamp(1.35rem,2vw,1.8rem)}p{max-width:var(--content);margin:0 0 var(--space-sm);color:var(--color-muted)}a{color:inherit;text-decoration:none}a:hover{color:var(--color-accent)}img,video{max-width:100%;height:auto}header{border-bottom:1px solid var(--color-border)}nav{width:min(var(--container),90%);margin:0 auto;padding:1.5rem 0;display:flex;justify-content:space-between;align-items:center;gap:var(--space-md)}.logo{display:flex;flex-direction:column;gap:.15rem;color:var(--color-text);font-weight:800;letter-spacing:.16em}.logo small{color:var(--color-muted);font-size:.65rem;font-weight:500;letter-spacing:.12em;text-transform:none}.nav-links{display:flex;gap:1.25rem;flex-wrap:wrap}.nav-links a{color:var(--color-muted);font-size:.95rem}.nav-links a:hover{color:var(--color-text)}footer{width:min(var(--container),90%);margin:0 auto;padding:var(--space-lg) 0;border-top:1px solid var(--color-border);color:var(--color-muted)}.eyebrow{margin-bottom:var(--space-sm);color:var(--color-accent);font-size:.85rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase}.hero{padding:var(--space-xl) 0}.hero-text{margin-top:var(--space-md);font-size:clamp(1.15rem,2vw,1.35rem)}.hero-actions{display:flex;gap:var(--space-sm);flex-wrap:wrap;margin-top:var(--space-md)}.button{display:inline-flex;padding:.75rem 1rem;border:1px solid var(--color-accent);border-radius:999px;color:var(--color-bg);background:var(--color-accent);font-weight:700}.button:hover{color:var(--color-bg);opacity:.85}.button.secondary{color:var(--color-text);background:transparent;border-color:var(--color-border)}.button.secondary:hover{color:var(--color-text);border-color:var(--color-accent)}.grid{display:grid;gap:var(--space-sm);margin-top:var(--space-md)}.two-columns{grid-template-columns:repeat(2,minmax(0,1fr))}.three-columns{grid-template-columns:repeat(3,minmax(0,1fr))}.card{padding:var(--space-md);border:1px solid var(--color-border);background:var(--color-surface)}.card h3{margin-bottom:var(--space-xs)}.card a{display:inline-block;margin-top:var(--space-sm);color:var(--color-accent);font-weight:700}.article-meta{color:var(--color-accent);margin-bottom:1.25rem;font-size:.95rem;font-weight:500;letter-spacing:.02em}@media(max-width:760px){nav{align-items:flex-start;flex-direction:column}.two-columns,.three-columns{grid-template-columns:1fr}.hero{padding:var(--space-lg) 0}}.post-list{display:grid;gap:var(--space-md)}.post-preview{max-width:var(--content);padding-bottom:var(--space-md);border-bottom:1px solid var(--color-border)}.post-preview h2{font-size:clamp(1.8rem,4vw,3rem)}.article{max-width:var(--content);margin:0 auto}.article-description{margin-bottom:var(--space-lg);font-size:1.2rem}.article h1{font-size:clamp(2.75rem,7vw,5rem)}.article p,.article li{font-size:1.05rem}.article a{color:var(--color-accent)}.project-case{max-width:900px;margin:0 auto}.project-header{margin-bottom:var(--space-lg)}.project-description{max-width:760px;font-size:1.25rem}.project-meta{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-md);padding:var(--space-md) 0;margin-bottom:var(--space-lg);border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border)}.project-meta h2{margin-bottom:var(--space-xs);color:var(--color-text);font-size:.85rem;letter-spacing:.12em;text-transform:uppercase}.project-meta p{margin:0;font-size:.95rem}.project-content{max-width:var(--content)}.project-content h2,.project-actions{margin-top:var(--space-lg)}@media(max-width:760px){.project-meta{grid-template-columns:1fr}}.project-cover{margin:0 0 var(--space-lg)}.project-cover img{display:block;width:100%;border:1px solid var(--color-border);border-radius:8px}