.app-container{min-height:100vh;display:flex;flex-direction:column}.header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-lg) var(--spacing-lg);position:sticky;top:0;background-color:#262626cc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:100;border-bottom:1px solid var(--color-border)}.logo{font-size:1.5rem;font-weight:700;letter-spacing:-.05em}.nav a{margin-left:var(--spacing-lg);font-size:.9rem;font-weight:500;color:var(--color-muted);transition:color .2s ease}.nav a:hover,.nav a.active{color:var(--color-text)}.hero{padding:120px var(--spacing-lg);max-width:900px}.hero h1{font-size:4rem;font-weight:500;line-height:1.1;letter-spacing:-.02em;margin-bottom:var(--spacing-md)}.subtitle{font-size:1.2rem;color:var(--color-muted)}.filters{display:flex;gap:var(--spacing-md);padding:0 var(--spacing-lg) var(--spacing-lg);overflow-x:auto}.filter-btn{background:transparent;border:1px solid var(--color-border);color:var(--color-muted);padding:8px 16px;border-radius:20px;cursor:pointer;font-family:inherit;font-size:.9rem;transition:all .2s ease;white-space:nowrap}.filter-btn:hover,.filter-btn.active{background:var(--color-text);color:var(--color-bg);border-color:var(--color-text)}.footer{margin-top:auto;padding:var(--spacing-xl) var(--spacing-lg);border-top:1px solid var(--color-border)}.footer-content{display:flex;flex-direction:column;align-items:center;text-align:center;margin-bottom:var(--spacing-xl)}.footer h2{font-size:2.5rem;margin-bottom:var(--spacing-md);font-weight:500;letter-spacing:-.02em}.email-link{font-size:1.2rem;color:var(--color-muted);text-decoration:underline;text-underline-offset:4px;margin-bottom:var(--spacing-lg);transition:color .2s ease}.email-link:hover{color:var(--color-text)}.social-links{display:flex;gap:var(--spacing-md)}.social-links a{color:var(--color-muted);transition:color .2s ease}.social-links a:hover{color:var(--color-text)}.copyright{text-align:center;font-size:.85rem;color:var(--color-muted)}@media (max-width: 768px){.hero{padding:80px var(--spacing-md)}.hero h1{font-size:2.5rem}.header{padding:var(--spacing-md)}.nav{display:none}}:root{--color-bg: oklch(.15 .01 250);--color-text: oklch(.95 .01 250);--color-accent: oklch(.75 .1 250);--color-muted: oklch(.6 .01 250);--color-border: oklch(.25 .01 250);--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 32px;--spacing-xl: 64px}*{box-sizing:border-box;margin:0;padding:0}body{font-family:DM Sans,sans-serif;background-color:var(--color-bg);color:var(--color-text);line-height:1.6;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}.masonry-grid{columns:1;column-gap:var(--spacing-md);padding:var(--spacing-md)}@media (min-width: 600px){.masonry-grid{columns:2}}@media (min-width: 900px){.masonry-grid{columns:3;column-gap:var(--spacing-lg);padding:var(--spacing-lg)}}.masonry-item{break-inside:avoid;margin-bottom:var(--spacing-md)}@media (min-width: 900px){.masonry-item{margin-bottom:var(--spacing-lg)}}.masonry-item img{width:100%;height:auto;display:block;border-radius:4px;transition:transform .3s ease,filter .3s ease;filter:grayscale(20%)}.masonry-item:hover img{transform:scale(1.02);filter:grayscale(0%)}