.media-grid-wrapper{overflow:hidden}.media-grid-header{text-align:center;margin-bottom:3rem}.media-grid-title{margin:0 0 1rem}.media-grid-subtitle{margin:0;color:rgba(var(--color-foreground),.75);font-size:1.4rem}.media-grid{display:grid;gap:1.5rem;position:relative}.media-grid[data-layout=masonry]{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));grid-auto-flow:dense}.media-grid[data-layout=masonry] .media-grid__item:nth-child(3n+1){grid-row:span 2}.media-grid[data-layout=masonry] .media-grid__item:nth-child(5n+2){grid-column:span 2}.media-grid[data-layout=grid-2]{grid-template-columns:repeat(2,1fr)}.media-grid[data-layout=grid-3]{grid-template-columns:repeat(3,1fr)}.media-grid[data-layout=grid-4]{grid-template-columns:repeat(4,1fr)}.media-grid__item{position:relative;overflow:hidden;border-radius:8px;background-color:rgba(var(--color-foreground),.04);transition:transform .3s ease,box-shadow .3s ease}.media-grid__item:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000001f}.media-grid__media-wrapper{position:relative;width:100%;height:100%;display:flex;flex-direction:column}.media-grid__image,.media-grid__video,.media-grid__placeholder{position:relative;width:100%;height:100%;overflow:hidden}.media-grid__image img,.media-grid__video img,.media-grid__video video{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s ease}.media-grid__item:hover .media-grid__image img,.media-grid__item:hover .media-grid__video img,.media-grid__item:hover .media-grid__video video{transform:scale(1.05)}.media-grid__video-thumbnail,.media-grid__video-preview{background-color:rgba(var(--color-foreground),.08);min-height:250px}.media-grid__video-placeholder{display:flex;align-items:center;justify-content:center;min-height:250px;width:100%;height:100%;background:linear-gradient(135deg,rgba(var(--color-foreground),.08),rgba(var(--color-foreground),.04))}.media-grid__video-placeholder svg{width:80px;height:80px;color:rgba(var(--color-foreground),.3)}.media-grid__video-play{position:relative;width:100%;height:100%;border:none;background:none;padding:0;cursor:pointer;display:block}.media-grid__play-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);transition:transform .3s ease,opacity .3s ease;opacity:.9;color:#000;pointer-events:none;z-index:2}.media-grid__video-play:hover .media-grid__play-icon{transform:translate(-50%,-50%) scale(1.1);opacity:1}.media-grid__caption{padding:1.2rem;font-size:1.3rem;color:rgba(var(--color-foreground),.85);background:linear-gradient(to top,rgba(0,0,0,.6),transparent);position:absolute;bottom:0;left:0;right:0;color:#fff;opacity:0;transition:opacity .3s ease;z-index:1}.media-grid__item:hover .media-grid__caption{opacity:1}.media-grid__placeholder{display:flex;align-items:center;justify-content:center;min-height:250px;background-color:rgba(var(--color-foreground),.04)}.media-grid__placeholder svg{width:60%;height:auto;opacity:.3}.media-grid--style-bubble .media-grid__item{border-radius:50%;aspect-ratio:1;overflow:hidden}.media-grid--style-bubble .media-grid__item:hover{transform:translateY(-8px) scale(1.05)}.media-grid--style-bubble .media-grid__image,.media-grid--style-bubble .media-grid__video,.media-grid--style-bubble .media-grid__placeholder{border-radius:50%}.media-grid--style-bubble .media-grid__caption{border-radius:50%;padding:2rem 1.5rem;text-align:center;background:radial-gradient(circle,#000000b3,#0000004d)}.media-grid--style-rounded .media-grid__item,.media-grid--style-rounded .media-grid__image,.media-grid--style-rounded .media-grid__video,.media-grid--style-rounded .media-grid__placeholder{border-radius:24px}.media-grid--style-polaroid .media-grid__item{border-radius:4px;background:#fff;padding:1.5rem 1.5rem 4rem;box-shadow:0 4px 8px #0000001a}.media-grid--style-polaroid .media-grid__item:hover{transform:translateY(-8px) rotate(2deg);box-shadow:0 12px 32px #00000026}.media-grid--style-polaroid .media-grid__media-wrapper{background:#f5f5f5}.media-grid--style-polaroid .media-grid__caption{position:static;background:none;color:rgba(var(--color-foreground),.85);opacity:1;padding:1.5rem 0 0;text-align:center;font-family:Courier New,monospace}.media-grid--style-glass .media-grid__item{border-radius:16px;background:#ffffff1a;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);box-shadow:0 8px 32px #0000001a}.media-grid--style-glass .media-grid__item:hover{background:#ffffff26;border-color:#ffffff4d;transform:translateY(-6px)}.media-grid--style-glass .media-grid__caption{background:#0000004d;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}@keyframes float{0%,to{transform:translateY(0) translate(0)}25%{transform:translateY(-10px) translate(5px)}50%{transform:translateY(-5px) translate(-5px)}75%{transform:translateY(-15px) translate(3px)}}@keyframes floatRotate{0%,to{transform:translateY(0) rotate(0)}33%{transform:translateY(-12px) rotate(2deg)}66%{transform:translateY(-8px) rotate(-2deg)}}.media-grid--floating .media-grid__item{animation:float 6s ease-in-out infinite}.media-grid--floating .media-grid__item:nth-child(2n){animation:floatRotate 7s ease-in-out infinite;animation-delay:.5s}.media-grid--floating .media-grid__item:nth-child(3n){animation-duration:8s;animation-delay:1s}.media-grid--floating .media-grid__item:nth-child(4n){animation-duration:7.5s;animation-delay:1.5s}.media-grid--floating .media-grid__item:hover{animation-play-state:paused}.media-grid-video-modal{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000f2;z-index:9999;display:none;align-items:center;justify-content:center;padding:0;animation:fadeInModal .3s ease}.media-grid-video-modal.active{display:flex}@keyframes fadeInModal{0%{opacity:0}to{opacity:1}}.media-grid-video-modal__content{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.media-grid-video-modal__close{position:absolute;top:2rem;right:2rem;background:#fff3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:none;color:#fff;font-size:3rem;cursor:pointer;padding:1rem 1.5rem;line-height:1;transition:all .3s ease;border-radius:50%;width:60px;height:60px;display:flex;align-items:center;justify-content:center;z-index:10}.media-grid-video-modal__close:hover{background:#ffffff4d;transform:rotate(90deg)}.media-grid-video-modal__iframe-wrapper{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.media-grid-video-modal iframe,.media-grid-video-modal video{width:100%;height:100%;border:none;max-width:100vw;max-height:100vh;object-fit:contain}@media screen and (max-width: 989px){.media-grid[data-layout=grid-4]{grid-template-columns:repeat(3,1fr)}.media-grid[data-layout=grid-3]{grid-template-columns:repeat(2,1fr)}.media-grid-header{margin-bottom:2rem}.media-grid-video-modal__close{top:1rem;right:1rem;font-size:2.5rem;width:50px;height:50px}}@media screen and (max-width: 749px){.media-grid-header{margin-bottom:1.5rem;padding:0 1.5rem}.media-grid-title{font-size:2.4rem}.media-grid-subtitle{font-size:1.3rem}.media-grid--mobile-scroll{display:flex;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;gap:1.2rem;padding:0 1.5rem;margin:0 -1.5rem}.media-grid--mobile-scroll:after{content:"";flex:0 0 .1px}.media-grid--mobile-scroll .media-grid__item{flex:0 0 280px;scroll-snap-align:start;height:320px;animation:slideInMobile .5s ease forwards;animation-delay:var(--animation-delay)}.media-grid--mobile-scroll.media-grid--style-bubble .media-grid__item{flex:0 0 280px;height:280px}@keyframes slideInMobile{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}.media-grid--mobile-scroll::-webkit-scrollbar{display:none}.media-grid--mobile-scroll{-ms-overflow-style:none;scrollbar-width:none}.media-grid:not(.media-grid--mobile-scroll){grid-template-columns:1fr;gap:1.2rem}.media-grid:not(.media-grid--mobile-scroll)[data-layout=masonry] .media-grid__item{grid-row:auto;grid-column:auto}.media-grid__caption{padding:1rem;font-size:1.2rem;opacity:1;background:linear-gradient(to top,rgba(0,0,0,.7),transparent)}.media-grid--floating .media-grid__item{animation:none}.media-grid-video-modal__close{top:1rem;right:1rem;font-size:2rem;width:44px;height:44px;padding:.5rem}.media-grid-video-modal{padding:0}}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.media-grid__item{animation:fadeIn .5s ease forwards;opacity:0}.media-grid__item:nth-child(1){animation-delay:.05s}.media-grid__item:nth-child(2){animation-delay:.1s}.media-grid__item:nth-child(3){animation-delay:.15s}.media-grid__item:nth-child(4){animation-delay:.2s}.media-grid__item:nth-child(5){animation-delay:.25s}.media-grid__item:nth-child(6){animation-delay:.3s}.media-grid__item:nth-child(n+7){animation-delay:.35s}.media-grid__item{will-change:transform;contain:layout style paint}.media-grid__image img,.media-grid__video img,.media-grid__video video{will-change:transform}@media (prefers-reduced-motion: reduce){.media-grid__item,.media-grid__image img,.media-grid__video img,.media-grid__video video,.media-grid__play-icon,.media-grid__caption{animation:none!important;transition:none!important}.media-grid__item:hover{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/section-media-grid.css.map */