.kamal-collections{--kamal-collections-bg: var(--kamal-white);position:relative;isolation:isolate;overflow:hidden;padding-block:var(--kamal-section-y);background-color:var(--kamal-collections-bg);background-image:radial-gradient(ellipse 40% 55% at 0% 0%,color-mix(in srgb,var(--kamal-sand) 16%,transparent),transparent 70%),radial-gradient(ellipse 35% 50% at 100% 100%,color-mix(in srgb,var(--kamal-tan) 10%,transparent),transparent 70%);color:var(--kamal-ink)}.kamal-collections>.kamal-container{position:relative;z-index:1}.kamal-collections__art{position:absolute;z-index:0;height:auto;color:var(--kamal-tan);opacity:.5;pointer-events:none}.kamal-collections__art path{stroke:currentColor;stroke-width:1.3;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.kamal-collections__art .kamal-collections__art-leaf{fill:color-mix(in srgb,currentColor 22%,transparent)}.kamal-collections__art-dot{fill:currentColor}.kamal-collections__art--start{top:clamp(1.6rem,3vw,4rem);left:0;width:clamp(22rem,30vw,46rem)}.kamal-collections__art--end{right:0;bottom:clamp(2rem,4vw,6rem);width:clamp(16rem,19vw,32rem)}@media screen and (max-width:989px){.kamal-collections__art{opacity:.4}.kamal-collections__art--start{top:.8rem;width:clamp(15rem,42vw,26rem)}.kamal-collections__art--end{display:none}}@supports (animation-timeline: view()){@media(prefers-reduced-motion:no-preference){.kamal-collections__art path[pathLength]{stroke-dasharray:1;stroke-dashoffset:1;animation:kamal-collections-draw linear both;animation-timeline:view();animation-range:entry 10% cover 45%}}}@keyframes kamal-collections-draw{to{stroke-dashoffset:0}}.kamal-collections--beige{--kamal-collections-bg: var(--kamal-beige)}.kamal-collections--white{--kamal-collections-bg: var(--kamal-white)}.kamal-collections__header{display:grid;gap:1.2rem;margin-bottom:clamp(2.8rem,4vw,4rem);text-align:center}.kamal-collections__description{margin:0;font-family:var(--kamal-font-body);font-size:1.5rem;line-height:1.6;color:var(--kamal-ink-soft)}.kamal-collections__filters{margin-bottom:clamp(2rem,3vw,3rem);padding-block:0}@media screen and (min-width:750px){.kamal-collections__filters .kamal-quick-filters__list{justify-content:center}}.kamal-collections__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2.8rem 1.4rem;margin:0;padding:0;list-style:none}.kamal-collections__card{display:grid;justify-items:center;gap:.6rem;color:inherit;text-decoration:none}.kamal-collections__card:focus-visible{outline:2px solid var(--kamal-ink);outline-offset:4px}.kamal-collections__media{position:relative;width:100%;aspect-ratio:4 / 5;margin-bottom:.8rem;overflow:hidden;border-radius:.4rem;background-color:var(--kamal-sand-soft)}.kamal-collections__image{display:block;width:100%;height:100%;object-fit:cover;transition:transform .6s var(--kamal-ease)}.kamal-collections__image--placeholder{fill:color-mix(in srgb,var(--kamal-tan) 55%,white 45%)}.kamal-collections__card:hover .kamal-collections__image{transform:scale(1.04)}.kamal-collections__title{font-family:var(--kamal-font-heading);font-size:1.6rem;text-align:center}.kamal-collections__arrow{width:1.6rem;height:1.6rem;transition:transform var(--kamal-duration) var(--kamal-ease)}.kamal-collections__card:hover .kamal-collections__arrow{transform:translate(4px)}@media screen and (max-width:989px){.kamal-collections__header{gap:.8rem;margin-bottom:2.4rem}.kamal-collections__description{max-width:30rem;margin-inline:auto;font-size:1.4rem}.kamal-collections__grid{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:44%;gap:1.2rem;margin-inline:calc(var(--kamal-gutter) * -1);padding-inline:var(--kamal-gutter);padding-bottom:.4rem;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-inline:var(--kamal-gutter);scrollbar-width:none;-webkit-overflow-scrolling:touch}.kamal-collections__grid::-webkit-scrollbar{display:none}.kamal-collections__item{scroll-snap-align:start}.kamal-collections__card{gap:.2rem}.kamal-collections__media{margin-bottom:.8rem}.kamal-collections__title{font-size:1.45rem;line-height:1.3}.kamal-collections__arrow{width:1.4rem;height:1.4rem}.kamal-collections__card:hover .kamal-collections__image{transform:none}}@media screen and (min-width:600px)and (max-width:989px){.kamal-collections__grid{grid-auto-columns:30%;gap:1.6rem}}@media screen and (min-width:990px){.kamal-collections__grid{grid-template-columns:repeat(var(--kamal-collections-cols, 5),minmax(0,1fr));gap:2.4rem}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/kamal-collections.css.map */