.gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem;margin-top:2rem}.gallery-item{position:relative;border-radius:16px;overflow:hidden;background:var(--surface);border:1px solid var(--border);cursor:pointer;transition:all .3s ease}.gallery-item:hover{border-color:var(--primary);box-shadow:0 8px 30px #b6794f33}.gallery-item-inner{position:relative;width:100%;padding-bottom:100%;overflow:hidden}.gallery-image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.gallery-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(to top,rgba(23,23,23,.9) 0%,transparent 60%);opacity:0;transition:opacity .3s ease;display:flex;align-items:flex-end;padding:1rem}.gallery-item:hover .gallery-overlay{opacity:1}.gallery-item:hover .gallery-image{transform:scale(1.1)}.overlay-content{width:100%;display:flex;justify-content:space-between;align-items:center}.overlay-category{font-size:.875rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--secondary);background:rgba(182,121,79,.2);padding:.25rem .5rem;border-radius:6px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.overlay-index{font-size:.75rem;font-weight:700;color:var(--text-secondary);background:rgba(255,255,255,.1);padding:.25rem .5rem;border-radius:4px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.gallery-loading{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem;margin-top:2rem}.skeleton-card{border-radius:16px;overflow:hidden;background:var(--surface);border:1px solid var(--border);padding-bottom:100%;position:relative}.gallery-empty{display:flex;justify-content:center;align-items:center;min-height:400px}.empty-state{text-align:center;padding:3rem;background:var(--surface);border-radius:16px;border:1px solid var(--border)}.empty-state h3{font-family:Playfair Display,serif;font-size:1.5rem;margin-bottom:.5rem;color:var(--text)}.empty-state p{color:var(--text-secondary)}@media (max-width: 1200px){.gallery-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1.25rem}}@media (max-width: 768px){.gallery-grid,.gallery-loading{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem}}@media (max-width: 480px){.gallery-grid,.gallery-loading{grid-template-columns:1fr;gap:1rem}.overlay-category{font-size:.75rem}.overlay-index{font-size:.7rem}}.lightbox-container{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.95);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1000;display:flex;align-items:center;justify-content:center;padding:2rem}.lightbox-content{position:relative;width:100%;max-width:1200px;max-height:90vh;background:var(--surface);border-radius:20px;overflow:hidden;border:1px solid var(--border);box-shadow:0 25px 50px #00000080;display:flex;flex-direction:column}.lightbox-nav{position:absolute;top:1rem;right:1rem;display:flex;gap:.75rem;z-index:10}.nav-button{width:48px;height:48px;border-radius:50%;background:rgba(38,38,38,.9);border:1px solid var(--border);color:var(--text);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.nav-button:hover{background:var(--primary);border-color:var(--primary);color:#fff;transform:scale(1.1)}.nav-button:active{transform:scale(.95)}.nav-prev,.nav-next{position:absolute;top:50%;transform:translateY(-50%);width:56px;height:56px;background:rgba(38,38,38,.8)}.nav-prev{left:1rem}.nav-next{right:1rem}.nav-close{position:static}.lightbox-image-container{position:relative;flex:1;display:flex;align-items:center;justify-content:center;background:#000;min-height:400px}.lightbox-image{max-width:100%;max-height:100%;object-fit:contain;opacity:0;transition:opacity .3s ease}.lightbox-image.loaded{opacity:1}.lightbox-loading{position:absolute;top:0;left:0;right:0;bottom:0;background:var(--surface)}.lightbox-info{background:linear-gradient(to top,var(--surface) 0%,rgba(38,38,38,.95) 100%);padding:1.5rem 2rem;border-top:1px solid var(--border)}.info-content{display:flex;justify-content:space-between;align-items:center;gap:1rem}.info-title{font-family:Playfair Display,serif;font-size:1.25rem;font-weight:600;color:var(--text);flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.info-meta{display:flex;align-items:center;gap:1rem}.info-category{font-size:.875rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--secondary);background:rgba(182,121,79,.2);padding:.375rem .75rem;border-radius:6px}.info-counter{font-size:.875rem;font-weight:700;color:var(--text-secondary);background:rgba(255,255,255,.1);padding:.375rem .75rem;border-radius:6px}.lightbox-progress{height:3px;background:var(--border);position:relative;overflow:hidden}.progress-bar{height:100%;background:linear-gradient(90deg,var(--primary),var(--secondary));border-radius:0 2px 2px 0}.lightbox-container:after{content:"← → Navigate • ESC Close";position:fixed;bottom:1rem;left:50%;transform:translate(-50%);font-size:.75rem;color:var(--text-secondary);background:rgba(38,38,38,.8);padding:.5rem 1rem;border-radius:20px;border:1px solid var(--border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);opacity:0;animation:fadeInOut 4s ease-in-out 1s forwards}@keyframes fadeInOut{0%,to{opacity:0}10%,90%{opacity:1}}@media (max-width: 768px){.lightbox-container{padding:1rem}.lightbox-content{max-height:95vh}.lightbox-nav{top:.5rem;right:.5rem;gap:.5rem}.nav-button{width:40px;height:40px}.nav-prev,.nav-next{width:48px;height:48px}.nav-prev{left:.5rem}.nav-next{right:.5rem}.lightbox-info{padding:1rem 1.5rem}.info-content{flex-direction:column;align-items:flex-start;gap:.75rem}.info-title{font-size:1.125rem;white-space:normal}.info-meta{width:100%;justify-content:space-between}.lightbox-container:after{display:none}}@media (max-width: 480px){.lightbox-container{padding:.5rem}.nav-prev,.nav-next{width:40px;height:40px}.info-title{font-size:1rem}.info-category,.info-counter{font-size:.75rem;padding:.25rem .5rem}}.nav-button:focus-visible{outline:2px solid var(--primary);outline-offset:2px}@media (prefers-reduced-motion: reduce){.lightbox-container,.lightbox-content,.lightbox-image,.nav-button,.info-content{animation:none!important;transition:none!important}}.header{background:linear-gradient(135deg,rgba(182,121,79,.1) 0%,rgba(95,54,32,.15) 100%);border-bottom:1px solid var(--border);padding:2.5rem 1.5rem 2rem;position:relative;overflow:hidden}.header:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 0%,rgba(182,121,79,.1) 0%,transparent 50%);pointer-events:none}.header-content{max-width:1400px;margin:0 auto;position:relative;z-index:1}.header-brand{display:inline-block;cursor:pointer}.header-title{font-family:Playfair Display,serif;font-size:3.5rem;font-weight:700;letter-spacing:-.02em;line-height:1.1;background:linear-gradient(135deg,var(--text) 0%,var(--secondary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.5rem}.title-accent{color:var(--primary);-webkit-text-fill-color:var(--primary)}.header-underline{width:0;height:3px;background:linear-gradient(90deg,var(--primary),var(--secondary));border-radius:2px;animation:expandLine .8s ease-out .4s forwards}@keyframes expandLine{to{width:100%}}.header-subtitle{font-size:1.125rem;color:var(--text-secondary);margin-top:.5rem;font-weight:300;letter-spacing:.02em}.header-decoration{position:absolute;bottom:1rem;right:1.5rem;display:flex;align-items:center;gap:.5rem;opacity:.6}.decoration-dot{width:6px;height:6px;background:var(--primary);border-radius:50%;animation:pulse 2s ease-in-out infinite}.decoration-line{width:40px;height:1px;background:var(--border);animation:pulse 2s ease-in-out infinite .5s}@keyframes pulse{0%,to{opacity:.4}50%{opacity:1}}@media (max-width: 768px){.header{padding:2rem 1rem 1.5rem}.header-title{font-size:2.5rem}.header-subtitle{font-size:1rem}.header-decoration{display:none}}@media (max-width: 480px){.header-title{font-size:2rem}}.app{min-height:100vh;background:linear-gradient(135deg,#171717 0%,#1a1a1a 100%)}.main-content{max-width:1400px;margin:0 auto;padding:2rem 1.5rem}@media (max-width: 768px){.main-content{padding:1.5rem 1rem}}*{margin:0;padding:0;box-sizing:border-box}:root{--primary: #B6794F;--secondary: #E0A17D;--accent: #5F3620;--background: #171717;--surface: #262626;--text: #FFFFFF;--text-secondary: #A3A3A3;--border: #2F2F2F;--success: #10b981;--warning: #f59e0b;--error: #ef4444}body{font-family:Inter,sans-serif;background:var(--background);color:var(--text);line-height:1.6;overflow-x:hidden}#root{min-height:100vh}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--background)}::-webkit-scrollbar-thumb{background:var(--surface);border-radius:5px;border:2px solid var(--background)}::-webkit-scrollbar-thumb:hover{background:var(--primary)}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}.loading-shimmer{background:linear-gradient(90deg,var(--surface) 25%,var(--border) 50%,var(--surface) 75%);background-size:1000px 100%;animation:shimmer 2s infinite linear}:focus-visible{outline:2px solid var(--primary);outline-offset:2px;border-radius:4px}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}