.cgrid{display:block;padding-block:clamp(3rem,5vh,5rem) clamp(6rem,10vh,10rem);background:rgb(var(--color-background));color:rgb(var(--color-foreground))}.cgrid__inner{width:100%;box-sizing:border-box;padding-inline:clamp(1.6rem,3vw,5rem)}.collection-hero__inner.page-width{max-width:none;margin:0;padding-inline:clamp(1.6rem,3vw,5rem)}.cgrid__list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(2rem,2.4vw,3.6rem) clamp(1.2rem,1.4vw,2rem)}.cgrid__link{display:block;text-decoration:none;color:inherit;transform:translateY(0);transition:transform .9s cubic-bezier(.22,.61,.36,1)}@media(hover:hover){.cgrid__link:hover,.cgrid__link:focus-visible{transform:translateY(-10px)}}.cgrid__media{position:relative;aspect-ratio:3 / 4;overflow:hidden}.cgrid__img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block;transition:transform 1.1s cubic-bezier(.22,.61,.36,1)}@media(hover:hover){.cgrid__link:hover .cgrid__img{transform:scale(1.045)}}.cgrid__title{margin:1.6rem 0 0;text-align:center;font-size:1.5rem;font-weight:500;letter-spacing:.06em;line-height:1.35}.cgrid__price{margin:.5rem 0 0;text-align:center;font-size:1.35rem;opacity:.6;font-variant-numeric:tabular-nums}.cgrid__item{position:relative}.cgrid__item.is-raised{z-index:40}.cgrid__item .cgrid__link{transition:transform .9s cubic-bezier(.22,.61,.36,1),opacity .52s ease,filter .52s ease}.cgrid__item.is-open .cgrid__link{opacity:.28;filter:blur(2px);transform:scale(.97)}.cgrid__tray{position:absolute;z-index:2;display:flex;gap:var(--tray-gap, 14px);pointer-events:none}.cgrid__tray[hidden]{display:none}.cgrid__ctile{position:relative;flex:none;width:var(--tile-w, 200px);display:flex;flex-direction:column;align-items:center;gap:1rem;padding:1.2rem 1rem 1.4rem;box-sizing:border-box;background:#161619eb;border:1px solid rgba(var(--color-foreground),.12);color:rgb(var(--color-foreground));text-decoration:none;pointer-events:none;opacity:0;transform:translate(var(--from-x, 0px)) scale(.62);box-shadow:0 18px 50px #00000073;transition:transform .46s cubic-bezier(.55,0,.45,1) calc((2 - var(--i, 0)) * 40ms),opacity .32s ease calc((2 - var(--i, 0)) * 40ms),border-color .26s ease,background-color .26s ease}.cgrid__item.is-open .cgrid__ctile{opacity:1;transform:none;pointer-events:auto;transition:transform .76s cubic-bezier(.16,1,.3,1) calc(var(--i, 0) * 70ms),opacity .42s ease calc(var(--i, 0) * 70ms),border-color .26s ease,background-color .26s ease}.cgrid__ctile-media{position:relative;display:block;width:100%;aspect-ratio:3 / 4;overflow:hidden}.cgrid__ctile-img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;display:block;transition:transform .7s cubic-bezier(.22,.61,.36,1)}.cgrid__ctile-name{font-size:1.1rem;letter-spacing:.2em;text-transform:uppercase;opacity:.75;transition:opacity .26s ease}@media(hover:hover){.cgrid__item.is-open .cgrid__ctile:hover{border-color:rgba(var(--color-foreground),.5);background-color:#1e1e22f5}.cgrid__ctile:hover .cgrid__ctile-img{transform:scale(1.05)}.cgrid__ctile:hover .cgrid__ctile-name{opacity:1}}.cgrid__ctile:focus-visible{outline:2px solid rgb(var(--color-foreground));outline-offset:3px}.cgrid-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:35;background:#08080a8c;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);opacity:0;visibility:hidden;transition:opacity .48s ease,visibility 0s linear .48s}.cgrid-backdrop.is-on{opacity:1;visibility:visible;transition:opacity .48s ease,visibility 0s linear 0s}.cgrid__empty{margin:clamp(6rem,12vh,12rem) 0;text-align:center;font-size:1.6rem;opacity:.6}.cgrid__pagination{display:flex;align-items:center;justify-content:center;gap:2.4rem;margin-top:clamp(4rem,8vh,8rem)}.cgrid__page-link{color:inherit;text-decoration:none;font-size:1.3rem;letter-spacing:.14em;text-transform:uppercase;padding-bottom:.4rem;border-bottom:1px solid rgba(var(--color-foreground),.35);transition:opacity .2s ease,border-color .2s ease}.cgrid__page-link:hover{opacity:.7;border-color:rgb(var(--color-foreground))}.cgrid__page-current{font-size:1.3rem;opacity:.5;font-variant-numeric:tabular-nums}@media screen and (max-width:1199px){.cgrid__list{grid-template-columns:repeat(3,1fr)}}@media screen and (max-width:749px){.cgrid__list{grid-template-columns:repeat(2,1fr);gap:2.4rem 1.2rem}}@media(prefers-reduced-motion:reduce){.cgrid__img,.cgrid__link{transition:none}.cgrid__link:hover,.cgrid__link:hover .cgrid__img{transform:none}.cgrid__ctile,.cgrid__item.is-open .cgrid__ctile{transform:none;transition:opacity .2s ease}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/section-collection-grid-arles.css.map */