.masonry-section-wrapper{background-color:var(--bg-color);width:100%;display:flex;justify-content:center}.masonry-grid-container{display:grid;width:100%;max-width:1400px;padding:0 10px;gap:var(--grid-gap);grid-auto-flow:dense}@media (min-width: 1024px){.masonry-grid-container{grid-template-columns:repeat(var(--desktop-cols),1fr);grid-auto-rows:400px;padding:0 40px}.desktop-span-h-2{grid-row:span 2}.desktop-span-w-2{grid-column:span 2}.desktop-span-w-3{grid-column:span 3}.desktop-span-w-4{grid-column:span 4}}@media (max-width: 1023px){.masonry-grid-container{grid-template-columns:repeat(2,1fr);grid-auto-rows:150px}.mobile-span-w-2{grid-column:span 2}.mobile-span-h-2{grid-row:span 2}.mobile-span-1-col{grid-column:span 1}}.mobile-col-1{grid-template-columns:1fr!important;grid-auto-rows:auto!important}.mobile-col-1 .masonry-item{grid-column:span 1!important;grid-row:auto!important;min-height:400px}.mobile-col-1 .masonry-item--quote{min-height:auto}.masonry-item{position:relative;border-radius:var(--card-radius);overflow:hidden;width:100%;height:100%;transition:transform .3s ease}.masonry-card{position:relative;width:100%;height:100%;background-color:#fff;display:flex;flex-direction:column}.masonry-media{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.masonry-image,.masonry-video{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s ease}@media (min-width: 1024px){.masonry-item:hover .masonry-image,.masonry-item:hover .masonry-video{transform:scale(1.05)}}.placeholder-svg{background-color:#ddd;width:100%;height:100%}.masonry-content-overlay{position:relative;z-index:2;width:100%;height:100%;padding:24px;box-sizing:border-box;display:flex;flex-direction:column;justify-content:var(--content-justify, flex-end);align-items:var(--content-align, flex-start);text-align:var(--text-align, left);pointer-events:none}.masonry-content-overlay.text-pos-bottom{background:linear-gradient(to top,#000000b3,#0000 60%)}.masonry-content-overlay:not(.text-pos-bottom){background:#00000040}@media (max-width: 768px){.masonry-content-overlay{padding:12px}}.card-bg-solid{background-color:var(--card-bg-color);padding:24px;box-sizing:border-box}.quote-inner{display:flex;flex-direction:column;height:100%;width:100%;justify-content:space-between}.quote-main{flex:1 1 auto;display:flex;justify-content:center;align-items:center;overflow:hidden;min-height:0;margin-bottom:8px;z-index:2}.quote-text{margin:0;line-height:1.2;color:var(--quote-color);font-weight:var(--heading-weight);text-align:center;font-size:var(--quote-size);display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;overflow:hidden}.quote-bottom{flex:0 0 auto;display:flex;justify-content:space-between;align-items:flex-end;width:100%;position:relative;z-index:5}.quote-info{flex:1;padding-right:10px;pointer-events:auto;text-align:left}.quote-btn{flex:0 0 auto;pointer-events:auto}@media (max-width: 768px){.card-bg-solid{padding:10px 12px}.quote-main{margin-bottom:4px}.quote-text{font-size:clamp(14px,calc(var(--quote-size) * .7),24px)!important;-webkit-line-clamp:4}.masonry-heading{font-size:clamp(14px,calc(var(--heading-size) * .8),20px)!important}.masonry-subheading{font-size:clamp(11px,calc(var(--subheading-size) * .8),14px)!important}.quote-info .masonry-heading{margin-bottom:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.2}.quote-info .masonry-subheading{line-height:1.1}.quote-btn{width:24px;height:24px}.quote-btn svg{width:14px;height:14px}}.masonry-text-group{width:100%;pointer-events:auto;margin-bottom:0;z-index:10}.masonry-heading{margin:0 0 4px;line-height:1.2;color:var(--heading-color);font-size:var(--heading-size);font-weight:var(--heading-weight)}.masonry-subheading{margin:0;opacity:.9;color:var(--subheading-color);font-size:var(--subheading-size);font-weight:var(--heading-weight)}.play-icon-wrapper{pointer-events:auto;width:60px;height:60px;border-radius:50%;background:#fff3;border:1px solid rgba(255,255,255,.6);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .3s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border:none;padding:0;z-index:20}@media (max-width: 768px){.play-icon-wrapper{width:44px;height:44px}.play-icon-wrapper svg{width:20px;height:20px}}.masonry-item:hover .play-icon-wrapper{background:#fff6}.absolute-icon{position:absolute;bottom:24px;right:24px;pointer-events:auto;cursor:pointer;border:none;z-index:20}@media (max-width: 768px){.absolute-icon{bottom:12px;right:12px;width:32px;height:32px}}.icon-indicator-wrapper{width:32px;height:32px;border-radius:50%;background:#fff;color:#000;display:flex;align-items:center;justify-content:center;transition:transform .2s;border:none;padding:0}.icon-indicator-wrapper:hover{transform:scale(1.1)}.light-icon{background:transparent;border:1px solid #fff;color:#fff}.masonry-link-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;cursor:pointer}.lightbox-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000000f2;z-index:999999;display:flex;align-items:flex-start;justify-content:center;opacity:0;visibility:hidden;transition:opacity .3s ease;overflow-y:auto;-webkit-overflow-scrolling:touch}.lightbox-overlay.active{opacity:1;visibility:visible}.lightbox-scroll-container{width:100%;min-height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:20px}@media (max-width: 768px){.lightbox-scroll-container{padding:60px 0 0;justify-content:flex-start}}.lightbox-content{width:100%;display:flex;flex-direction:column;align-items:center}.hidden{display:none!important}.lightbox-video-wrapper{width:100%;max-width:1000px;aspect-ratio:16/9}.lightbox-player{width:100%;height:100%;display:block}@media (max-width: 768px){.lightbox-video-wrapper{aspect-ratio:auto;height:auto;max-height:80vh;padding:0 10px}}.lightbox-type-image{max-width:1000px;width:100%;text-align:center}.lightbox-image{max-height:85vh;max-width:100%;object-fit:contain;border-radius:8px;margin-bottom:20px}@media (max-width: 768px){.lightbox-type-image{max-width:100%}.lightbox-image{width:100vw;height:auto;max-width:none;max-height:none;border-radius:0;object-fit:contain;margin-bottom:20px;display:block}}.lightbox-text-content{color:#fff;text-align:center;padding:0 20px 40px;max-width:800px}.lb-heading{font-size:24px;margin:0 0 8px;color:#fff}.lb-subheading{font-size:16px;opacity:.8;margin:0;color:#eee}.lightbox-type-quote{max-width:800px;width:100%;display:flex;justify-content:center;padding:20px}.lightbox-quote-card{background-color:#121212;padding:60px 40px;border-radius:16px;text-align:center;color:#fff;border:1px solid rgba(255,255,255,.1);width:100%}.lb-quote-text{font-size:32px;line-height:1.4;margin-bottom:40px;font-weight:700;white-space:pre-wrap;color:#fff!important;display:block!important}.lb-quote-author-group{border-top:1px solid rgba(255,255,255,.3);padding-top:20px;display:inline-block;color:#fff!important}.lb-author{margin:0;font-size:18px;font-weight:700;color:#fff!important}.lb-role{margin:0;font-size:14px;opacity:.8;color:#eee!important}@media (max-width: 768px){.lb-quote-text{font-size:22px}.lightbox-quote-card{padding:40px 20px}}.lightbox-close{position:fixed;top:20px;right:20px;background:#fff3;border:none;color:#fff;font-size:24px;width:44px;height:44px;border-radius:50%;cursor:pointer;z-index:1001;display:flex;align-items:center;justify-content:center}
/*# sourceMappingURL=/cdn/shop/t/67/assets/section-masonry-grid-card.css.map */