.luma-lifestyle-gallery{padding:var(--spacing-xxl) 0}.luma-lifestyle-gallery.section--white{background:#fff}.luma-lifestyle-gallery.section--background{background:var(--color-seasalt)}.gallery-title{font-family:var(--font-heading);font-weight:500;font-size:2.5rem;color:var(--color-midnight-green);text-align:center;margin-bottom:var(--spacing-xxl);line-height:.85}.lifestyle-gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-lg);max-width:1200px;margin:0 auto}.lifestyle-item{display:flex;flex-direction:column;gap:var(--spacing-sm)}.lifestyle-image{width:100%;height:300px;overflow:hidden;border-radius:var(--border-radius);position:relative}.lifestyle-image img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.lifestyle-image:hover img{transform:scale(1.05)}.lifestyle-caption{font-family:var(--font-body);font-weight:400;font-size:1.2rem;color:var(--color-text-secondary);text-align:center;line-height:1.1;margin:0}.lifestyle-placeholder{background:#f8f8f8;border:2px dashed #e0e0e0;border-radius:12px;padding:40px 20px;text-align:center;height:300px;display:flex;flex-direction:column;align-items:center;justify-content:center;transition:border-color .3s ease}.lifestyle-placeholder:hover{border-color:#ddc0ba}.lifestyle-placeholder-svg{width:60px;height:60px;opacity:.4;margin-bottom:16px}.lifestyle-placeholder .placeholder-text{color:#999;font-family:var(--font-body--family, "Erode");font-size:.95rem;margin:0}@media (max-width: 1024px){.lifestyle-gallery{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--spacing-md);max-width:900px}.lifestyle-image,.lifestyle-placeholder{height:250px}}@media (max-width: 768px){.gallery-title{font-size:2.5rem}.lifestyle-gallery{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-sm);max-width:600px}.lifestyle-image,.lifestyle-placeholder{height:200px}.lifestyle-caption{font-size:1rem}}@media (max-width: 480px){.lifestyle-gallery{grid-template-columns:1fr}.lifestyle-image{height:250px}}
/*# sourceMappingURL=/cdn/shop/t/10/assets/luma-lifestyle-gallery.css.map */