:root{--color-text: #e8e0d4;--color-text-muted: #b8ad9e;--color-bg: #2c3830;--color-bg-alt: #354a3c;--color-border: #4a5e4e;--color-link: #c47a4a;--color-link-hover: #d4925e;--font-heading: "Fraunces", Georgia, serif;--font-body: "DM Sans", system-ui, sans-serif;--font-mono: ui-monospace, "Cascadia Code", "Source Code Pro", Menlo, Consolas, monospace;--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 2rem;--space-xl: 4rem;--max-width: 48rem;--max-width-wide: 64rem}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-family:var(--font-body);color:var(--color-text);background:var(--color-bg);line-height:1.6;scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{min-height:100vh;display:flex;flex-direction:column}main{flex:1;width:100%;max-width:var(--max-width-wide);margin:0 auto;padding:var(--space-lg) var(--space-md)}h1,h2,h3,h4{font-family:var(--font-heading);line-height:1.2;margin-bottom:var(--space-sm)}h1{font-size:2.5rem}h2{font-size:1.75rem}h3{font-size:1.3rem}p{margin-bottom:var(--space-md);max-width:var(--max-width)}a{color:var(--color-link);text-decoration:none;transition:color .2s ease}a:hover{color:var(--color-link-hover);text-decoration:underline}ul,ol{padding-left:var(--space-lg);margin-bottom:var(--space-md)}li{margin-bottom:var(--space-xs)}code{font-family:var(--font-mono);font-size:.9em;background:var(--color-bg-alt);padding:var(--space-xs) var(--space-sm);border-radius:3px}pre{background:var(--color-bg-alt);padding:var(--space-md);border-radius:4px;overflow-x:auto;margin-bottom:var(--space-md)}pre code{background:none;padding:0}img{max-width:100%;height:auto;display:block}.site-header{position:sticky;top:0;z-index:100;border-bottom:1px solid var(--color-border);padding:var(--space-md);background:#2c3830d9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);transition:background .3s ease}.site-header nav{max-width:var(--max-width-wide);margin:0 auto;display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-md)}.site-header .site-name{font-family:var(--font-heading);font-weight:700;font-size:1.3rem;color:var(--color-text);text-decoration:none;margin-right:auto}.site-header .site-name:hover{color:var(--color-text)}.nav-links{display:flex;gap:var(--space-md);list-style:none;padding:0;margin:0}.nav-links a{color:var(--color-text-muted);font-size:.95rem;transition:color .2s ease}.nav-links a:hover{color:var(--color-text);text-decoration:none}.nav-links a.active{color:var(--color-link);border-bottom:2px solid var(--color-link);padding-bottom:2px}.site-footer{border-top:1px solid var(--color-border);padding:var(--space-lg) var(--space-md);text-align:center;color:var(--color-text-muted);font-size:.9rem}.site-footer nav{display:flex;justify-content:center;gap:var(--space-md);margin-bottom:var(--space-sm)}.prose{max-width:var(--max-width)}.prose h2,.prose h3{margin-top:var(--space-lg)}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--space-lg);list-style:none;padding:0}.card{border:1px solid var(--color-border);border-radius:8px;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease}.card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0003;border-color:var(--color-link)}.card-image{width:100%;height:180px;object-fit:cover;object-position:center;display:block}.card-image-placeholder{width:100%;height:0}.card-body{padding:var(--space-md)}.card-body h3{margin-top:0}.card-body .meta{color:var(--color-text-muted);font-size:.85rem;margin-bottom:var(--space-sm)}.tag-list{display:flex;flex-wrap:wrap;gap:var(--space-xs);list-style:none;padding:0;margin:var(--space-sm) 0 0}.tag-list li{background:var(--color-bg-alt);padding:var(--space-xs) var(--space-sm);border-radius:3px;font-size:.8rem;color:var(--color-text-muted);margin:0}.cta{display:inline-block;padding:var(--space-sm) var(--space-lg);border:1px solid var(--color-link);border-radius:4px;color:var(--color-link);font-weight:500;transition:background .3s ease,color .3s ease,transform .2s ease}.cta:hover{background:var(--color-link);color:var(--color-bg);text-decoration:none;transform:translateY(-2px)}.section{margin-bottom:5rem}.fade-in{opacity:0;transform:translateY(20px);transition:opacity .6s ease,transform .6s ease}.fade-in.visible{opacity:1;transform:translateY(0)}.card-grid .card{opacity:0;transform:translateY(20px);transition:opacity .5s ease,transform .5s ease,box-shadow .3s ease,border-color .3s ease}.card-grid .card.visible{opacity:1;transform:translateY(0)}.card-grid .card.visible:hover{transform:translateY(-4px)}.hero{position:relative;min-height:60vh;display:flex;align-items:center;overflow:hidden;margin:calc(-1 * var(--space-lg)) calc(-1 * var(--space-md)) var(--space-xl)}.hero-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;mask-image:linear-gradient(to right,transparent 0%,#000 15%,#000 85%,transparent 100%);-webkit-mask-image:linear-gradient(to right,transparent 0%,#000 15%,#000 85%,transparent 100%)}.hero-overlay{position:absolute;inset:0;background:linear-gradient(to right,#2c3830eb,#2c3830bf,#2c38304d)}.hero-content{position:relative;z-index:1;max-width:32rem;padding:var(--space-xl) var(--space-lg)}.hero-content h1{font-size:3rem;margin-bottom:var(--space-md)}.hero-content p{font-size:1.15rem;line-height:1.7}@media(max-width:600px){h1{font-size:1.8rem}h2{font-size:1.4rem}.site-header nav{flex-direction:column;align-items:flex-start}.site-header .site-name{margin-right:0}.hero{min-height:50vh}.hero-content{padding:var(--space-lg) var(--space-md)}.hero-content h1{font-size:1.8rem}}