*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #0f0f0f;--surface: #161616;--surface-2: #1e1e1e;--text: #e8e8e8;--text-muted: #7a7a7a;--text-dim: #555;--accent: #c8a96e;--accent-dim: rgba(200, 169, 110, .15);--border: #252525;--sidebar-w: 210px;--font: "Inter", system-ui, -apple-system, sans-serif;--radius: 8px;--transition: .18s ease}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);font-family:var(--font);font-size:15px;line-height:1.6;min-height:100vh;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}.layout{display:grid;grid-template-columns:var(--sidebar-w) 1fr;min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;overflow-y:auto;background:var(--surface);border-right:1px solid var(--border);padding:2rem 1.25rem;display:flex;flex-direction:column;gap:2rem}.sidebar__brand{font-size:.8rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--text-dim)}.sidebar__section-label{font-size:.7rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--text-dim);margin-bottom:.5rem}.sidebar__list{list-style:none;display:flex;flex-direction:column;gap:2px}.sidebar__link{display:block;padding:.45rem .75rem;border-radius:6px;color:var(--text-muted);font-size:.875rem;transition:color var(--transition),background var(--transition)}.sidebar__link:hover{color:var(--text);background:var(--surface-2)}.sidebar__link--active{color:var(--accent);background:var(--accent-dim);font-weight:500}.main{padding:2rem;min-height:100vh}.main__header{margin-bottom:1.5rem;display:flex;align-items:baseline;gap:1rem}.main__title{font-size:1.1rem;font-weight:500;color:var(--text)}.main__count{font-size:.8rem;color:var(--text-dim)}.photo-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px}.photo-grid--empty{color:var(--text-muted);font-size:.9rem;padding:3rem 0}.photo-card{position:relative;display:block;border-radius:var(--radius);overflow:hidden;aspect-ratio:3/2;background:var(--surface-2);cursor:pointer}.photo-card:after{content:"";position:absolute;inset:0;border-radius:var(--radius);border:1px solid rgba(255,255,255,.04);pointer-events:none}.photo-card__img{width:100%;height:100%;object-fit:cover;transition:transform .35s ease,filter .35s ease}.photo-card:hover .photo-card__img{transform:scale(1.04);filter:brightness(.75)}.photo-card__overlay{position:absolute;inset:auto 0 0;padding:1.25rem 1rem .875rem;background:linear-gradient(to top,#000000d1,#0000);display:flex;flex-direction:column;gap:3px;opacity:0;transform:translateY(4px);transition:opacity var(--transition),transform var(--transition)}.photo-card:hover .photo-card__overlay{opacity:1;transform:translateY(0)}.photo-card__title{color:#fff;font-size:.875rem;font-weight:500;line-height:1.3}.photo-card__category{color:var(--accent);font-size:.75rem;letter-spacing:.04em}.photo-detail{max-width:1100px;margin:0 auto}.photo-detail__back{display:inline-flex;align-items:center;gap:.4rem;color:var(--text-muted);font-size:.85rem;margin-bottom:1.5rem;transition:color var(--transition)}.photo-detail__back:hover{color:var(--text)}.photo-detail__image-wrap{border-radius:var(--radius);overflow:hidden;background:var(--surface-2);line-height:0}.photo-detail__image-wrap img{width:100%;height:auto;max-height:80vh;object-fit:contain}.photo-detail__info{margin-top:1.5rem;display:grid;grid-template-columns:1fr auto;gap:.25rem 2rem;align-items:start}.photo-detail__title{font-size:1.4rem;font-weight:500;grid-column:1;line-height:1.2}.photo-detail__date{font-size:.8rem;color:var(--text-dim);grid-column:2;grid-row:1;padding-top:.3rem;white-space:nowrap}.photo-detail__category-link{display:inline-block;color:var(--accent);font-size:.8rem;letter-spacing:.06em;text-transform:uppercase;font-weight:500;grid-column:1;transition:opacity var(--transition)}.photo-detail__category-link:hover{opacity:.75}.photo-detail__description{grid-column:1 / -1;margin-top:.75rem;color:var(--text-muted);font-size:.95rem;line-height:1.7;max-width:680px}@media(max-width:768px){.layout{grid-template-columns:1fr;grid-template-rows:auto 1fr}.sidebar{position:static;height:auto;border-right:none;border-bottom:1px solid var(--border);padding:1rem 1.25rem;gap:.75rem;flex-direction:row;align-items:center;overflow-x:auto}.sidebar__brand{white-space:nowrap}.sidebar__section-label{display:none}.sidebar__list{flex-direction:row;flex-wrap:nowrap;gap:4px}.main{padding:1.25rem}.photo-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:8px}.photo-detail__info{grid-template-columns:1fr}.photo-detail__date{grid-column:1;grid-row:auto}}