.lp-expand-cards{padding-top:var(--lp-expand-padding-top);padding-bottom:var(--lp-expand-padding-bottom);background:var(--color-bg-page);color:var(--color-text-primary)}.lp-expand-cards__header{display:grid;grid-template-columns:minmax(0,1fr) minmax(240px,420px);align-items:end;gap:var(--space-5);margin-bottom:var(--space-5)}.lp-expand-cards__eyebrow{margin:0 0 var(--space-2);color:var(--color-text-secondary);font-size:var(--text-body-xs);font-weight:650;line-height:var(--lh-small);letter-spacing:.1em;text-transform:uppercase}.lp-expand-cards__heading{margin:0;color:var(--color-text-primary);font-family:var(--font-heading);font-size:var(--text-h2);font-weight:650;line-height:var(--lh-heading);letter-spacing:var(--ls-display)}.lp-expand-cards__intro{justify-self:end;max-width:420px;color:var(--color-text-secondary);font-size:var(--text-body-md);line-height:var(--lh-body);text-align:right}.lp-expand-cards__intro>*{margin:0}.lp-expand-cards__track{gap:var(--space-3)}.lp-expand-cards--desktop-grid .lp-expand-cards__track{display:grid;grid-template-columns:repeat(var(--lp-expand-desktop-columns),minmax(0,1fr))}.lp-expand-cards--desktop-carousel .lp-expand-cards__track{display:flex;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch;overscroll-behavior-inline:contain}.lp-expand-cards--desktop-carousel .lp-expand-cards__track::-webkit-scrollbar{display:none}.lp-expand-cards--desktop-carousel .lp-expand-cards__card{flex:0 0 calc((100% + var(--space-3)) / var(--lp-expand-desktop-slides) - var(--space-3));width:calc((100% + var(--space-3)) / var(--lp-expand-desktop-slides) - var(--space-3));scroll-snap-align:start}.lp-expand-cards__card{--lp-card-panel: var(--color-bg-surface);--lp-card-text: var(--color-text-primary);--lp-card-muted: var(--color-text-secondary);--lp-card-panel-y: 20%;--lp-card-bg-inset: 0px;--lp-card-artwork-top: 30%;--lp-card-artwork-width: 78%;--lp-card-artwork-rotate: 0deg;container-type:inline-size;position:relative;width:100%;aspect-ratio:13 / 17;overflow:hidden;border:clamp(5px,2.4cqw,8px) solid var(--color-border-white);border-radius:clamp(18px,7cqw,26px);background:var(--color-bg-soft);outline:none;isolation:isolate;cursor:pointer}.lp-expand-cards__card--surface{--lp-card-panel: var(--color-bg-surface);--lp-card-text: var(--color-text-primary);--lp-card-muted: var(--color-text-secondary)}.lp-expand-cards__card--soft{--lp-card-panel: var(--color-bg-soft);--lp-card-text: var(--color-text-primary);--lp-card-muted: var(--color-text-secondary)}.lp-expand-cards__card--inverse{--lp-card-panel: var(--color-text-primary);--lp-card-text: var(--color-bg-page);--lp-card-muted: var(--color-bg-soft)}.lp-expand-cards__bg{position:absolute;z-index:0;top:var(--lp-card-bg-inset);right:var(--lp-card-bg-inset);bottom:var(--lp-card-bg-inset);left:var(--lp-card-bg-inset);overflow:hidden;transition:top var(--duration-base) var(--ease-enter),right var(--duration-base) var(--ease-enter),bottom var(--duration-base) var(--ease-enter),left var(--duration-base) var(--ease-enter)}.lp-expand-cards__bg-image,.lp-expand-cards__bg-placeholder{display:block;width:100%;height:100%;padding-bottom:20px}.lp-expand-cards__bg-image{object-fit:cover;object-position:top center}.lp-expand-cards__bg-placeholder{background:var(--color-bg-soft)}.lp-expand-cards__artwork-wrap{position:absolute;z-index:1;top:var(--lp-card-artwork-top);left:50%;width:var(--lp-card-artwork-width);transform:translate(-50%) rotate(var(--lp-card-artwork-rotate));transform-origin:center;pointer-events:none;transition:top var(--duration-base) var(--ease-enter),width var(--duration-base) var(--ease-enter),transform var(--duration-base) var(--ease-enter)}.lp-expand-cards__artwork{display:block;width:100%;height:auto;object-fit:contain}.lp-expand-cards__foreground{position:absolute;z-index:2;top:var(--lp-card-panel-y);right:0;bottom:0;left:0;color:var(--lp-card-panel);pointer-events:none;transition:top var(--duration-base) var(--ease-enter)}.lp-expand-cards__foreground:after{content:"";position:absolute;z-index:0;top:clamp(26px,9.7cqw,32px);right:0;bottom:0;left:0;display:block!important;visibility:visible!important;opacity:1!important;background:var(--lp-card-panel);pointer-events:none;border-top-right-radius:clamp(14px,6cqw,20px)}.lp-expand-cards__foreground-top{position:absolute;z-index:1;top:0;left:0;display:block;width:50cqw;min-width:130px;max-width:170px;height:auto;aspect-ratio:150 / 32;color:var(--lp-card-panel)}.lp-expand-cards__marker{position:absolute;z-index:3;top:calc(var(--lp-card-panel-y) + clamp(17px,6cqw,20px));left:clamp(18px,7cqw,26px);color:var(--lp-card-text);transition:top var(--duration-base) var(--ease-enter)}.lp-expand-cards__marker--number{margin:0;font-family:var(--font-heading);font-size:clamp(40px,14cqw,54px);font-weight:500;line-height:.95;letter-spacing:-.05em}.lp-expand-cards__marker--icon{display:grid;place-items:center;width:clamp(38px,13cqw,52px);height:clamp(38px,13cqw,52px)}.lp-expand-cards__marker--icon svg{display:block;width:100%;height:100%;color:inherit}.lp-expand-cards__arrow{position:absolute;z-index:3;top:calc(var(--lp-card-panel-y) + clamp(44px,15cqw,52px));right:clamp(18px,7cqw,26px);display:grid;place-items:center;width:22px;height:22px;color:var(--lp-card-text);transition:top var(--duration-base) var(--ease-enter),transform var(--duration-fast) var(--ease-enter)}.lp-expand-cards__arrow svg{display:block;width:100%;height:100%}.lp-expand-cards__copy{position:absolute;z-index:3;right:clamp(18px,7cqw,26px);bottom:clamp(18px,7cqw,26px);left:clamp(18px,7cqw,26px);color:var(--lp-card-text)}.lp-expand-cards__copy h3{margin:0;color:var(--lp-card-text);font-family:var(--font-heading);font-size:clamp(18.7px,1.53vw,23.8px);font-weight:650;line-height:1.15;letter-spacing:-.02em}.lp-expand-cards__text{margin-top:var(--space-2);color:var(--lp-card-muted);font-family:var(--font-body);font-size:14px;line-height:var(--lh-body)}.lp-expand-cards__text>*{margin:0}.lp-expand-cards__card-link{position:absolute;z-index:5;top:0;right:0;bottom:0;left:0}.lp-expand-cards__card:focus-visible{outline:2px solid var(--color-accent);outline-offset:4px}.lp-expand-cards__card.is-active{--lp-card-panel-y: 42%;--lp-card-bg-inset: -10%;--lp-card-artwork-top: 12%;--lp-card-artwork-width: 92%;--lp-card-artwork-rotate: -8deg}@media(hover:hover)and (pointer:fine){.lp-expand-cards__card:hover{--lp-card-panel-y: 42%;--lp-card-bg-inset: -2%;--lp-card-artwork-top: 12%;--lp-card-artwork-width: 92%;--lp-card-artwork-rotate: -8deg}.lp-expand-cards__card:hover .lp-expand-cards__arrow{transform:translate(2px,-2px)}}@media(min-width:1101px){.lp-expand-cards.is-desktop-carousel-draggable .lp-expand-cards__track{cursor:grab;-webkit-user-select:none;user-select:none}.lp-expand-cards.is-desktop-carousel-draggable .lp-expand-cards__card,.lp-expand-cards.is-desktop-carousel-draggable .lp-expand-cards__card-link{cursor:grab}.lp-expand-cards.is-expand-carousel-dragging .lp-expand-cards__track,.lp-expand-cards.is-expand-carousel-dragging .lp-expand-cards__card,.lp-expand-cards.is-expand-carousel-dragging .lp-expand-cards__card-link{cursor:grabbing}.lp-expand-cards.is-expand-carousel-dragging .lp-expand-cards__track{scroll-snap-type:none}.lp-expand-cards.is-expand-carousel-dragging .lp-expand-cards__card-link{pointer-events:none}}@media(min-width:768px)and (max-width:1100px){.lp-expand-cards__header{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-2)}.lp-expand-cards__header-main{width:100%}.lp-expand-cards__intro{width:100%;max-width:620px;margin:0;justify-self:auto;text-align:left}.lp-expand-cards--tablet-grid .lp-expand-cards__track{display:grid;grid-template-columns:repeat(var(--lp-expand-tablet-columns),minmax(0,1fr));overflow:visible}.lp-expand-cards--tablet-grid .lp-expand-cards__card{width:100%;max-width:none;flex:none}.lp-expand-cards--tablet-carousel .lp-expand-cards__track{display:flex;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch;overscroll-behavior-inline:contain}.lp-expand-cards--tablet-carousel .lp-expand-cards__track::-webkit-scrollbar{display:none}.lp-expand-cards--tablet-carousel .lp-expand-cards__card{flex:0 0 calc((100% + var(--space-3)) / var(--lp-expand-tablet-slides) - var(--space-3));width:calc((100% + var(--space-3)) / var(--lp-expand-tablet-slides) - var(--space-3));max-width:none;scroll-snap-align:start}.lp-expand-cards__card{aspect-ratio:6 / 7}.lp-expand-cards__foreground-top{width:46cqw;min-width:130px;max-width:160px}.lp-expand-cards__marker{left:clamp(16px,6cqw,22px)}.lp-expand-cards__marker--number{font-size:clamp(38px,12cqw,48px)}.lp-expand-cards__marker--icon{width:clamp(36px,11cqw,46px);height:clamp(36px,11cqw,46px)}.lp-expand-cards__arrow{right:clamp(16px,6cqw,22px);width:20px;height:20px}.lp-expand-cards__copy{right:clamp(16px,6cqw,22px);bottom:clamp(14px,5cqw,18px);left:clamp(16px,6cqw,22px)}.lp-expand-cards__copy h3{font-size:clamp(15px,4.8cqw,18px)}.lp-expand-cards__text{font-size:14px;line-height:1.3}}@media(max-width:767px){.lp-expand-cards--mobile-carousel .lp-expand-cards__card{flex:0 0 calc((100% + var(--space-3)) / var(--lp-expand-mobile-slides) - var(--space-3));width:calc((100% + var(--space-3)) / var(--lp-expand-mobile-slides) - var(--space-3));scroll-snap-align:start}.lp-expand-cards--mobile-grid .lp-expand-cards__track{display:grid;grid-template-columns:repeat(var(--lp-expand-mobile-columns),minmax(0,1fr));gap:var(--space-3);overflow:visible}.lp-expand-cards__heading{line-height:var(--lh-heading-small)}.lp-expand-cards{padding-top:var(--lp-expand-padding-top-mobile);padding-bottom:var(--lp-expand-padding-bottom-mobile)}.lp-expand-cards__header{display:block;margin-bottom:var(--space-4)}.lp-expand-cards__intro{max-width:none;margin-top:var(--space-1);text-align:left;font-size:var(--text-body-sm)}.lp-expand-cards__card{aspect-ratio:14 / 20}.lp-expand-cards--mobile-carousel .lp-expand-cards__track{display:flex;overflow-x:auto;overflow-y:hidden;gap:var(--space-3);margin-inline:calc(var(--page-gutter) * -1);padding-inline:var(--page-gutter);scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch;overscroll-behavior-inline:contain}.lp-expand-cards--mobile-carousel .lp-expand-cards__track::-webkit-scrollbar{display:none}.lp-expand-cards--mobile-carousel .lp-expand-cards__card{flex:0 0 min(80vw,310px);width:min(80vw,310px);scroll-snap-align:center}.lp-expand-cards--mobile-grid .lp-expand-cards__track{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3)}.lp-expand-cards--mobile-grid .lp-expand-cards__card{width:100%}}@media(prefers-reduced-motion:reduce){.lp-expand-cards__bg,.lp-expand-cards__artwork-wrap,.lp-expand-cards__foreground,.lp-expand-cards__marker,.lp-expand-cards__arrow{transition:none!important}}
/*# sourceMappingURL=/cdn/shop/t/11/assets/lp-expand-cards.css.map */