.photo-grid.svelte-s7lqen.svelte-s7lqen{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--spacing-sm);padding:0}.photo-item.svelte-s7lqen.svelte-s7lqen{position:relative;aspect-ratio:4 / 3;overflow:hidden;background-color:var(--color-bg);cursor:pointer;transition:transform .2s ease,opacity .2s ease;border-radius:2px}.photo-item.svelte-s7lqen.svelte-s7lqen:hover{transform:translateY(-2px);opacity:.95;z-index:10}.photo-wrapper.svelte-s7lqen.svelte-s7lqen{width:100%;height:100%;position:relative}.photo-wrapper.svelte-s7lqen img.svelte-s7lqen{width:100%;height:100%;object-fit:cover;transition:transform .4s ease;display:block}.photo-item.svelte-s7lqen:hover .photo-wrapper img.svelte-s7lqen{transform:scale(1.05)}.photo-overlay.svelte-s7lqen.svelte-s7lqen{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to top,rgba(0,0,0,.7),transparent);padding:var(--spacing-sm) var(--spacing-md);opacity:0;transition:opacity .2s ease}.photo-item.svelte-s7lqen:hover .photo-overlay.svelte-s7lqen{opacity:1}.photo-title.svelte-s7lqen.svelte-s7lqen{color:#fff;font-size:.95rem;font-weight:400;margin-bottom:.25rem;letter-spacing:.02em}.photo-date.svelte-s7lqen.svelte-s7lqen{color:#ffffffbf;font-size:.8rem;font-weight:300;letter-spacing:.02em}.photo-modal.svelte-s7lqen.svelte-s7lqen{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000f2;z-index:1000;display:flex;align-items:center;justify-content:center;padding:var(--spacing-md);cursor:pointer;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;touch-action:manipulation}.modal-content.svelte-s7lqen.svelte-s7lqen{max-width:1200px;max-height:90vh;position:relative;cursor:default;display:flex;flex-direction:column;align-items:center;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.modal-content.svelte-s7lqen img.svelte-s7lqen{max-width:100%;max-height:75vh;object-fit:contain;margin-bottom:var(--spacing-md);border-radius:2px;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;user-select:none;-webkit-user-select:none;touch-action:manipulation;image-rendering:-webkit-optimize-contrast;backface-visibility:hidden;-webkit-backface-visibility:hidden;transform:translateZ(0);will-change:transform}.close-button.svelte-s7lqen.svelte-s7lqen{position:fixed;top:20px;right:20px;background:transparent;border:none;border-radius:50%;color:#fff;font-size:1.75rem;cursor:pointer;width:52px;height:52px;display:flex;align-items:center;justify-content:center;opacity:.6;transition:opacity .2s ease;line-height:1;padding:0;z-index:1001;outline:none;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;user-select:none;-webkit-user-select:none;touch-action:manipulation}.close-button.svelte-s7lqen.svelte-s7lqen:hover{opacity:1}.close-button.svelte-s7lqen.svelte-s7lqen:active{opacity:.8}.close-button.svelte-s7lqen.svelte-s7lqen:focus{outline:none}.nav-button.svelte-s7lqen.svelte-s7lqen{position:fixed;top:50%;transform:translateY(-50%) translateZ(0);background:transparent;border:none;border-radius:50%;color:#fff;font-size:2.25rem;cursor:pointer;width:52px;height:52px;display:flex;align-items:center;justify-content:center;opacity:.6;transition:opacity .2s ease;line-height:1;padding:0;z-index:1001;outline:none;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;user-select:none;-webkit-user-select:none;touch-action:manipulation;-webkit-backface-visibility:hidden;backface-visibility:hidden;will-change:opacity}.nav-button.svelte-s7lqen.svelte-s7lqen:hover{opacity:1}.nav-button.svelte-s7lqen.svelte-s7lqen:active{opacity:.8}.nav-button.svelte-s7lqen.svelte-s7lqen:focus{outline:none}.nav-button-left.svelte-s7lqen.svelte-s7lqen{left:20px}.nav-button-right.svelte-s7lqen.svelte-s7lqen{right:20px}.modal-info.svelte-s7lqen.svelte-s7lqen{color:#fff;text-align:center;max-width:600px;padding:0 var(--spacing-md)}.modal-info.svelte-s7lqen h2.svelte-s7lqen{font-family:var(--font-serif);font-size:1.5rem;font-weight:400;margin-bottom:var(--spacing-xs);letter-spacing:.02em}.modal-info.svelte-s7lqen .date.svelte-s7lqen{color:#ffffffa6;font-size:.9rem;margin-bottom:var(--spacing-sm);font-weight:300;letter-spacing:.02em}.modal-info.svelte-s7lqen .photo-counter.svelte-s7lqen{color:#ffffff80;font-size:.85rem;margin-top:var(--spacing-sm);font-weight:300;letter-spacing:.02em}@media (max-width: 768px){.photo-grid.svelte-s7lqen.svelte-s7lqen{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:var(--spacing-xs)}.photo-modal.svelte-s7lqen.svelte-s7lqen{padding:var(--spacing-xs)}.modal-content.svelte-s7lqen.svelte-s7lqen{padding:var(--spacing-sm)}.modal-content.svelte-s7lqen img.svelte-s7lqen{max-height:75vh}.close-button.svelte-s7lqen.svelte-s7lqen{top:10px;right:10px;width:44px;height:44px;font-size:1.5rem}.nav-button.svelte-s7lqen.svelte-s7lqen{width:44px;height:44px;font-size:1.75rem}.nav-button-left.svelte-s7lqen.svelte-s7lqen{left:10px}.nav-button-right.svelte-s7lqen.svelte-s7lqen{right:10px}.modal-info.svelte-s7lqen.svelte-s7lqen{padding:0 var(--spacing-sm)}.modal-info.svelte-s7lqen h2.svelte-s7lqen{font-size:1.25rem}.modal-info.svelte-s7lqen .date.svelte-s7lqen{font-size:.85rem}.modal-info.svelte-s7lqen .photo-counter.svelte-s7lqen{font-size:.75rem}}