.collage-wrapper-title{margin-top:0;margin-bottom:1.875rem}.collage{display:grid}.collage__item>*{width:100%}.collage__item .card__content{flex-grow:initial}@media screen and (max-width:749px){.collage{grid-column-gap:var(--grid-mobile-horizontal-spacing);grid-row-gap:var(--grid-mobile-vertical-spacing)}.collage--mobile{grid-template-columns:repeat(2,minmax(0,1fr))}.collage--mobile .collage__item--left:nth-child(3n-2){grid-column:span 2}.collage--mobile .collage__item--left:nth-child(3n-2):nth-last-child(2){grid-column:span 1}.collage--mobile .collage__item--left:nth-child(3n){grid-column-start:2}.collage--mobile .collage__item--right:nth-child(3n-2){grid-column-start:1}.collage--mobile .collage__item--right:nth-child(3n-2):last-child{grid-column:span 2}.collage--mobile .collage__item--right:nth-child(3n-1){grid-column-start:2}.collage--mobile .collage__item--right:nth-child(3n){grid-column:1 / span 2}}@media screen and (min-width:750px){.collage{grid-auto-flow:column;grid-column-gap:var(--grid-desktop-horizontal-spacing);grid-row-gap:var(--grid-desktop-vertical-spacing);grid-template-columns:repeat(3,minmax(0,1fr))}.collage__item--left:nth-child(3n-2){grid-column:1 / span 2;grid-row:span 2}.collage__item--left:nth-child(3n-2):last-child{grid-column:1 / span 3}.collage__item--left:nth-child(3n-1),.collage__item--left:nth-child(3n){grid-column-start:3}.collage__item--left:nth-child(3n-1):last-child{grid-row:span 2}.collage__item--right:nth-child(3n-2){grid-column:1 / span 1;grid-row:span 1}.collage__item--right:nth-child(3n-2):last-child{grid-column:1 / span 3}.collage__item--right:nth-child(3n-1){grid-column-start:1}.collage__item--right:nth-child(3n-1):last-child{grid-column:span 2}.collage__item--right:nth-child(3n){grid-column:2 / span 2;grid-row:span 2}.collage__item--collection:only-child,.collage__item--product:only-child{justify-self:center;max-width:45.625rem;width:100%}}.collage-card{height:100%;position:relative;border-radius:var(--border-radius);border:var(--border-width) solid color-mix(in oklch,var(--act-color-foreground),transparent calc((1 - var(--border-opacity)) * 100%));padding:var(--image-padding)}.collage-card:after{content:"";position:absolute;z-index:-1;border-radius:var(--border-radius);box-shadow:var( --act-shadow, var(--shadow-horizontal-offset) var(--shadow-vertical-offset) var(--shadow-blur-radius) color-mix(in oklch, var(--act-color-shadow), transparent calc((1 - var(--shadow-opacity)) * 100%)) );width:calc(var(--border-width) * 2 + 100%);height:calc(var(--border-width) * 2 + 100%);top:calc(var(--border-width) * -1);left:calc(var(--border-width) * -1)}.collage-card.product-card-wrapper{--border-radius: var(--product-card-corner-radius);--border-width: var(--product-card-border-width);--border-opacity: var(--product-card-border-opacity);--shadow-horizontal-offset: var(--product-card-shadow-horizontal-offset);--shadow-vertical-offset: var(--product-card-shadow-vertical-offset);--shadow-blur-radius: var(--product-card-shadow-blur-radius);--shadow-opacity: var(--product-card-shadow-opacity);--shadow-visible: var(--product-card-shadow-visible);--image-padding: var(--product-card-image-padding)}.collage-card .media{height:100%;overflow:hidden;border-radius:calc(var(--border-radius) - var(--border-width) - var(--image-padding))}.collage-card .deferred-media{height:100%;overflow:visible}.collage-card__link{display:block;height:100%}.collage-card .deferred-media__poster{background-color:transparent;border:0}.collage-card .deferred-media__poster:after{content:"";position:absolute;z-index:1;outline-offset:.1875rem;bottom:calc(var(--border-width) * -1);left:calc(var(--border-width) * -1);right:calc(var(--border-width) * -1);top:calc(var(--border-width) * -1)}.collage-card .deferred-media__poster:focus:after{box-shadow:0 0 0 .1875rem var(--act-color-background),0 0 .3125rem .25rem var(--act-color-muted-text);outline:.125rem solid var(--act-color-muted-text)}.collage-card .deferred-media__poster:focus-visible:after{box-shadow:0 0 0 .1875rem var(--act-color-background),0 0 .3125rem .25rem var(--act-color-muted-text);outline:.125rem solid var(--act-color-muted-text)}.collage-card .deferred-media__poster:focus:not(:focus-visible),.collage-card .deferred-media__poster:focus:not(:focus-visible):after{outline:none;box-shadow:none}.collage-card .deferred-media__poster:focus{outline:none;box-shadow:none}.collage-tiles{display:grid;gap:var(--collage-gap, calc(var(--act-base-unit) * 3));grid-template-columns:repeat(2,minmax(0,1fr))}.collage-tiles--mobile-1{grid-template-columns:minmax(0,1fr)}@media screen and (min-width:750px){.collage-tiles,.collage-tiles--mobile-1,.collage-tiles--mobile-rail{grid-template-columns:repeat(2,minmax(0,1fr))}}@media screen and (min-width:990px){.collage-tiles,.collage-tiles--mobile-1,.collage-tiles--mobile-rail{grid-template-columns:repeat(var(--collage-cols, 3),minmax(0,1fr))}}@media screen and (max-width:749px){.collage-tiles--mobile-2>.collage__item:last-child:nth-child(odd) .collage-tile{--collage-tile-ratio: 16 / 10}.collage-tiles--mobile-2>.collage__item:last-child:nth-child(odd){grid-column:1 / -1}.collage-tiles--mobile-rail{display:flex;gap:var(--collage-gap, calc(var(--act-base-unit) * 3));margin-inline:calc(var(--act-page-gutter) * -1);padding-inline:var(--act-page-gutter);overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none}.collage--full-width .collage-tiles--mobile-rail{margin-inline:0;padding-inline:0}.collage-tiles--mobile-rail::-webkit-scrollbar{display:none}.collage-tiles--mobile-rail>.collage__item{flex:0 0 74%;scroll-snap-align:start}}.collage-tile{--collage-corner-inset: clamp(calc(var(--act-base-unit) * 3.25), 4cqi, calc(var(--act-base-unit) * 5.5));--collage-add-size: clamp(calc(var(--act-base-unit) * 8.5), 10cqi, calc(var(--act-base-unit) * 10.5));--collage-caption-pad: clamp(calc(var(--act-base-unit) * 4.5), 5cqi, calc(var(--act-base-unit) * 9));position:relative;container-type:inline-size;display:block;overflow:hidden;aspect-ratio:var(--collage-tile-ratio, 1 / 1);background:var(--collage-tile-background, var(--act-color-background));color:inherit;text-decoration:none;isolation:isolate}.collage-tile--overlay{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr)}.collage-tile--overlay>*{grid-area:1 / 1}.collage-tile__media{position:absolute;top:0;right:0;bottom:0;left:0;height:100%}.collage-tile__media img,.collage-tile__media svg{height:100%;width:100%;object-fit:cover;transition:transform 1.2s cubic-bezier(.22,1,.36,1)}.collage-tile:hover .collage-tile__media img{transform:scale(1.045)}.collage-tile__link:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1}.collage-tile__caption{display:flex;flex-direction:column;align-items:var(--collage-text-align-items, flex-start);gap:clamp(calc(var(--act-base-unit) * 1.5),1.6cqi,calc(var(--act-base-unit) * 2.75));padding:var(--collage-caption-pad);pointer-events:none;text-align:var(--collage-text-alignment, left);color:var(--act-color-background)}.collage-tile--overlay .collage-tile__caption{align-self:end;z-index:2}.collage-tile--overlay.collage-tile--has-add .collage-tile__caption{padding-right:max(var(--collage-caption-pad),calc(var(--collage-corner-inset) + var(--collage-add-size) + var(--act-base-unit) * 2))}.collage-tile__eyebrow{font-size:clamp(var(--act-text-xxs),1.7cqi,var(--act-text-xs));font-weight:500;letter-spacing:.24em;text-transform:uppercase;color:color-mix(in oklch,var(--act-color-background),transparent 15%)}.collage-tile__heading{font-family:var(--font-heading-family);font-size:clamp(calc(var(--act-text-md) * var(--font-heading-scale)),5.4cqi,calc(var(--act-text-md) * 2 * var(--font-heading-scale)));line-height:1.08;letter-spacing:-.01em;text-decoration:none;text-wrap:pretty;color:inherit}a.collage-tile__heading{pointer-events:auto}.collage-tile__meta{font-size:clamp(var(--act-text-xs),2.3cqi,var(--act-text-sm));color:color-mix(in oklch,var(--act-color-background),transparent 14%)}.collage-tile--collection .collage-tile__meta{font-size:clamp(var(--act-text-xxs),1.8cqi,var(--act-text-xs));letter-spacing:.14em;text-transform:uppercase}.collage-tile__cta{display:inline-flex;align-items:center;gap:calc(var(--act-base-unit) * 2.5);margin-top:clamp(calc(var(--act-base-unit) * 1),1.4cqi,calc(var(--act-base-unit) * 2));padding-bottom:calc(var(--act-base-unit) * 1.25);border-bottom:1px solid color-mix(in oklch,var(--act-color-background),transparent 55%);font-size:clamp(var(--act-text-xxs),1.8cqi,var(--act-text-xs));font-weight:500;letter-spacing:.22em;text-transform:uppercase;opacity:0;transform:translateY(calc(var(--act-base-unit) * 1.75));transition:opacity .35s ease,transform .35s ease}.collage-tile__cta-arrow svg{width:var(--act-icon-sm);height:var(--act-icon-sm)}.collage-tile:hover .collage-tile__cta,.collage-tile:focus-within .collage-tile__cta{opacity:1;transform:none}.collage-tile__badge{position:absolute;z-index:4;top:var(--collage-corner-inset);left:var(--collage-corner-inset);padding:calc(var(--act-base-unit) * 1.75) calc(var(--act-base-unit) * 2.75);background:var(--act-color-background);color:var(--act-color-foreground);font-size:var(--act-text-xxs);font-weight:500;letter-spacing:.16em;text-transform:uppercase;pointer-events:none}.collage-tile--overlay .collage-tile__media:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(180deg,color-mix(in oklch,var(--act-color-foreground),transparent 100%) 32%,color-mix(in oklch,var(--act-color-foreground),transparent 80%) 58%,color-mix(in oklch,var(--act-color-foreground),transparent 50%) 78%,color-mix(in oklch,var(--act-color-foreground),transparent 22%))}.collage-tile:not(.collage-tile--overlay){aspect-ratio:auto}.collage-tile:not(.collage-tile--overlay) .collage-tile__media{position:relative;aspect-ratio:var(--collage-tile-ratio, 1 / 1)}.collage-tile:not(.collage-tile--overlay) .collage-tile__caption{padding-inline:0;padding-bottom:0;color:inherit}.collage-tile:not(.collage-tile--overlay) .collage-tile__eyebrow,.collage-tile:not(.collage-tile--overlay) .collage-tile__meta{color:var(--act-color-muted-text)}.collage-tile:not(.collage-tile--overlay) .collage-tile__cta{border-bottom-color:var(--act-color-foreground)}.collage-tile:not(.collage-tile--overlay) .collage-tile__video-trigger{bottom:auto;aspect-ratio:var(--collage-tile-ratio, 1 / 1)}.collage-tile:not(.collage-tile--overlay) .collage-tile__add-wrap{inset:0 0 auto 0;aspect-ratio:var(--collage-tile-ratio, 1 / 1);display:flex;align-items:flex-end;justify-content:flex-end;padding:var(--collage-corner-inset);pointer-events:none}.collage-tile:not(.collage-tile--overlay) .collage-tile__add-wrap .collage-tile__add{pointer-events:auto}@media(hover:none){.collage-tile__cta{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.collage-tile__cta{transition:none}.collage-tile__media img,.collage-tile__media svg{transition:none}.collage-tile:hover .collage-tile__media img{transform:none}}.collage-tile--overlay.collage-tile--light .collage-tile__caption{color:var(--act-color-foreground)}.collage-tile--overlay.collage-tile--light .collage-tile__media:after{background:linear-gradient(180deg,color-mix(in oklch,var(--act-color-background),transparent 100%) 42%,color-mix(in oklch,var(--act-color-background),transparent 30%) 74%,color-mix(in oklch,var(--act-color-background),transparent 4%))}.collage-tile--light .collage-tile__eyebrow{color:var(--act-color-muted-text)}.collage-tile--overlay.collage-tile--light .collage-tile__meta{color:var(--act-color-foreground)}.collage-tile--light .collage-tile__cta{border-bottom-color:var(--act-color-foreground)}.collage-tile--light .collage-tile__badge{background:var(--act-color-foreground);color:var(--act-color-background)}.collage-tile--cutout .collage-tile__media img,.collage-tile--cutout .collage-tile__media svg{object-fit:contain;padding:clamp(calc(var(--act-base-unit) * 6),11cqi,calc(var(--act-base-unit) * 16));padding-bottom:clamp(calc(var(--act-base-unit) * 17),30cqi,calc(var(--act-base-unit) * 37.5))}.collage-tile:not(.collage-tile--overlay).collage-tile--cutout .collage-tile__media img,.collage-tile:not(.collage-tile--overlay).collage-tile--cutout .collage-tile__media svg{padding:clamp(calc(var(--act-base-unit) * 6),11cqi,calc(var(--act-base-unit) * 16))}.collage-tile--cutout:hover .collage-tile__media img{transform:scale(1.05)}.collage-tile__price{font-size:inherit}.collage-tile--overlay:not(.collage-tile--light) .collage-tile__price{color:var(--act-color-background)}.collage-tile--overlay:not(.collage-tile--light) .collage-tile__price .price-item--sale{color:var(--act-color-background)}.collage-tile--overlay:not(.collage-tile--light) .collage-tile__price .price__sale .price-item--regular{color:color-mix(in oklch,var(--act-color-background),transparent 30%)}.collage-tile__add-wrap{position:absolute;z-index:3;right:var(--collage-corner-inset);bottom:var(--collage-corner-inset)}.collage-tile__add-wrap .form,.collage-tile__add-wrap .shopify-product-form{display:block;margin:0}.collage-tile__add{position:relative;display:grid;place-items:center;width:var(--collage-add-size);aspect-ratio:1;padding:0;border:0;border-radius:50%;background:var(--act-color-foreground);color:var(--act-color-background);cursor:pointer;opacity:0;transform:scale(.86);transition:opacity .26s ease,transform .26s cubic-bezier(.3,.7,.2,1.4)}.collage-tile__add .svg-wrapper svg{width:60%;height:60%}.collage-tile:hover .collage-tile__add,.collage-tile:focus-within .collage-tile__add{opacity:1;transform:none}.collage-tile__add[disabled]{cursor:default}.collage-tile:hover .collage-tile__add[disabled],.collage-tile:focus-within .collage-tile__add[disabled]{opacity:.4}.collage-tile__add:has(.sold-out-message:not(.hidden)){opacity:1;transform:none}.collage-tile__add-message{position:absolute;right:0;bottom:calc(100% + var(--act-base-unit) * 2);padding:calc(var(--act-base-unit) * 1.25) calc(var(--act-base-unit) * 2.25);background:var(--act-color-foreground);color:var(--act-color-background);font-size:var(--act-text-xxs);font-weight:500;letter-spacing:.16em;text-transform:uppercase;white-space:nowrap;pointer-events:none}.collage-tile__add.loading{color:transparent}.collage-tile__add.loading>.loading__spinner{top:50%;left:50%;transform:translate(-50%,-50%);position:absolute;height:100%;display:flex;align-items:center}.collage-tile__add.loading>.loading__spinner .path{stroke:var(--act-color-background)}@media(hover:none){.collage-tile__add{opacity:1;transform:none}.collage-tile__add[disabled]{opacity:.4}}@media(prefers-reduced-motion:reduce){.collage-tile__add{transition:none}}.collage-tile__video{display:block}.collage-tile__video-trigger{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;display:grid;place-items:center;padding:0;border:0;background:none;color:var(--act-color-background);cursor:pointer}.collage-tile__play{display:grid;place-items:center;width:clamp(calc(var(--act-base-unit) * 11.5),15cqi,calc(var(--act-base-unit) * 18));aspect-ratio:1;border:1px solid color-mix(in oklch,var(--act-color-background),transparent 45%);border-radius:50%;background:color-mix(in oklch,var(--act-color-foreground),transparent 84%);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);transition:background .3s ease,color .3s ease,border-color .3s ease}.collage-tile__play .svg-wrapper svg{width:34%;height:34%;margin-left:6%}.collage-tile:hover .collage-tile__play{background:var(--act-color-background);color:var(--act-color-foreground);border-color:transparent}.collage-tile__duration{position:absolute;z-index:4;top:var(--collage-corner-inset);right:var(--collage-corner-inset);font-size:var(--act-text-xxs);letter-spacing:.1em;color:var(--act-color-background);pointer-events:none}.collage-tile--video .collage-tile__media:before{content:"";position:absolute;inset:0 0 auto 0;z-index:1;height:32%;pointer-events:none;background:linear-gradient(180deg,color-mix(in oklch,var(--act-color-foreground),transparent 56%),color-mix(in oklch,var(--act-color-foreground),transparent 100%))}.collage-tile--video .collage-tile__media img{animation:collage-drift 24s ease-in-out infinite alternate}.collage-tile--video:hover .collage-tile__media img{transform:none}@keyframes collage-drift{0%{transform:scale(1.02)}to{transform:scale(1.09)}}@media(prefers-reduced-motion:reduce){.collage-tile--video .collage-tile__media img{animation:none}.collage-tile__play{transition:none}}.collage-head{display:flex;align-items:flex-end;justify-content:space-between;gap:calc(var(--act-base-unit) * 8);padding-bottom:clamp(calc(var(--act-base-unit) * 5.5),2.4vw,calc(var(--act-base-unit) * 9.5))}.collage-head__text{min-width:0}.collage-head .collage-wrapper-title{margin:0}.collage-head__eyebrow{display:inline-flex;align-items:center;gap:calc(var(--act-base-unit) * 3);margin:0 0 calc(var(--act-base-unit) * 3.5);font-size:var(--act-text-xs);font-weight:500;letter-spacing:.24em;text-transform:uppercase;color:var(--act-color-muted-text)}.collage-head__eyebrow:before{content:"";width:calc(var(--act-base-unit) * 7);height:1px;background:currentColor}.collage-head__lede{max-width:44ch;margin-top:calc(var(--act-base-unit) * 3);color:var(--act-color-muted-text)}.collage-head__lede:first-child{margin-top:0}.collage-head__lede>*{margin:0}.collage-head__link{flex:none;display:inline-flex;align-items:center;gap:calc(var(--act-base-unit) * 2.5);padding-bottom:calc(var(--act-base-unit) * 1);border-bottom:1px solid currentColor;font-size:var(--act-text-xs);font-weight:500;letter-spacing:.24em;text-transform:uppercase;text-decoration:none;color:var(--act-color-foreground)}.collage-head__link .svg-wrapper svg{width:var(--act-icon-sm);height:var(--act-icon-sm)}@media screen and (max-width:749px){.collage-head{flex-direction:column;align-items:flex-start;gap:var(--act-spacing);padding-bottom:calc(var(--act-base-unit) * 5)}}.collage--full-width .collage-head{padding-left:var(--act-page-gutter);padding-right:var(--act-page-gutter)}@media screen and (min-width:750px){.collage--full-width .collage-head{padding-left:calc(var(--act-page-gutter) * 3);padding-right:calc(var(--act-page-gutter) * 3)}}
/*# sourceMappingURL=/cdn/shop/t/60/assets/collage.css.map */