*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}:root{--cream: #f5f0e8;--cream-dark: #ede6d8;--cream-mid: #e4dbc8;--coffee-lt: #c8b89a;--coffee: #8c7355;--coffee-dk: #5c4a32;--ink: #2a1f14;--sidebar-w: 220px;--gap: 3px}html,body{height:100%;background:var(--cream);color:var(--ink);font-family:"Jost",sans-serif;font-weight:300}#app{display:flex;height:100vh;overflow:hidden}aside{width:var(--sidebar-w);min-width:var(--sidebar-w);background:var(--cream-dark);border-right:1px solid var(--cream-mid);display:flex;flex-direction:column;overflow-y:auto;padding:2.5rem 0 2rem}.sidebar-title{font-family:"Cormorant Garamond",serif;font-weight:300;font-style:italic;font-size:1.05rem;color:var(--coffee);letter-spacing:.08em;padding:0 1.4rem 1.8rem;border-bottom:1px solid var(--cream-mid);margin-bottom:1rem}nav a{display:block;padding:.55rem 1.4rem;font-size:.78rem;letter-spacing:.12em;text-transform:uppercase;color:var(--coffee-dk);text-decoration:none;transition:background .15s,color .15s;cursor:pointer;border-left:2px solid rgba(0,0,0,0)}nav a:hover{background:var(--cream-mid);color:var(--ink)}nav a.active{border-left-color:var(--coffee);color:var(--ink);background:var(--cream);font-weight:400}.sidebar-count{font-size:.65rem;color:var(--coffee-lt);margin-left:.4em;font-style:normal}main{flex:1;overflow-y:auto;padding:var(--gap);background:var(--cream)}.justified-grid{column-count:4;column-gap:var(--gap)}@media(max-width: 1200px){.justified-grid{column-count:3}}@media(max-width: 768px){.justified-grid{column-count:2}}@media(max-width: 480px){.justified-grid{column-count:1}}.grid-item{break-inside:avoid;margin-bottom:var(--gap);cursor:zoom-in;background:var(--cream-mid);position:relative;display:block;width:100%}.grid-item img{display:block;width:100%;height:auto;transition:transform .4s ease,filter .4s ease}.grid-item:hover img{transform:scale(1.03);filter:brightness(1.05)}.grid-item .overlay{position:absolute;inset:0;background:linear-gradient(to top, rgba(42, 31, 20, 0.55) 0%, transparent 50%);opacity:0;transition:opacity .3s ease;display:flex;align-items:flex-end;padding:.8rem}.grid-item:hover .overlay{opacity:1}.overlay-tags{display:flex;gap:.3rem;flex-wrap:wrap}.tag{font-size:.6rem;letter-spacing:.1em;text-transform:uppercase;color:var(--cream);background:rgba(92,74,50,.7);padding:.15rem .45rem;border-radius:2px}.lightbox{position:fixed;inset:0;background:rgba(42,31,20,.92);z-index:100;display:flex;align-items:center;justify-content:center;cursor:zoom-out;backdrop-filter:blur(6px)}.lightbox img{max-width:92vw;max-height:92vh;object-fit:contain;box-shadow:0 8px 60px rgba(0,0,0,.6);border-radius:2px}.lightbox-close{position:fixed;top:1.5rem;right:1.8rem;color:var(--cream);font-size:1.8rem;cursor:pointer;opacity:.7;font-weight:300;line-height:1;z-index:101;transition:opacity .2s}.lightbox-close:hover{opacity:1}.empty{width:100%;padding:6rem 2rem;text-align:center;color:var(--coffee-lt);font-family:"Cormorant Garamond",serif;font-style:italic;font-size:1.1rem}@media(max-width: 600px){aside{width:160px;min-width:160px}nav a{font-size:.7rem;padding:.5rem 1rem}}/*# sourceMappingURL=styles.css.map */