.custom-grid-loop{width:100%;position:relative}.custom-grid-loop:has(.custom-grid-loop__background-media){background:transparent!important}.custom-grid-loop--has-background{background:transparent!important}.custom-grid-loop__background-media{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0;overflow:hidden}.custom-grid-loop__background-media.animate--ambient{width:120%;left:-10%}.custom-grid-loop__background-media.animate--fixed{position:fixed}.custom-grid-loop__background-media.animate--zoom-in{animation:zoom-in 30s linear infinite alternate}@keyframes zoom-in{0%{transform:scale(1)}to{transform:scale(1.2)}}.custom-grid-loop__background-img{width:100%;height:100%;object-fit:cover;display:block}.custom-grid-loop .page-width{position:relative;z-index:2}.custom-grid-loop__header{text-align:center;margin-bottom:3rem}.custom-grid-loop__title{margin:0}.custom-grid-loop__grid{--grid-desktop-horizontal-spacing: 2rem;--grid-desktop-vertical-spacing: 2rem;margin-bottom:0}@media screen and (max-width: 749px){.custom-grid-loop__grid{--grid-mobile-horizontal-spacing: 1.5rem;--grid-mobile-vertical-spacing: 1.5rem}.custom-grid-loop .grid__item{width:auto;max-width:none;flex:0 0 auto}}.custom-grid-loop__item{display:flex;flex-direction:column;height:100%}.custom-grid-loop .grid__item{flex-grow:0}.custom-grid-loop__card{height:100%}@media screen and (max-width: 749px){.custom-grid-loop__carousel{overflow:hidden;position:relative}.custom-grid-loop__grid--carousel{flex-wrap:nowrap;transition:transform .3s ease-out;touch-action:pan-y pinch-zoom;margin-bottom:0}.custom-grid-loop__grid--carousel .custom-grid-loop__item{flex:0 0 85%;max-width:85%;width:85%;scroll-snap-align:start}.custom-grid-loop__grid--carousel.grid--2-col-tablet-down .custom-grid-loop__item{flex:0 0 calc(50% - .5rem);max-width:calc(50% - .5rem);width:calc(50% - .5rem)}.custom-grid-loop__grid--carousel{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.custom-grid-loop__grid--carousel img{-webkit-user-drag:none;-khtml-user-drag:none;-moz-user-drag:none;-o-user-drag:none;user-drag:none;pointer-events:none}.custom-grid-loop__grid--carousel a,.custom-grid-loop__grid--carousel button{pointer-events:auto}}.custom-grid-loop__content-wrapper{position:relative;height:100%;display:flex;flex-direction:column;overflow:hidden}.custom-grid-loop__image-wrapper{position:relative;overflow:hidden}.custom-grid-loop__image{width:100%;height:100%;position:relative;display:block;overflow:hidden}.custom-grid-loop__image--adapt{height:auto;padding-bottom:0}.custom-grid-loop__image--adapt .custom-grid-loop__image-img{position:relative;height:auto}.custom-grid-loop__image--portrait{padding-bottom:125%}.custom-grid-loop__image--square{padding-bottom:100%}.custom-grid-loop__image--landscape{padding-bottom:75%}.custom-grid-loop__image--wide{padding-bottom:56.25%}.custom-grid-loop__image-img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.custom-grid-loop__placeholder{background:rgb(var(--color-background-contrast));opacity:.1;display:flex;align-items:center;justify-content:center}.custom-grid-loop__placeholder svg{width:40%;height:40%;fill:rgb(var(--color-foreground));opacity:.5}.custom-grid-loop__content{flex:1;padding:2rem;display:flex;flex-direction:column;gap:1rem;position:relative}@media screen and (max-width: 749px){.custom-grid-loop__content{padding:1.5rem}}.custom-grid-loop__item-title{margin:0;color:rgb(var(--color-foreground));line-height:1.3}.custom-grid-loop__item-title.h2{font-size:calc(var(--font-heading-scale) * 2.4rem)}.custom-grid-loop__item-title.h3{font-size:calc(var(--font-heading-scale) * 1.8rem)}.custom-grid-loop__item-title.h4{font-size:calc(var(--font-heading-scale) * 1.4rem)}@media screen and (max-width: 749px){.custom-grid-loop__item-title.h2{font-size:calc(var(--font-heading-scale) * 2rem)}.custom-grid-loop__item-title.h3{font-size:calc(var(--font-heading-scale) * 1.6rem)}.custom-grid-loop__item-title.h4{font-size:calc(var(--font-heading-scale) * 1.2rem)}}.custom-grid-loop__description{flex-grow:1;color:rgba(var(--color-foreground),.75);line-height:1.6}.custom-grid-loop__description p{margin:0}.custom-grid-loop__description p+p{margin-top:1rem}.custom-grid-loop__button{align-self:flex-start;margin-top:auto}.custom-grid-loop__empty{text-align:center;padding:4rem 2rem;background:rgba(var(--color-foreground),.03);border-radius:var(--border-radius, .8rem);color:rgba(var(--color-foreground),.55)}.grid--1-col-tablet-down .custom-grid-loop__item{max-width:600px;margin:0 auto;width:100%}@media screen and (min-width: 750px) and (max-width: 989px){.custom-grid-loop--tablet-4 .grid__item{flex-basis:calc(25% - var(--grid-desktop-horizontal-spacing) * 3 / 4);max-width:calc(25% - var(--grid-desktop-horizontal-spacing) * 3 / 4)}.custom-grid-loop--tablet-3 .grid__item{flex-basis:calc(33.33% - var(--grid-desktop-horizontal-spacing) * 2 / 3);max-width:calc(33.33% - var(--grid-desktop-horizontal-spacing) * 2 / 3)}.custom-grid-loop--tablet-2 .grid__item{flex-basis:calc(50% - var(--grid-desktop-horizontal-spacing) / 2);max-width:calc(50% - var(--grid-desktop-horizontal-spacing) / 2)}.custom-grid-loop--tablet-1 .grid__item{flex-basis:100%;max-width:100%}.custom-grid-loop .grid__item{flex-grow:0}}@media screen and (min-width: 990px){.grid--2-col-desktop .grid__item{flex-basis:calc(50% - var(--grid-desktop-horizontal-spacing) / 2);max-width:calc(50% - var(--grid-desktop-horizontal-spacing) / 2)}.grid--3-col-desktop .grid__item{flex-basis:calc(33.333% - var(--grid-desktop-horizontal-spacing) * 2 / 3);max-width:calc(33.333% - var(--grid-desktop-horizontal-spacing) * 2 / 3)}.grid--4-col-desktop .grid__item{flex-basis:calc(25% - var(--grid-desktop-horizontal-spacing) * 3 / 4);max-width:calc(25% - var(--grid-desktop-horizontal-spacing) * 3 / 4)}.grid--5-col-desktop .grid__item{flex-basis:calc(20% - var(--grid-desktop-horizontal-spacing) * 4 / 5);max-width:calc(20% - var(--grid-desktop-horizontal-spacing) * 4 / 5)}.grid--6-col-desktop .grid__item{flex-basis:calc(16.666% - var(--grid-desktop-horizontal-spacing) * 5 / 6);max-width:calc(16.666% - var(--grid-desktop-horizontal-spacing) * 5 / 6)}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/custom-grid-loop.css.map */