.collage{display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr);gap:var(--space-4);height:60rem;padding:var(--space-4);background:var(--gradient-surface);border-radius:var(--radius-2xl);box-shadow:var(--elevation-2)}.collage--mobile{grid-template-columns:1fr;grid-template-rows:auto;height:auto}.collage--left .collage__item:first-child{grid-column:1;grid-row:1 / 3}.collage--left .collage__item:nth-child(2){grid-column:2;grid-row:1}.collage--left .collage__item:nth-child(3){grid-column:2;grid-row:2}.collage--right .collage__item:first-child{grid-column:1;grid-row:1}.collage--right .collage__item:nth-child(2){grid-column:2;grid-row:1 / 3}.collage--right .collage__item:nth-child(3){grid-column:1;grid-row:2}.collage__item{position:relative;overflow:hidden;border-radius:var(--radius-xl);transition:all var(--transition);will-change:transform}.collage__item:hover{transform:translateY(-4px) scale(1.02);box-shadow:var(--elevation-4)}.collage__item .card{height:100%}.collage__item .card__inner{height:100%;display:flex;flex-direction:column}.collage__item .media{flex:1}.collage__item .card__content{padding:var(--space-4);background:var(--gradient-elevated);-webkit-backdrop-filter:blur(16px) saturate(1.2);backdrop-filter:blur(16px) saturate(1.2);border:1px solid hsla(var(--color-primary-h),20%,85%,.3);border-radius:var(--radius-xl) var(--radius-xl) 0 0;position:absolute;bottom:0;left:0;right:0;transform:translateY(100%);transition:all var(--transition);box-shadow:var(--elevation-3)}.collage__item:hover .card__content{transform:translateY(0)}.collage__item .card__heading{margin:0 0 var(--space-2) 0;font-family:var(--font-heading);font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);color:hsl(var(--color-text-h),var(--color-text-s),var(--color-text-l));line-height:var(--line-height-tight)}.collage__item .card__caption{margin:0 0 var(--space-3) 0;font-size:var(--font-size-base);color:hsl(var(--color-text-muted-h),var(--color-text-muted-s),var(--color-text-muted-l));line-height:var(--line-height-base)}.collage__item .price{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:hsl(var(--color-primary-h),var(--color-primary-s),var(--color-primary-l));margin-bottom:var(--space-2)}.collage__item .price--compare{font-size:var(--font-size-base);font-weight:var(--font-weight-regular);color:hsl(var(--color-text-muted-h),var(--color-text-muted-s),var(--color-text-muted-l));text-decoration:line-through;margin-left:var(--space-2)}.collage__item .icon-wrap{display:inline-block;margin-left:.5rem;transition:transform .2s ease}.collage__item:hover .icon-wrap{transform:translate(.25rem)}@media screen and (max-width: 749px){.collage{grid-template-columns:1fr;grid-template-rows:auto;height:auto;gap:var(--space-4);padding:var(--space-3)}.collage--mobile .collage__item{grid-column:1;grid-row:auto}.collage__item .card__content{position:static;transform:none;background:var(--gradient-elevated);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:0 0 var(--radius-xl) var(--radius-xl);box-shadow:var(--elevation-2)}.collage__item .media{aspect-ratio:4/3;border-radius:var(--radius-xl) var(--radius-xl) 0 0}}@media screen and (min-width: 750px) and (max-width: 989px){.collage{height:50rem}}.collage__item.scroll-trigger{opacity:0;transform:translateY(2rem);transition:opacity .6s ease,transform .6s ease}.collage__item.scroll-trigger.animate--slide-in{opacity:1;transform:translateY(0)}.collage__item.scroll-trigger[data-cascade]{transition-delay:calc(var(--animation-order, 1) * .1s)}
/*# sourceMappingURL=/cdn/shop/t/14/assets/section-collage.css.map */