.pi-xc{--pi-xc-bg: #ffffff;--pi-xc-heading: #000000;--pi-xc-accent: #006bb3;--pi-xc-sub: #000000;--pi-xc-card-text: #ffffff;--pi-xc-overlay: .8;--pi-xc-n: 3;--pi-xc-ratio: 3.25;--pi-xc-h: 900;--pi-xc-strip: 100px;--pi-xc-title-size: 60;--pi-xc-desc-size: 30;--pi-xc-label-size: 50;--pi-xc-title-size-m: 20;--pi-xc-desc-size-m: 12;--pi-xc-max-width: 1920px;--pi-xc-pt: 80px;--pi-xc-pb: 80px;--pi-xc-gutter: clamp(24px, 8.333vw, 160px);--pi-xc-ease: cubic-bezier(.4, 0, .2, 1);--pi-xc-move: 0s;--pi-xc-out: 0s;--pi-xc-in: 0s;--pi-xc-in-delay: 0s;background:var(--pi-xc-bg);padding:var(--pi-xc-pt) 0 var(--pi-xc-pb)}.pi-xc.pi-xc--live{--pi-xc-move: .6s;--pi-xc-out: .15s;--pi-xc-in: .25s;--pi-xc-in-delay: .3s}.pi-xc,.pi-xc *,.pi-xc *:before,.pi-xc *:after{box-sizing:border-box}.pi-xc__frame{max-width:var(--pi-xc-max-width);margin:0 auto;padding:0 var(--pi-xc-gutter)}.pi-xc__container{container-type:inline-size}.pi-xc__heading{margin:0;font:700 clamp(32px,5cqw,80px) / 1 "Work Sans",sans-serif;letter-spacing:normal;text-align:center;text-transform:uppercase;color:var(--pi-xc-heading)}.pi-xc__accent{color:var(--pi-xc-accent)}.pi-xc__sub{max-width:982px;margin:clamp(16px,1.5cqw,24px) auto 0;font:400 clamp(16px,1.5625cqw,25px) / 1.5 "Inter",sans-serif;letter-spacing:normal;text-align:center;color:var(--pi-xc-sub)}.pi-xc__sub p{margin:0;font:inherit;letter-spacing:inherit;color:inherit}.pi-xc__sub a{color:inherit;text-decoration:underline}.pi-xc .pi-xc__sub--mobile{display:none}.pi-xc__gallery{--pi-xc-gap: clamp(10px, 1.5cqw, 24px);--pi-xc-radius: clamp(10px, 1.5cqw, 24px);--pi-xc-inset-l: clamp(27px, 4.25cqw, 68px);--pi-xc-inset-r: clamp(46px, 7.1875cqw, 115px);--pi-xc-inset-b: clamp(25px, 3.875cqw, 62px);--pi-xc-label-b: clamp(26px, 4cqw, 64px);--pi-xc-title-fs: clamp(calc(var(--pi-xc-title-size) * 641px / 1600), calc(var(--pi-xc-title-size) * 100cqw / 1600), calc(var(--pi-xc-title-size) * 1px));--pi-xc-desc-fs: clamp(calc(var(--pi-xc-desc-size) * 641px / 1600), calc(var(--pi-xc-desc-size) * 100cqw / 1600), calc(var(--pi-xc-desc-size) * 1px));--pi-xc-label-fs: clamp(calc(var(--pi-xc-label-size) * 641px / 1600), calc(var(--pi-xc-label-size) * 100cqw / 1600), calc(var(--pi-xc-label-size) * 1px));--pi-xc-open-w: calc((100cqw - (var(--pi-xc-n) - 1) * var(--pi-xc-gap)) * var(--pi-xc-ratio) / (var(--pi-xc-ratio) + var(--pi-xc-n) - 1));--pi-xc-caption-w: calc(var(--pi-xc-open-w) - var(--pi-xc-inset-l) - var(--pi-xc-inset-r));display:flex;gap:var(--pi-xc-gap);min-height:0;margin-top:clamp(24px,3cqw,48px);aspect-ratio:1600 / var(--pi-xc-h);overflow-anchor:none}.pi-xc__card{position:relative;flex:1 1 0px;min-width:0;overflow:hidden;isolation:isolate;border-radius:var(--pi-xc-radius);color:var(--pi-xc-card-text);transition:flex-grow var(--pi-xc-move) var(--pi-xc-ease)}.pi-xc__card.is-open{flex-grow:var(--pi-xc-ratio)}.pi-xc__card:has(:focus-visible){outline:3px solid var(--pi-xc-accent);outline-offset:3px}.pi-xc__video,.pi-xc__placeholder{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;display:block;width:100%;height:100%;margin:0;object-fit:cover;object-position:var(--pi-xc-focus, 50%) 50%;background:#1a1a1a}.pi-xc__card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:linear-gradient(to top,rgba(0,0,0,var(--pi-xc-overlay)),#0000);pointer-events:none}.pi-xc__caption{position:absolute;bottom:var(--pi-xc-inset-b);left:var(--pi-xc-inset-l);z-index:2;width:var(--pi-xc-caption-w);opacity:0;pointer-events:none;transition:opacity var(--pi-xc-out)}.pi-xc__card.is-open .pi-xc__caption{opacity:1;transition:opacity var(--pi-xc-in) var(--pi-xc-in-delay)}.pi-xc__title{margin:0;font:700 var(--pi-xc-title-fs) / 1 "Inter",sans-serif;letter-spacing:normal;color:var(--pi-xc-card-text)}.pi-xc__desc{margin:clamp(6px,1cqw,16px) 0 0;font:400 var(--pi-xc-desc-fs) / 1 "Inter",sans-serif;letter-spacing:normal;color:var(--pi-xc-card-text)}.pi-xc__label{position:absolute;right:0;bottom:var(--pi-xc-label-b);left:0;z-index:2;width:max-content;margin:0 auto;font:700 var(--pi-xc-label-fs) / 1 "Inter",sans-serif;letter-spacing:normal;white-space:nowrap;color:var(--pi-xc-card-text);writing-mode:vertical-rl;transform:rotate(180deg);opacity:1;pointer-events:none;transition:opacity var(--pi-xc-in) var(--pi-xc-in-delay)}.pi-xc__card.is-open .pi-xc__label{opacity:0;transition:opacity var(--pi-xc-out)}.pi-xc .pi-xc__hit{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;display:block;width:100%;height:100%;min-width:0;min-height:0;margin:0;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;font:400 14px/1 Inter,sans-serif;letter-spacing:normal;color:inherit;cursor:pointer;appearance:none;-webkit-appearance:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.pi-xc .pi-xc__hit:focus-visible{box-shadow:none}@supports selector(:has(*)){.pi-xc .pi-xc__hit:focus-visible{outline:none}}@supports not selector(:has(*)){.pi-xc .pi-xc__hit:focus-visible{outline:3px solid var(--pi-xc-accent);outline-offset:-3px}}.pi-xc .pi-xc__sr{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;border:0;font:400 14px/1 Inter,sans-serif;letter-spacing:normal;white-space:nowrap;clip:rect(0 0 0 0);clip-path:inset(50%)}@media(prefers-reduced-motion:reduce){.pi-xc.pi-xc--live{--pi-xc-move: 0s;--pi-xc-out: 0s;--pi-xc-in: 0s;--pi-xc-in-delay: 0s}}@media(max-width:768px){.pi-xc{--pi-xc-gutter: 24px;padding:calc(var(--pi-xc-pt) / 2) 0 calc(var(--pi-xc-pb) / 2)}.pi-xc__heading{font:700 32px/1 Work Sans,sans-serif}.pi-xc--accent-line .pi-xc__accent{display:block}.pi-xc__sub{margin-top:16px;font:700 16px/1.3 Inter,sans-serif;text-wrap:balance}.pi-xc .pi-xc__sub--desktop{display:none}.pi-xc .pi-xc__sub--mobile{display:block}.pi-xc__gallery{--pi-xc-gap: 12px;--pi-xc-radius: 10px;flex-direction:column;margin-top:24px;aspect-ratio:auto}.pi-xc__card,.pi-xc__card.is-open{flex:none;width:100%;height:var(--pi-xc-strip);transition:height var(--pi-xc-move) var(--pi-xc-ease)}.pi-xc__card.is-open{height:min(100cqw,560px)}.pi-xc__caption,.pi-xc__card.is-open .pi-xc__caption{right:20px;bottom:calc((var(--pi-xc-strip) - var(--pi-xc-title-size-m) * 1px) / 2);left:20px;width:auto;opacity:1;transition:bottom var(--pi-xc-move) var(--pi-xc-ease)}.pi-xc__card.is-open .pi-xc__caption{bottom:calc(28px + var(--pi-xc-desc-size-m) * 1px)}.pi-xc__title{font:700 calc(var(--pi-xc-title-size-m) * 1px) / 1 "Inter",sans-serif}.pi-xc__desc{position:absolute;top:100%;right:0;left:0;margin:6px 0 0;font:400 calc(var(--pi-xc-desc-size-m) * 1px) / 1 "Inter",sans-serif;opacity:0;transition:opacity var(--pi-xc-out)}.pi-xc__card.is-open .pi-xc__desc{opacity:1;transition:opacity var(--pi-xc-in) var(--pi-xc-in-delay)}.pi-xc__label{display:none}}
/*# sourceMappingURL=/cdn/shop/t/293/assets/pi-expand-cards.css.map */