.gallery-grid-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:30px;max-width:1200px;margin:120px auto 60px;padding:0 24px;justify-items:center}.gallery-card{--bg-card:var(--surface);--primary:var(--brass);--primary-800:var(--brass-dark);--primary-shadow:rgba(0,0,0,0.4);--light:var(--ink);--zinc-800:rgba(255,255,255,0.03);--bg-linear:var(--gold-gradient);position:relative;display:flex;flex-direction:column;gap:0.75rem;padding:1rem;width:100%;max-width:280px;background-color:var(--bg-card);border:1px solid var(--line);border-radius:1rem;box-shadow:var(--shadow);transition:all 0.3s ease}.gallery-card:hover{border-color:var(--brass);transform:translateY(-5px);box-shadow:var(--shadow-glow)}.image_container{overflow:hidden;cursor:pointer;position:relative;z-index:5;width:100%;height:12rem;background-color:rgba(255,255,255,0.02);border:1px solid var(--line);border-radius:0.5rem}.image_container img{width:100%;height:100%;object-fit:cover;transition:transform 0.5s ease}.gallery-card:hover .image_container img{transform:scale(1.06)}.title{overflow:clip;width:100%;font-family:'Cormorant Garamond',Georgia,serif;font-size:1.4rem;font-weight:700;color:var(--brass);text-transform:capitalize;text-wrap:nowrap;text-overflow:ellipsis;text-align:center}.size{font-size:0.75rem;color:var(--muted);display:flex;flex-direction:column;align-items:center;gap:6px}.size span{text-transform:uppercase;font-weight:700;letter-spacing:0.05em;font-size:0.7rem}.list-size{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:0.35rem;padding:0}.list-size .item-list{list-style:none}.list-size .item-list-button{background-color:rgba(255,255,255,0.02);border:1px solid var(--line);font-size:0.75rem;color:var(--ink);padding:4px 8px;border-radius:0.25rem;font-family:inherit;transition:all 0.3s ease-in-out}.item-list-button:hover{border-color:var(--brass);color:var(--brass);background:rgba(var(--brass-rgb),0.05)}.action{display:flex;align-items:center;justify-content:center;width:100%;margin-top:auto}.download-button{position:relative;width:100%;height:2.5rem;cursor:pointer;display:flex;align-items:center;justify-content:center;background-image:var(--bg-linear);border:1px solid rgba(var(--brass-rgb),0.2);border-radius:0.5rem;overflow:hidden;transition:all 0.3s ease}.button-text{color:#090807;font-weight:750;font-size:0.9rem;letter-spacing:0.05em;transition:all 0.3s ease}.button-icon{position:absolute;height:100%;width:2.5rem;display:flex;align-items:center;justify-content:center;background-color:var(--brass-dark);right:-2.5rem;transition:all 0.3s ease}.download-svg{width:1.1rem;fill:#090807}.download-button:hover{background:var(--brass-dark)}.download-button:hover .button-text{transform:translateX(-1.25rem);opacity:0}.download-button:hover .button-icon{right:0;width:100%}.download-button:active{transform:scale(0.95)}.gallery-loader-overlay{position:fixed;inset:0;background:var(--paper);z-index:9999;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;opacity:1;transition:opacity 0.8s cubic-bezier(0.4,0,0.2,1)}.rolling-loader{width:80px;height:80px;position:relative;background:var(--surface);border:1px solid var(--line);border-radius:12px;overflow:hidden;box-shadow:var(--shadow)}.rolling-loader:before{content:"";position:absolute;left:0;bottom:0;width:50px;height:50px;transform:rotate(45deg) translate(30%,40%);background:var(--brass-dark);box-shadow:40px -42px 0 6px var(--brass);animation:slide 2s infinite ease-in-out alternate}.rolling-loader:after{content:"";position:absolute;left:12px;top:12px;width:20px;height:20px;border-radius:50%;background:var(--copper);transform:rotate(0deg);transform-origin:44px 180px;animation:rotate 2s infinite ease-in-out}.rolling-loader-text{font-family:'Cormorant Garamond',Georgia,serif;font-size:1.4rem;color:var(--brass);letter-spacing:0.05em;font-weight:500;animation:pulse 1.5s infinite ease-in-out}@keyframes pulse{0%,100%{opacity:0.6}50%{opacity:1}}@keyframes slide{0%,100%{bottom:-44px}25%,75%{bottom:-2px}20%,80%{bottom:2px}}@keyframes rotate{0%{transform:rotate(-15deg)}25%,75%{transform:rotate(0deg)}100%{transform:rotate(25deg)}}
