.interactive-collections{display:block;padding-block:var(--interactive-collections-padding-top) var(--interactive-collections-padding-bottom);overflow:clip;background:var(--color-background);color:var(--color-foreground)}.interactive-collections__inner{width:min(100%,var(--page-width));margin-inline:auto;padding-inline:var(--page-margin)}.interactive-collections--full .interactive-collections__inner{width:100%;max-width:none}.interactive-collections__layout{position:relative;display:grid;min-height:clamp(540px,68vw,760px);grid-template-columns:minmax(0,54fr) minmax(320px,46fr);gap:var(--interactive-collections-gap);align-items:center}.interactive-collections__content{min-width:0}.interactive-collections--text-only .interactive-collections__layout{min-height:0;grid-template-columns:minmax(0,1fr)}.interactive-collections--text-only .interactive-collections__content{width:100%}.interactive-collections--text-only .interactive-collections__header{max-width:none}.interactive-collections--text-only .interactive-collections__item-title{max-width:24ch}.interactive-collections__header{display:grid;max-width:none;margin-bottom:clamp(var(--space-8),5vw,var(--space-12));gap:var(--space-4)}.interactive-collections__eyebrow,.interactive-collections__heading,.interactive-collections__intro :is(p,ul,ol){margin:0}.interactive-collections__eyebrow{color:var(--color-muted);font-size:var(--type-caption-size);font-weight:var(--type-caption-weight);line-height:var(--type-caption-line-height);letter-spacing:var(--type-caption-letter-spacing);text-transform:var(--type-caption-transform)}.interactive-collections__heading{text-wrap:pretty}.interactive-collections__intro{max-width:52ch;color:var(--color-muted)}.interactive-collections__list{margin:0;padding:0;border-top:var(--border-width-hairline) solid color-mix(in srgb,currentcolor 66%,transparent);list-style:none}.interactive-collections__item{border-bottom:var(--border-width-hairline) solid color-mix(in srgb,currentcolor 66%,transparent)}.interactive-collections__link{display:grid;min-height:clamp(76px,7vw,112px);padding-block:var(--space-4);color:inherit;text-decoration:none;grid-template-columns:40px minmax(0,auto) minmax(96px,1fr) auto;align-items:center;gap:clamp(var(--space-3),2vw,var(--space-6))}.interactive-collections__index{align-self:center;font-size:var(--type-body-small-size);line-height:var(--type-body-small-line-height)}.interactive-collections__item-title{min-width:0;line-height:.96;text-wrap:balance;transition:opacity var(--motion-duration-fast) ease,transform var(--motion-duration-standard) var(--motion-ease-standard)}.interactive-collections__descriptor{color:var(--color-muted);font-size:var(--type-body-small-size);line-height:var(--type-body-small-line-height);letter-spacing:var(--type-label-letter-spacing);text-transform:var(--type-label-transform)}.interactive-collections__arrow{display:grid;opacity:0;place-items:center;transform:translate(-8px);transition:opacity var(--motion-duration-fast) ease,transform var(--motion-duration-standard) var(--motion-ease-standard)}.interactive-collections__arrow .icon{width:var(--icon-size-sm);height:var(--icon-size-sm)}.interactive-collections__item:not(.is-active) .interactive-collections__item-title{opacity:.58}.interactive-collections__item.is-active .interactive-collections__item-title{transform:translate(4px)}.interactive-collections__item.is-active .interactive-collections__arrow{opacity:1;transform:translate(0)}.interactive-collections__link:focus-visible{outline:var(--border-width-default) solid currentcolor;outline-offset:-4px}.interactive-collections__visual-space{min-width:0}.interactive-collections__visual{position:absolute;z-index:1;top:50%;right:clamp(0px,2vw,32px);width:min(41%,580px);height:min(88%,690px);margin:0;opacity:0;pointer-events:none;transform:translate3d(0,calc(-50% + 22px),0) scale(.985);transition:opacity .32s var(--motion-ease-standard),transform .6s var(--motion-ease-standard)}.interactive-collections__visual.is-active{z-index:2;opacity:1;transform:translate3d(0,-50%,0) scale(1)}.interactive-collections__frame{position:absolute;overflow:hidden;border:clamp(5px,.55vw,9px) solid var(--color-foreground);background:var(--color-background-secondary);box-shadow:0 18px 48px color-mix(in srgb,var(--color-foreground) 12%,transparent)}.interactive-collections__frame--primary{top:7%;left:2%;width:72%;aspect-ratio:var(--interactive-collections-media-ratio);transform:rotate(calc(var(--interactive-collections-collage-rotation) * -1))}.interactive-collections__frame--secondary{right:0;bottom:5%;width:72%;aspect-ratio:var(--interactive-collections-media-ratio);transform:rotate(var(--interactive-collections-collage-rotation))}.interactive-collections__visual--single .interactive-collections__frame--primary{top:50%;left:50%;width:min(88%,480px);transform:translate(-50%,-50%) rotate(calc(var(--interactive-collections-collage-rotation) * -1))}.interactive-collections__image{display:block;width:100%;height:100%;object-fit:var(--interactive-collections-media-fit)}.interactive-collections__placeholder{color:var(--color-muted)}@media(max-width:989px)and (min-width:750px){.interactive-collections__layout{min-height:560px;grid-template-columns:minmax(0,58fr) minmax(280px,42fr)}.interactive-collections__link{grid-template-columns:32px minmax(0,1fr) auto}.interactive-collections__descriptor{display:none}.interactive-collections__visual{width:39%;height:78%}}@media(max-width:749px){.interactive-collections{padding-block:var(--interactive-collections-padding-top-mobile) var(--interactive-collections-padding-bottom-mobile);overflow:hidden}.interactive-collections__layout{display:block;min-height:0}.interactive-collections__header{margin-bottom:var(--space-8)}.interactive-collections__visual-space{display:none}.interactive-collections__link{min-height:68px;padding-block:var(--space-4);grid-template-columns:28px minmax(0,1fr) auto;gap:var(--space-3)}.interactive-collections__descriptor{display:none}.interactive-collections__arrow{opacity:1;transform:none}.interactive-collections--text-only .interactive-collections__link{grid-template-columns:28px minmax(0,1fr) auto}.interactive-collections__item:not(.is-active) .interactive-collections__item-title{opacity:1}.interactive-collections__item.is-active .interactive-collections__item-title{transform:none}.interactive-collections__visual,.interactive-collections__visual.is-active{position:relative;top:auto;right:auto;z-index:auto;display:block;width:100%;height:auto;margin:var(--space-2) 0 var(--space-5);aspect-ratio:4 / 5;opacity:1;transform:none}.interactive-collections__frame--primary{top:4%;left:2%;width:74%}.interactive-collections__frame--secondary{right:2%;bottom:4%;width:72%}.interactive-collections__visual--single .interactive-collections__frame--primary{width:88%}}@media(prefers-reduced-motion:reduce){.interactive-collections__item-title,.interactive-collections__arrow,.interactive-collections__visual{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/13/assets/component-interactive-collections.css.map */