.section-fonzies-grid .fonzies-grid__list{display:grid;grid-template-columns:repeat(var(--desktop-columns, 4),1fr);grid-auto-rows:auto;gap:1rem}.section-fonzies-grid .fonzies-grid__item{position:relative;border-radius:var(--medium-radius);overflow:hidden;aspect-ratio:var(--grid-aspect-ratio, 16 / 9)}.section-fonzies-grid .fonzies-grid__item .media{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.section-fonzies-grid .fonzies-grid__item .media img,.section-fonzies-grid .fonzies-grid__item .media svg{width:100%;height:100%;object-fit:cover;transition:transform .3s cubic-bezier(0,0,.3,1),filter .3s cubic-bezier(0,0,.3,1)}.section-fonzies-grid .fonzies-grid__item .media:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;background:var(--overlay-bg, none);opacity:var(--overlay-opacity, 0);transition:opacity .3s ease}.section-fonzies-grid .fonzies-grid__item.hover--zoom:hover .media img{transform:scale(1.05)}.section-fonzies-grid .fonzies-grid__item.hover--none:hover .media img{transform:none}.section-fonzies-grid .fonzies-grid__item.hover--brightness:hover .media img{filter:brightness(1.15)}.section-fonzies-grid .fonzies-grid__item.hover--blur:hover .media img{filter:blur(3px)}.section-fonzies-grid .fonzies-grid__content{position:relative;z-index:2;padding:var(--content-padding, 2rem);height:100%}.section-fonzies-grid .fonzies-grid__content h3,.section-fonzies-grid .fonzies-grid__content .fonzies-grid__subheading{text-shadow:var(--text-shadow, none)}.section-fonzies-grid .fonzies-grid__content h3{color:var(--color-text);margin-bottom:0}.section-fonzies-grid .fonzies-grid__content h3.title-size--small{font-size:1rem}.section-fonzies-grid .fonzies-grid__content h3.title-size--medium{font-size:1.5rem}.section-fonzies-grid .fonzies-grid__content h3.title-size--large{font-size:2rem}.section-fonzies-grid .fonzies-grid__subheading{color:var(--color-subtext);margin-top:.35em;margin-bottom:0}.section-fonzies-grid .fonzies-grid__subheading.subtitle-size--small{font-size:.875rem}.section-fonzies-grid .fonzies-grid__subheading.subtitle-size--medium{font-size:1.125rem}.section-fonzies-grid .fonzies-grid__subheading.subtitle-size--large{font-size:1.375rem}.section-fonzies-grid .fonzies-grid__text-wrap{max-width:100%}.section-fonzies-grid .fonzies-grid__text-wrap.text-bg{padding:.75em 1em;border-radius:var(--text-bg-radius, 8px)}.section-fonzies-grid .fonzies-grid__text-wrap.text-bg--solid{background:var(--text-bg-color, #000);opacity:1}.section-fonzies-grid .fonzies-grid__text-wrap.text-bg--solid{background:transparent;position:relative}.section-fonzies-grid .fonzies-grid__text-wrap.text-bg--solid:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:var(--text-bg-color, #000);opacity:var(--text-bg-opacity, .5);z-index:-1}.section-fonzies-grid .fonzies-grid__text-wrap.text-bg--glass{position:relative;-webkit-backdrop-filter:blur(12px) saturate(1.3);backdrop-filter:blur(12px) saturate(1.3)}.section-fonzies-grid .fonzies-grid__text-wrap.text-bg--glass:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:var(--text-bg-color, #000);opacity:var(--text-bg-opacity, .5);z-index:-1}.section-fonzies-grid .fonzies-grid__btn{display:inline-block;margin-top:.75em;font-weight:600;letter-spacing:.02em;border-radius:4px;cursor:pointer;transition:background .2s ease,color .2s ease,border-color .2s ease;line-height:1;text-decoration:none}.section-fonzies-grid .fonzies-grid__btn--small{padding:.45em 1em;font-size:.8rem}.section-fonzies-grid .fonzies-grid__btn--medium{padding:.6em 1.4em;font-size:.9rem}.section-fonzies-grid .fonzies-grid__btn--large{padding:.75em 1.8em;font-size:1rem}.section-fonzies-grid .fonzies-grid__btn--primary{background:var(--color-text, #fff);color:var(--overlay-color, #000);border:2px solid var(--color-text, #fff)}.section-fonzies-grid .fonzies-grid__item:hover .fonzies-grid__btn--primary{opacity:.85}.section-fonzies-grid .fonzies-grid__btn--outline{background:transparent;color:var(--color-text, #fff);border:2px solid var(--color-text, #fff)}.section-fonzies-grid .fonzies-grid__item:hover .fonzies-grid__btn--outline{background:var(--color-text, #fff);color:var(--overlay-color, #000)}.section-fonzies-grid .fonzies-grid__btn--ghost{background:transparent;color:var(--color-text, #fff);border:2px solid transparent;text-decoration:underline;text-underline-offset:3px}.section-fonzies-grid .fonzies-grid__item:hover .fonzies-grid__btn--ghost{text-decoration-thickness:2px}.section-fonzies-grid .fonzies-grid--adapt .fonzies-grid__item{aspect-ratio:unset}.section-fonzies-grid .fonzies-grid--adapt .fonzies-grid__item .media{position:relative;inset:unset;width:100%;height:auto}.section-fonzies-grid .fonzies-grid--adapt .fonzies-grid__item .media>img,.section-fonzies-grid .fonzies-grid--adapt .fonzies-grid__item .media>svg,.section-fonzies-grid .fonzies-grid--adapt .fonzies-grid__item .media>picture,.section-fonzies-grid .fonzies-grid--adapt .fonzies-grid__item .media>.image-lazy-loading{position:relative!important;left:unset;top:unset;width:100%;height:auto!important;display:block;object-fit:contain}.section-fonzies-grid .fonzies-grid--adapt .fonzies-grid__item .media picture img{height:auto!important;object-fit:contain}.section-fonzies-grid .fonzies-grid--adapt .fonzies-grid__item .fonzies-grid__content{position:absolute;top:0;right:0;bottom:0;left:0;height:100%}.section-fonzies-grid .fonzies-grid__item.item-columns--1{grid-column:span 1}.section-fonzies-grid .fonzies-grid__item.item-columns--2{grid-column:span 2}.section-fonzies-grid .fonzies-grid__item.item-columns--3{grid-column:span 3}.section-fonzies-grid .fonzies-grid__item.item-columns--4{grid-column:span 4}.section-fonzies-grid .fonzies-grid__item.item-rows--1{grid-row:span 1}.section-fonzies-grid .fonzies-grid__item.item-rows--2{grid-row:span 2}.fonzies-grid__dots{display:none}@media screen and (max-width: 749px){.section-fonzies-grid .fonzies-grid__wrapper.page-width{padding-left:14px;padding-right:14px}.section-fonzies-grid .fonzies-grid__list{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:12px}.section-fonzies-grid .fonzies-grid__list::-webkit-scrollbar{display:none}.section-fonzies-grid .fonzies-grid__item{flex:0 0 100%;scroll-snap-align:center;aspect-ratio:var(--grid-aspect-ratio, 16 / 9);border-radius:8px;grid-column:unset;grid-row:unset}.section-fonzies-grid .fonzies-grid--adapt .fonzies-grid__item{aspect-ratio:unset}.section-fonzies-grid .fonzies-grid__content{padding:var(--content-padding-mobile, 1rem)}.section-fonzies-grid .fonzies-grid__content h3{color:var(--color-text-mobile)}.section-fonzies-grid .fonzies-grid__content h3.title-size-mobile--small{font-size:.875rem}.section-fonzies-grid .fonzies-grid__content h3.title-size-mobile--medium{font-size:1rem}.section-fonzies-grid .fonzies-grid__content h3.title-size-mobile--large{font-size:1.25rem}.section-fonzies-grid .fonzies-grid__subheading{color:var(--color-subtext-mobile)}.section-fonzies-grid .fonzies-grid__subheading.subtitle-size-mobile--small{font-size:.75rem}.section-fonzies-grid .fonzies-grid__subheading.subtitle-size-mobile--medium{font-size:.875rem}.section-fonzies-grid .fonzies-grid__subheading.subtitle-size-mobile--large{font-size:1rem}.fonzies-grid__dots{display:flex;justify-content:center;align-items:center;gap:.625rem;padding:1rem 0 .25rem}.fonzies-grid__dot{width:8px;height:8px;border-radius:4px;border:none;background:rgba(var(--color-foreground),.25);padding:0;cursor:pointer;transition:width .4s ease,background .3s ease;position:relative;overflow:hidden}.fonzies-grid__dot.active{width:24px;background:rgba(var(--color-foreground),.2)}.fonzies-grid__dot .fonzies-grid__dot-fill{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:4px;background:rgba(var(--color-foreground),1);transform:scaleX(0);transform-origin:left}.fonzies-grid__dot.active .fonzies-grid__dot-fill{animation:fonziesDotFill var(--autoplay-speed, 5s) linear forwards}@keyframes fonziesDotPing{0%{box-shadow:0 0 rgba(var(--color-foreground),.5)}70%{box-shadow:0 0 0 6px rgba(var(--color-foreground),0)}to{box-shadow:0 0 rgba(var(--color-foreground),0)}}.fonzies-grid__dot.ping{animation:fonziesDotPing .6s ease-out}@keyframes fonziesDotFill{0%{transform:scaleX(0)}to{transform:scaleX(1)}}}
/*# sourceMappingURL=/cdn/shop/t/289/assets/section-fonzies-grid.css.map */