.collection-block{--collection-block-accent:var(--color-neutral-40);--collection-block-foreground:oklch(from var(--collection-block-accent) calc(l - .5) calc(c + .05) h);border-radius:var(--radius-xl);background:var(--collection-block-accent);justify-content:space-between;gap:var(--size-4);flex-direction:column;block-size:100%;display:flex;container-type:inline-size}.collection-block .collection-block-content{color:var(--collection-block-foreground);gap:var(--size-0-5);padding-block:var(--size-3) var(--size-2);padding-inline:var(--size-2-5);flex-direction:column;margin-block-end:var(--size-2-5);display:flex}.collection-block .collection-block-content .collection-block-title{font-size:var(--font-size-4xl);letter-spacing:-.0375em;line-height:.95em}.collection-block .collection-block-content .collection-block-description{font-size:var(--font-size-sm);line-height:1.125em}.collection-block .collection-block-images{block-size:var(--size-25);gap:var(--size-1-5);grid-template-columns:repeat(7,1fr);padding-block-end:var(--size-3);display:grid;position:relative;container-type:size}.collection-block .collection-block-images .collection-block-image{--collection-block-image-radius:calc(var(--radius-xl) * .6);--collection-block-image-scale:2;--collection-block-image-rotate:0deg;--collection-block-image-translate-x:0;--collection-block-image-translate-y:0;--collection-block-image-z-index:0;--collection-block-image-transform-reset:scale(1) rotate(0deg) translate3d(0, 0, 0);transform-origin:0 0;transform:scale(var(--collection-block-image-scale)) rotate(var(--collection-block-image-rotate)) translate(var(--collection-block-image-translate-x), var(--collection-block-image-translate-y));z-index:var(--collection-block-image-z-index);box-shadow:var(--shadow-md);position:relative;overflow:hidden}.collection-block .collection-block-images .collection-block-image img{object-fit:cover;block-size:100%;inline-size:100%}.collection-block .collection-block-images>:first-child{border-start-end-radius:var(--collection-block-image-radius);border-end-end-radius:var(--collection-block-image-radius);grid-column:span 4;transition-delay:0s}.collection-block .collection-block-images>:nth-child(2){border-start-start-radius:var(--collection-block-image-radius);border-end-start-radius:var(--collection-block-image-radius);grid-column:span 3;transition-delay:.1s}.collection-block .collection-block-images>:nth-child(3){border-start-end-radius:var(--collection-block-image-radius);border-end-end-radius:var(--collection-block-image-radius);grid-column:span 3;transition-delay:50ms}.collection-block .collection-block-images>:nth-child(4){border-start-start-radius:var(--collection-block-image-radius);border-end-start-radius:var(--collection-block-image-radius);grid-column:span 4;transition-delay:.15s}@container (width>=400px){.collection-block .collection-block-images{display:flex}.collection-block .collection-block-images .collection-block-image{--collection-block-image-radius:calc(var(--radius-xl) * .7)}.collection-block .collection-block-images>:first-child{border-radius:var(--collection-block-image-radius);flex:.75;order:2}.collection-block .collection-block-images>:nth-child(2){border-radius:var(--collection-block-image-radius);flex:2;order:3}.collection-block .collection-block-images>:nth-child(3){border-start-end-radius:var(--collection-block-image-radius);border-end-end-radius:var(--collection-block-image-radius);flex:1;order:1}.collection-block .collection-block-images>:nth-child(4){border-start-start-radius:var(--collection-block-image-radius);border-start-end-radius:0;border-end-end-radius:0;border-end-start-radius:var(--collection-block-image-radius);flex:.5;order:4}}.collection-block[data-variant=default]{transition:transform .2s ease-out;overflow:clip;transform:translate(0,0)}@media (prefers-reduced-motion:no-preference){.collection-block[data-variant=default]:focus-visible{transform:scale(1.025)}.collection-block[data-variant=default]:focus-visible .collection-block-images .collection-block-image{--collection-block-image-radius:var(--radius-xl);transform:var(--collection-block-image-transform-reset);box-shadow:none}@media (hover:hover) and (pointer:fine){.collection-block[data-variant=default]:hover{transform:scale(1.025)}.collection-block[data-variant=default]:hover .collection-block-images .collection-block-image{--collection-block-image-radius:var(--radius-xl);transform:var(--collection-block-image-transform-reset);box-shadow:none}}@container style(--collection-block-reveal:on){.collection-block[data-variant=default] .collection-block-images .collection-block-image{transform:var(--collection-block-image-transform-reset);box-shadow:none}}}.collection-block[data-variant=placeholder]{--collection-block-accent:var(--color-surface-10);--collection-block-foreground:var(--color-text-secondary);box-sizing:border-box;padding-block:calc((var(--size-2-5) + var(--size-4) + var(--size-25) + var(--size-3)) / 2);text-align:center;justify-content:center;align-items:center}.collection-block[data-variant=placeholder] .collection-block-content{gap:var(--size-1);margin-block-end:0}.collection-block[data-variant=placeholder] .collection-block-title{font-weight:var(--font-weight-semibold);font-size:var(--font-size-2xl)}.collection-block[data-variant=placeholder] .collection-block-description{font-size:var(--font-size-lg);text-wrap:balance}@media (prefers-reduced-motion:no-preference){.collection-block .collection-block-images .collection-block-image{transition:transform .3s cubic-bezier(0,0,.02,1),border-radius .3s linear}}.collection-block-images[data-layout="1"]>:first-child{--collection-block-image-rotate:-6deg;--collection-block-image-translate-x:-20cqi;--collection-block-image-translate-y:15cqb;--collection-block-image-z-index:0}.collection-block-images[data-layout="1"]>:nth-child(2){--collection-block-image-rotate:-7deg;--collection-block-image-translate-x:0;--collection-block-image-translate-y:20cqb;--collection-block-image-z-index:1}.collection-block-images[data-layout="1"]>:nth-child(3){--collection-block-image-rotate:-5deg;--collection-block-image-translate-x:-12cqi;--collection-block-image-translate-y:-26cqb;--collection-block-image-z-index:3}.collection-block-images[data-layout="1"]>:nth-child(4){--collection-block-image-rotate:6deg;--collection-block-image-translate-x:0cqi;--collection-block-image-translate-y:-20cqb;--collection-block-image-z-index:2}@container (width>=400px){.collection-block-images[data-layout="1"]>:first-child{--collection-block-image-scale:2;--collection-block-image-rotate:-5deg;--collection-block-image-translate-x:1cqi;--collection-block-image-translate-y:7cqb}.collection-block-images[data-layout="1"]>:nth-child(2){--collection-block-image-scale:1.5;--collection-block-image-rotate:5deg;--collection-block-image-translate-x:7cqi;--collection-block-image-translate-y:0}.collection-block-images[data-layout="1"]>:nth-child(3){--collection-block-image-scale:1.5;--collection-block-image-rotate:-5deg;--collection-block-image-translate-x:-2.5cqi;--collection-block-image-translate-y:3cqb}.collection-block-images[data-layout="1"]>:nth-child(4){--collection-block-image-scale:1.5;--collection-block-image-rotate:7deg;--collection-block-image-translate-x:-2cqi;--collection-block-image-translate-y:0}}.collection-block-images[data-layout="2"]>:first-child{--collection-block-image-rotate:-6deg;--collection-block-image-translate-x:-30cqi;--collection-block-image-translate-y:15cqb;--collection-block-image-z-index:0}.collection-block-images[data-layout="2"]>:nth-child(2){--collection-block-image-rotate:-7deg;--collection-block-image-translate-x:-10cqi;--collection-block-image-translate-y:20cqb;--collection-block-image-z-index:1}.collection-block-images[data-layout="2"]>:nth-child(3){--collection-block-image-rotate:5deg;--collection-block-image-translate-x:-10cqi;--collection-block-image-translate-y:-20cqb;--collection-block-image-z-index:2}.collection-block-images[data-layout="2"]>:nth-child(4){--collection-block-image-rotate:-5deg;--collection-block-image-translate-x:4cqi;--collection-block-image-translate-y:-25cqb;--collection-block-image-z-index:3}@container (width>=400px){.collection-block-images[data-layout="2"]>:first-child{--collection-block-image-scale:2;--collection-block-image-rotate:-5deg;--collection-block-image-translate-x:2cqi;--collection-block-image-translate-y:7cqb}.collection-block-images[data-layout="2"]>:nth-child(2){--collection-block-image-scale:1.5;--collection-block-image-rotate:5deg;--collection-block-image-translate-x:10cqi;--collection-block-image-translate-y:3cqb;--collection-block-image-z-index:4}.collection-block-images[data-layout="2"]>:nth-child(3){--collection-block-image-scale:1.5;--collection-block-image-rotate:-5deg;--collection-block-image-translate-x:-3cqi;--collection-block-image-translate-y:5cqb}.collection-block-images[data-layout="2"]>:nth-child(4){--collection-block-image-scale:1.5;--collection-block-image-rotate:2deg;--collection-block-image-translate-x:-2cqi;--collection-block-image-translate-y:0}}.collection-block-images[data-layout="3"]>:first-child{--collection-block-image-rotate:-6deg;--collection-block-image-translate-x:-20cqi;--collection-block-image-translate-y:15cqb;--collection-block-image-z-index:0}.collection-block-images[data-layout="3"]>:nth-child(2){--collection-block-image-rotate:-7deg;--collection-block-image-translate-x:0;--collection-block-image-translate-y:20cqb;--collection-block-image-z-index:1}.collection-block-images[data-layout="3"]>:nth-child(3){--collection-block-image-rotate:-4deg;--collection-block-image-translate-x:-15cqi;--collection-block-image-translate-y:-27cqb;--collection-block-image-z-index:2}.collection-block-images[data-layout="3"]>:nth-child(4){--collection-block-image-rotate:6deg;--collection-block-image-translate-x:-5cqi;--collection-block-image-translate-y:-20cqb;--collection-block-image-z-index:3}@container (width>=400px){.collection-block-images[data-layout="3"]>:first-child{--collection-block-image-scale:2;--collection-block-image-rotate:5deg;--collection-block-image-translate-x:1cqi;--collection-block-image-translate-y:7cqb}.collection-block-images[data-layout="3"]>:nth-child(2){--collection-block-image-scale:1.5;--collection-block-image-rotate:-5deg;--collection-block-image-translate-x:0;--collection-block-image-translate-y:5cqb}.collection-block-images[data-layout="3"]>:nth-child(3){--collection-block-image-scale:1.5;--collection-block-image-rotate:5deg;--collection-block-image-translate-x:-2.5cqi;--collection-block-image-translate-y:4cqb}.collection-block-images[data-layout="3"]>:nth-child(4){--collection-block-image-scale:1.5;--collection-block-image-rotate:-4deg;--collection-block-image-translate-x:-3cqi;--collection-block-image-translate-y:-5cqb}}.collection-block-images[data-layout="4"]>:first-child{--collection-block-image-rotate:-6deg;--collection-block-image-translate-x:-30cqi;--collection-block-image-translate-y:15cqb;--collection-block-image-z-index:0}.collection-block-images[data-layout="4"]>:nth-child(2){--collection-block-image-rotate:-7deg;--collection-block-image-translate-x:-10cqi;--collection-block-image-translate-y:20cqb;--collection-block-image-z-index:1}.collection-block-images[data-layout="4"]>:nth-child(3){--collection-block-image-rotate:5deg;--collection-block-image-translate-x:-10cqi;--collection-block-image-translate-y:-30cqb;--collection-block-image-z-index:3}.collection-block-images[data-layout="4"]>:nth-child(4){--collection-block-image-rotate:-6deg;--collection-block-image-translate-x:-4cqi;--collection-block-image-translate-y:-12cqb;--collection-block-image-z-index:2}@container (width>=400px){.collection-block-images[data-layout="4"]>:first-child{--collection-block-image-scale:2;--collection-block-image-rotate:-5deg;--collection-block-image-translate-x:1cqi;--collection-block-image-translate-y:7cqb}.collection-block-images[data-layout="4"]>:nth-child(2){--collection-block-image-scale:1.5;--collection-block-image-rotate:5deg;--collection-block-image-translate-x:7cqi;--collection-block-image-translate-y:0;--collection-block-image-z-index:4}.collection-block-images[data-layout="4"]>:nth-child(3){--collection-block-image-scale:1.5;--collection-block-image-rotate:2deg;--collection-block-image-translate-x:-.5cqi;--collection-block-image-translate-y:0}.collection-block-images[data-layout="4"]>:nth-child(4){--collection-block-image-scale:1.5;--collection-block-image-rotate:-7deg;--collection-block-image-translate-x:-4cqi;--collection-block-image-translate-y:0}}.collections-index .collections-index-layout{padding-block-end:var(--size-10)}.collections-index .collections-index-title-bar,.collections-index .collections-index-empty-state{margin-block-start:var(--size-4)}.collections-index .collections-index-content{grid-template-columns:repeat(auto-fill, minmax(var(--size-30), 1fr));column-gap:var(--size-2);row-gap:clamp(var(--size-2), calc(var(--size-2) + 16 * ((100cqi - var(--size-60)) / 1144)), var(--size-3));display:grid;container:collections-index-grid/inline-size}.collections-index .collections-index-list{list-style:none;display:contents}@container collections-index-grid (width<=496px){@media (pointer:coarse){.collections-index .collections-index-list-item[data-revealed]{--collection-block-reveal:on}}}@container collections-index-grid (width>=496px){.collections-index .collections-index-list-item[data-featured]{grid-column:span 2}}