.gallery-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:24px;margin-bottom:32px;display:grid}.gallery-card{background:#f5f5f5;border-radius:16px;transition:transform .3s,box-shadow .3s;position:relative;overflow:hidden;box-shadow:0 4px 12px #00000014}.gallery-card:hover{transform:translateY(-2px);box-shadow:0 12px 24px #00000026}.gallery-image{object-fit:cover;width:100%;height:100%}.gallery-card-overlay{position:absolute;bottom:0;left:0;right:0}.gallery-info-container{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000a6;border-radius:16px;padding:16px}.gallery-volcano-name{color:#fff;margin:0 0 12px;font-size:18px;font-weight:700;line-height:1.3}.gallery-date-info{opacity:.95;color:#fff;flex-direction:column;gap:6px;margin:0;font-size:13px;font-weight:400;display:flex}.gallery-date-info span{line-height:1.4;display:block}.gallery-loading-state{justify-content:center;align-items:center;min-height:400px;display:flex}@media (max-width:992px){.gallery-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:20px}}@media (max-width:768px){.gallery-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px}.gallery-card{border-radius:12px}.gallery-info-container{border-radius:0 0 12px 12px;padding:12px}.gallery-volcano-name{margin-bottom:8px;font-size:16px}.gallery-date-info{gap:4px;font-size:12px}}