.luca-category-tiles{--luca-tile-inset: 20px;--luca-tile-height: 400px;--luca-tile-scrim: linear-gradient(to top, rgb(0 0 0 / .33) 0, transparent 100px);--luca-tile-zoom: 1.05;--luca-tile-zoom-duration: .4s;--luca-tile-zoom-easing: cubic-bezier(.3, 1.25, .5, 1);padding-block:var(--luca-section-padding-block)}.luca-category-tiles__inner{display:flex;flex-direction:column;gap:var(--luca-heading-gap);width:100%;max-width:calc(var(--luca-container) + var(--luca-container-inline-padding) * 2);margin-inline:auto;padding-inline:var(--luca-container-inline-padding)}.luca-category-tiles .luca-section-header__heading{font-weight:var(--luca-weight-regular)}.luca-category-tiles__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--luca-grid-gap);margin:0;padding:0;list-style:none}.luca-category-tiles__item{min-width:0}.luca-category-tiles__tile{position:relative;display:block;height:var(--luca-tile-height);overflow:hidden;isolation:isolate;border-radius:var(--luca-radius);color:var(--luca-white);text-decoration:none}.luca-category-tiles__tile:focus-visible{outline:2px solid var(--luca-white);outline-offset:-4px}.luca-category-tiles__media{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.luca-category-tiles__media:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--luca-tile-scrim)}.luca-category-tiles .luca-category-tiles__image{display:block;width:100%;height:100%;object-fit:cover;object-position:center}@media(hover:hover)and (pointer:fine)and (prefers-reduced-motion:no-preference){.luca-category-tiles .luca-category-tiles__image{transition:transform var(--luca-tile-zoom-duration) var(--luca-tile-zoom-easing)}@supports (transition-timing-function: linear(0,1)){.luca-category-tiles{--luca-tile-zoom-easing: linear( 0, .24 8%, .53 15%, .72 22%, .86 29%, .97 36%, 1.01 43%, 1.027 50%, 1.027 57%, 1.022 64%, 1.014 71%, 1.008 78%, 1.004 85%, 1.001 92%, 1 )}}.luca-category-tiles__tile:hover .luca-category-tiles__image{transform:scale(var(--luca-tile-zoom))}}.luca-category-tiles .luca-category-tiles__image--placeholder{background-color:rgb(var(--luca-ink-rgb) / .06)}.luca-category-tiles__content{position:absolute;inset-inline:0;inset-block-end:0;z-index:1;display:flex;padding-inline:var(--luca-tile-inset);padding-block-end:var(--luca-tile-inset)}.luca-category-tiles__label{margin:0;color:var(--luca-white)}.luca-category-tiles__label-text{background-image:linear-gradient(currentcolor,currentcolor);background-repeat:no-repeat;background-position:100% 100%;background-size:0% 1px;padding-bottom:3px;transition:background-size var(--luca-link-line-transition)}@media(hover:hover)and (pointer:fine){.luca-category-tiles__tile:hover .luca-category-tiles__label-text{background-position:0 100%;background-size:100% 1px}}.luca-category-tiles__tile:focus-visible .luca-category-tiles__label-text{background-size:100% 1px}@media(prefers-reduced-motion:no-preference){@supports (animation-timeline: view()){.luca-category-tiles[data-animate=true] .luca-category-tiles__item{animation-name:luca-category-tiles-rise;animation-duration:auto;animation-timing-function:linear;animation-fill-mode:both;animation-timeline:view();animation-range:entry 0% entry 60%}}}@keyframes luca-category-tiles-rise{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}@media screen and (max-width:749px){.luca-category-tiles .luca-section-header--start{align-items:center;text-align:center}.luca-category-tiles .luca-section-header__heading{font-size:24px}.luca-category-tiles__grid{display:flex;grid-template-columns:none;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-inline-start:var(--luca-container-inline-padding);-webkit-overflow-scrolling:touch;scrollbar-width:none;margin-inline:calc(var(--luca-container-inline-padding) * -1);padding-inline:var(--luca-container-inline-padding)}.luca-category-tiles__grid::-webkit-scrollbar{display:none}.luca-category-tiles__item{flex:0 0 auto;width:300px;scroll-snap-align:start}}
/*# sourceMappingURL=/cdn/shop/t/41/assets/luca-category-tiles.css.map */