:root{--color-sage:#929e8a;--color-sage-light:#a6af9f;--color-sage-dark:#788070;--color-slate:#4a5568;--color-slate-light:#718096;--color-slate-dark:#2d3748;--color-sandstone:#d4a574;--color-sandstone-light:#e8c9a0;--color-sandstone-dark:#b8824a;--color-stone:#d8d2ca;--color-stone-dark:#b6aea3;--color-forest:#1a2e1a;--color-bg:#d6d2ca;--color-bg-alt:#c7c1b8;--color-bg-muted:var(--color-stone);--color-fg:#3a352e;--color-fg-muted:#6d6560;--color-border:#e7e0d6;--color-border-dark:var(--color-slate);--color-accent:var(--color-sage);--color-accent-hover:var(--color-sage-dark);--color-hover-overlay:hsla(40,13%,82%,.94);--font-sans:"Work Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--font-mono:"JetBrains Mono","SF Mono","Consolas",monospace;--space-1:8px;--space-2:16px;--space-3:24px;--space-4:32px;--space-5:40px;--space-6:48px;--space-8:64px;--space-12:96px;--text-xs:0.75rem;--text-sm:0.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.75rem;--text-3xl:2.25rem;--text-4xl:3rem;--text-5xl:4rem;--radius-sm:4px;--radius-md:6px;--radius-lg:8px}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-sans);font-size:var(--text-base);font-weight:400;line-height:1.6;color:var(--color-fg);background-color:var(--color-bg);min-height:100vh;background-image:url("data:image/svg+xml,%3Csvg width='100' height='100' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 50 Q 25 30, 50 50 T 100 50' stroke='%237d8c75' stroke-width='0.5' fill='none' opacity='0.08'/%3E%3Cpath d='M0 30 Q 25 10, 50 30 T 100 30' stroke='%237d8c75' stroke-width='0.5' fill='none' opacity='0.05'/%3E%3Cpath d='M0 70 Q 25 50, 50 70 T 100 70' stroke='%237d8c75' stroke-width='0.5' fill='none' opacity='0.05'/%3E%3Cpath d='M0 90 Q 25 70, 50 90 T 100 90' stroke='%237d8c75' stroke-width='0.5' fill='none' opacity='0.03'/%3E%3Cpath d='M0 10 Q 25 -10, 50 10 T 100 10' stroke='%237d8c75' stroke-width='0.5' fill='none' opacity='0.03'/%3E%3C/svg%3E");background-size:200px 200px;background-attachment:fixed}.mono{font-size:var(--text-sm);letter-spacing:-.02em}.mono,.tag{font-family:var(--font-mono)}.tag{display:inline-block;padding:4px 10px;background:var(--color-stone);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.05em;color:var(--color-fg-muted)}.tag-accent{background:var(--color-sage);border-color:var(--color-sage-dark);color:#fff}.page-container{max-width:1200px;margin:0 auto;background-color:var(--color-bg-alt);min-height:100vh;box-shadow:0 0 0 1px var(--color-border)}.page-header{border-bottom:1px solid var(--color-border);background:var(--color-bg-alt)}.page-content,.page-header{padding:var(--space-4)}.page-footer{padding:var(--space-3) var(--space-4);border-top:1px solid var(--color-border);background:var(--color-stone);display:flex;justify-content:space-between;align-items:center;font-size:var(--text-sm);color:var(--color-fg-muted)}.page-footer a{color:var(--color-fg);text-decoration:none}.page-footer a:hover{color:var(--color-accent)}h1,h2,h3,h4,h5,h6{font-family:var(--font-sans);font-weight:600;letter-spacing:-.02em;line-height:1.2;color:var(--color-fg)}h1{font-size:var(--text-5xl);font-weight:700;letter-spacing:-.03em}h2{font-size:var(--text-2xl)}h2,h3{font-weight:600}h3{font-size:var(--text-lg)}p{max-width:65ch;line-height:1.7;color:var(--color-fg)}a{color:inherit;text-decoration:none}hr{border:none;border-top:1px solid var(--color-border);margin:var(--space-3) 0}.btn{display:inline-flex;align-items:center;gap:var(--space-1);padding:12px 20px;font-family:var(--font-sans);font-size:var(--text-sm);font-weight:500;color:var(--color-fg);background:var(--color-stone);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:all .15s ease;box-shadow:inset 0 1px 0 hsla(0,0%,100%,.5),inset 0 -1px 0 rgba(0,0,0,.05)}.btn:hover{background:var(--color-stone-dark);border-color:var(--color-slate-light)}.btn:active{box-shadow:inset 0 2px 4px rgba(0,0,0,.1)}.btn-primary{background:var(--color-sage);border-color:var(--color-sage-dark);color:#fff;box-shadow:inset 0 1px 0 hsla(0,0%,100%,.2),inset 0 -1px 0 rgba(0,0,0,.1)}.btn-primary:hover{background:var(--color-sage-dark)}.btn-dark{background:var(--color-slate-dark);border-color:var(--color-forest);color:#fff}.btn-dark:hover{background:var(--color-forest)}.link{color:var(--color-sage-dark);text-decoration:underline;text-underline-offset:3px;-webkit-text-decoration-color:var(--color-border);text-decoration-color:var(--color-border)}.link:hover{color:var(--color-accent);-webkit-text-decoration-color:var(--color-accent);text-decoration-color:var(--color-accent)}.image-hover-container{position:relative;overflow:hidden;flex:0 0 300px;width:300px;height:380px;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-stone);contain:layout style paint;transition:border-color .2s ease;transform:translateZ(0);will-change:transform}.image-hover-container:hover{border-color:var(--color-sage)}.image-skeleton{position:absolute;top:0;left:0;width:100%;height:100%;background:var(--color-stone);z-index:1;pointer-events:none}.gallery-image{display:block;position:relative;z-index:2;border-radius:var(--radius-md);transition:opacity .3s ease}.image-hover-container:hover .gallery-image.loaded{opacity:.15}.hover-text{position:absolute;top:0;left:0;right:0;bottom:0;padding:var(--space-4);color:var(--color-fg);font-size:var(--text-base);font-weight:500;line-height:1.7;opacity:0;pointer-events:none;z-index:10;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;background:var(--color-hover-overlay);transition:opacity .2s ease}.image-hover-container:hover .hover-text{opacity:1}.card{background:var(--color-bg-alt);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-3);transition:border-color .2s ease}.card:hover{border-color:var(--color-sage)}.card-muted{background:var(--color-stone)}@media (max-width:768px){:root{--text-5xl:2.5rem;--text-4xl:2rem;--text-3xl:1.75rem}body{background-size:150px 150px}.page-container{box-shadow:none}.image-hover-container{flex:0 0 100%;width:100%;height:auto;aspect-ratio:4/5}}@media (prefers-color-scheme:dark){:root{--color-bg:#1a1f1a;--color-bg-alt:#232823;--color-bg-muted:#2a302a;--color-fg:#e8e6e3;--color-fg-muted:#9ca39c;--color-border:#3d453d;--color-border-dark:#4a524a;--color-stone:#2a302a;--color-stone-dark:#353b35;--color-accent:var(--color-sage-light);--color-hover-overlay:rgba(26,31,26,.94)}body{background-image:url("data:image/svg+xml,%3Csvg width='100' height='100' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 50 Q 25 30, 50 50 T 100 50' stroke='%23a3b899' stroke-width='0.5' fill='none' opacity='0.05'/%3E%3Cpath d='M0 30 Q 25 10, 50 30 T 100 30' stroke='%23a3b899' stroke-width='0.5' fill='none' opacity='0.03'/%3E%3Cpath d='M0 70 Q 25 50, 50 70 T 100 70' stroke='%23a3b899' stroke-width='0.5' fill='none' opacity='0.03'/%3E%3C/svg%3E")}}