.pci{--pci-ink: #0c0c0c;--pci-accent: #e11b22;--pci-paper: #f4f4f4;--pci-muted: #6b6b6b;--pci-ease: cubic-bezier(.22, 1, .36, 1);--pci-gap: 20px;overflow:hidden}.pci-hero{position:relative;background:var(--pci-ink);color:#fff;padding-top:clamp(56px,8vw,110px);isolation:isolate}.pci-hero__grain{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;overflow:hidden;pointer-events:none}.pci-hero__grain:before,.pci-hero__grain:after{content:"";position:absolute;border-radius:50%;filter:blur(90px)}.pci-hero__grain:before{width:46vw;height:46vw;right:-12vw;top:-18vw;background:var(--pci-accent);opacity:.28;animation:pci-float 14s ease-in-out infinite alternate}.pci-hero__grain:after{width:30vw;height:30vw;left:-10vw;bottom:-14vw;background:#fff;opacity:.06;animation:pci-float 18s ease-in-out infinite alternate-reverse}@keyframes pci-float{0%{transform:translate(0) scale(1)}to{transform:translate(-6vw,4vw) scale(1.15)}}.pci-hero__inner{position:relative;display:flex;align-items:flex-end;justify-content:space-between;gap:40px;padding-bottom:clamp(48px,6vw,80px)}.pci-hero__copy{max-width:860px}.pci-hero__eyebrow{display:inline-flex;align-items:center;gap:12px;font-size:12px;letter-spacing:.3em;text-transform:uppercase;color:#fff9}.pci-hero__eyebrow:before{content:"";width:28px;height:2px;background:var(--pci-accent)}.pci-hero__title{margin:18px 0 0;font-family:var(--font-stack-header);font-size:clamp(46px,8.2vw,132px);font-weight:700;line-height:.92;letter-spacing:-.03em;text-transform:uppercase;color:#fff}.pci-word{display:inline-block;overflow:hidden;vertical-align:top;padding-bottom:.06em}.pci-word>span{display:inline-block;transform:translateY(105%);animation:pci-word-up 1s var(--pci-ease) forwards;animation-delay:calc(var(--d, 0ms) + .12s)}.pci-word:last-child>span{color:transparent;-webkit-text-stroke:1.5px #fff}@keyframes pci-word-up{to{transform:none}}.pci-hero__sub{max-width:520px;margin:22px 0 0;font-size:clamp(15px,1.3vw,18px);line-height:1.6;color:#ffffffb3}.pci-stats{display:flex;flex-wrap:wrap;gap:14px 44px;margin:36px 0 0;padding:0}.pci-stats__item{position:relative;display:flex;flex-direction:column-reverse;gap:4px}.pci-stats dt{font-size:11px;letter-spacing:.24em;text-transform:uppercase;color:#ffffff80}.pci-stats dd{margin:0;font-family:var(--font-stack-header);font-size:clamp(28px,3vw,40px);font-weight:600;line-height:1;font-variant-numeric:tabular-nums}.pci-stats__item+.pci-stats__item:before{content:"";position:absolute;left:-22px;top:4px;bottom:4px;width:1px;background:#ffffff26}.pci-badge{position:relative;flex:none;width:160px;height:160px;margin-bottom:8px}.pci-badge__ring{width:100%;height:100%;animation:pci-spin 16s linear infinite}.pci-badge__ring text{fill:#ffffffd9;font-size:15px;font-weight:600;letter-spacing:.32em}.pci-badge__core{position:absolute;top:50%;left:50%;display:grid;place-items:center;width:66px;height:66px;margin:-33px 0 0 -33px;border-radius:50%;background:var(--pci-accent);color:#fff;transition:transform .4s var(--pci-ease)}.pci-badge__core svg{width:26px;height:26px}.pci-badge:hover .pci-badge__core{transform:rotate(45deg) scale(1.08)}@keyframes pci-spin{to{transform:rotate(360deg)}}.pci-marquee{position:relative;overflow:hidden;background:var(--pci-accent);color:#fff;padding:14px 0}.pci-marquee__track{display:flex;width:max-content;animation:pci-marquee 28s linear infinite}.pci-marquee:hover .pci-marquee__track{animation-play-state:paused}.pci-marquee__group{display:flex;align-items:center;flex:none}.pci-marquee span{padding:0 26px;font-family:var(--font-stack-header);font-size:clamp(16px,1.6vw,22px);font-weight:700;letter-spacing:.1em;text-transform:uppercase;white-space:nowrap}.pci-marquee i{width:10px;height:10px;flex:none;background:#fff;transform:rotate(45deg)}@keyframes pci-marquee{to{transform:translate(-25%)}}.pci-body{padding:clamp(36px,5vw,72px) 0 clamp(56px,7vw,100px)}.pci-grid{display:grid;grid-template-columns:1fr;grid-auto-rows:420px;gap:var(--pci-gap)}@media(min-width:768px){.pci-grid{grid-template-columns:repeat(2,1fr);grid-auto-rows:400px}.pci-card--hero,.pci-card--full,.pci-card--wide{grid-column:span 2}}@media(min-width:1024px){.pci-grid{grid-template-columns:repeat(12,1fr);grid-auto-rows:310px}.pci-card--hero{grid-column:span 7;grid-row:span 2}.pci-card--side{grid-column:span 5}.pci-card--tall{grid-row:span 2}.pci-card--small{grid-column:span 4}.pci-card--half{grid-column:span 6}.pci-card--wide{grid-column:span 12}.pci-card--full{grid-column:span 12;grid-row:span 2}}.pci-card{--mx: 80%;--my: 100%;--px: 0;--py: 0;position:relative;display:block;overflow:hidden;isolation:isolate;color:var(--pci-ink);text-decoration:none;background:var(--pci-paper);transition:color .5s var(--pci-ease),box-shadow .5s var(--pci-ease)}.pci-card:hover{color:#fff;box-shadow:0 30px 60px -20px #00000073}.pci-card:focus-visible{outline:3px solid var(--pci-accent);outline-offset:3px}.pci-card__bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-3;background:radial-gradient(120% 90% at 85% 100%,#fff,#fff0 60%),linear-gradient(160deg,#ececec,#d6d6d6)}.pci-card__bg:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(90% 70% at 80% 100%,#2a2a2a,#2a2a2a00 70%),var(--pci-ink);clip-path:circle(0% at var(--mx) var(--my));transition:clip-path .75s var(--pci-ease)}.pci-card:hover .pci-card__bg:after{clip-path:circle(150% at var(--mx) var(--my))}.pci-card__spot{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-2;background:radial-gradient(420px circle at var(--mx) var(--my),rgba(225,27,34,.32),transparent 60%);opacity:0;transition:opacity .5s}.pci-card:hover .pci-card__spot{opacity:1}.pci-card__word{position:absolute;z-index:-1;left:0;top:50%;white-space:nowrap;font-family:var(--font-stack-header);font-size:clamp(80px,11vw,190px);font-weight:800;line-height:1;text-transform:uppercase;letter-spacing:-.03em;color:transparent;-webkit-text-stroke:1px rgba(12,12,12,.1);transform:translateY(-50%);animation:pci-word-drift 22s linear infinite alternate;transition:-webkit-text-stroke-color .5s;pointer-events:none}.pci-card:hover .pci-card__word{-webkit-text-stroke-color:rgba(255,255,255,.14)}.pci-card--small .pci-card__word,.pci-card--side .pci-card__word{font-size:clamp(64px,7vw,120px)}@keyframes pci-word-drift{0%{transform:translate(4%,-50%)}to{transform:translate(-40%,-50%)}}.pci-card__num{position:absolute;top:24px;left:28px;z-index:2;display:flex;align-items:center;gap:10px;font-size:12px;font-weight:600;letter-spacing:.2em}.pci-card__num:after{content:"";width:28px;height:2px;background:var(--pci-accent);transform-origin:left;transition:transform .5s var(--pci-ease)}.pci-card:hover .pci-card__num:after{transform:scaleX(2)}.pci-card__media{position:absolute;right:0;bottom:0;z-index:1;width:60%;height:94%;pointer-events:none;transform:translate3d(calc(var(--px) * -14px),calc(var(--py) * -10px),0);transition:transform .6s var(--pci-ease)}.pci-card__img{display:block;width:100%;height:100%;object-fit:contain;object-position:bottom center;filter:drop-shadow(0 24px 30px rgba(0,0,0,.18));transform-origin:bottom center;transition:transform .8s var(--pci-ease),filter .5s}.pci-card:hover .pci-card__img{transform:scale(1.05);filter:drop-shadow(0 30px 40px rgba(0,0,0,.5))}.pci-card--hero .pci-card__media,.pci-card--full .pci-card__media{width:58%;height:96%;right:2%}.pci-card--wide .pci-card__media,.pci-card--half .pci-card__media{width:46%}.pci-card--photo .pci-card__media{top:0;right:0;bottom:0;left:0;width:100%;height:100%;transform:none}.pci-card--photo .pci-card__img{object-fit:cover;filter:none}.pci-card--photo .pci-card__media:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,#000000b3,#0000 60%)}.pci-card--photo{color:#fff}.pci-card__body{position:absolute;left:0;bottom:0;z-index:2;display:flex;flex-direction:column;align-items:flex-start;gap:10px;max-width:56%;padding:28px}.pci-card--hero .pci-card__body,.pci-card--full .pci-card__body{padding:40px;max-width:48%}.pci-chip{display:inline-flex;align-items:center;padding:5px 10px;border:1px solid currentColor;border-radius:999px;font-size:10px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;opacity:.8}.pci-chip--soon{border-color:var(--pci-accent);background:var(--pci-accent);color:#fff;opacity:1}.pci-card__title{font-family:var(--font-stack-header);font-size:clamp(22px,2.2vw,32px);font-weight:700;line-height:1.02;letter-spacing:-.01em;text-transform:uppercase}.pci-card--hero .pci-card__title,.pci-card--full .pci-card__title{font-size:clamp(32px,3.8vw,58px)}.pci-card__blurb{font-size:14px;line-height:1.5;opacity:.7;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.pci-card__foot{display:flex;flex-wrap:wrap;align-items:center;gap:8px 18px;margin-top:6px}.pci-card__shop{display:inline-flex;align-items:center;gap:10px;font-size:12px;font-weight:700;letter-spacing:.2em;text-transform:uppercase}.pci-card__line{width:18px;height:2px;background:var(--pci-accent);transition:width .5s var(--pci-ease)}.pci-card__shop svg{width:18px;height:18px;margin-left:-6px;color:var(--pci-accent);transition:transform .5s var(--pci-ease)}.pci-card:hover .pci-card__line{width:44px}.pci-card:hover .pci-card__shop svg{transform:translate(4px)}.pci-card__price{font-size:13px;opacity:.75}.pci-card__price strong{font-weight:600}.pci--js .pci-reveal{opacity:0;transform:translateY(24px);transition:opacity .9s var(--pci-ease),transform .9s var(--pci-ease);transition-delay:var(--d, 0ms)}.pci--js .pci-reveal.is-inview{opacity:1;transform:none}.pci--js .pci-card[data-pci-card]{opacity:0;transform:translateY(48px);clip-path:inset(12% 0 0 0);transition:opacity .9s var(--pci-ease) calc(var(--i, 0) * 90ms),transform .9s var(--pci-ease) calc(var(--i, 0) * 90ms),clip-path 1.1s var(--pci-ease) calc(var(--i, 0) * 90ms),color .5s var(--pci-ease),box-shadow .5s var(--pci-ease)}.pci--js .pci-card[data-pci-card].is-inview{opacity:1;transform:none;clip-path:inset(0 0 0 0)}.pci--js .pci-card[data-pci-card].is-settled{transition:color .5s var(--pci-ease),box-shadow .5s var(--pci-ease);clip-path:none}.pci-cta{position:relative;display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:var(--pci-gap);padding:clamp(26px,3.4vw,44px) clamp(24px,3.4vw,48px);overflow:hidden;isolation:isolate;background:var(--pci-ink);color:#fff;text-decoration:none}.pci-cta__fill{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:var(--pci-accent);transform:scaleX(0);transform-origin:left;transition:transform .7s var(--pci-ease)}.pci-cta:hover{color:#fff}.pci-cta:hover .pci-cta__fill{transform:scaleX(1)}.pci-cta__text{display:flex;flex-direction:column;gap:6px}.pci-cta__text small{font-size:12px;letter-spacing:.26em;text-transform:uppercase;opacity:.65}.pci-cta__text strong{font-family:var(--font-stack-header);font-size:clamp(26px,3.6vw,52px);font-weight:700;line-height:1;text-transform:uppercase;letter-spacing:-.01em}.pci-cta__arrow{display:grid;place-items:center;flex:none;width:clamp(54px,5vw,76px);height:clamp(54px,5vw,76px);border:1px solid rgba(255,255,255,.35);border-radius:50%;transition:transform .6s var(--pci-ease),background .4s,border-color .4s,color .4s}.pci-cta__arrow svg{width:40%;height:40%}.pci-cta:hover .pci-cta__arrow{transform:rotate(-45deg);background:#fff;border-color:#fff;color:var(--pci-ink)}@media(max-width:1023px){.pci-badge{width:128px;height:128px}.pci-card__body{max-width:60%}}@media(max-width:767px){.pci{--pci-gap: 14px}.pci-hero__inner{flex-direction:column;align-items:flex-start;gap:28px}.pci-badge{position:absolute;right:0;top:-36px;width:92px;height:92px;margin:0}.pci-badge__core{width:42px;height:42px;margin:-21px 0 0 -21px}.pci-badge__core svg{width:18px;height:18px}.pci-hero__eyebrow{max-width:calc(100% - 100px)}.pci-stats{gap:12px 36px;flex-wrap:nowrap}.pci-stats dd{font-size:26px;white-space:nowrap}.pci-stats__item+.pci-stats__item:before{left:-18px}.pci-grid{grid-auto-rows:400px}.pci-card__num{top:18px;left:20px}.pci-card__body,.pci-card--hero .pci-card__body,.pci-card--full .pci-card__body{padding:22px;max-width:62%}.pci-card__title,.pci-card--hero .pci-card__title,.pci-card--full .pci-card__title{font-size:23px;overflow-wrap:break-word}.pci-card__media,.pci-card--hero .pci-card__media,.pci-card--full .pci-card__media,.pci-card--wide .pci-card__media,.pci-card--half .pci-card__media{width:62%;height:88%;right:-8%}.pci-card__word,.pci-card--small .pci-card__word,.pci-card--side .pci-card__word{font-size:96px;top:34%}.pci-card__blurb{display:none}}@media(hover:none){.pci-card--hero{color:#fff}.pci-card--hero .pci-card__bg:after{clip-path:circle(150% at 80% 100%)}.pci-card--hero .pci-card__word{-webkit-text-stroke-color:rgba(255,255,255,.14)}.pci-card:hover{box-shadow:none}}@media(prefers-reduced-motion:reduce){.pci *,.pci *:before,.pci *:after{animation:none!important;transition-duration:.01ms!important}.pci-word>span{transform:none}.pci--js .pci-reveal,.pci--js .pci-card[data-pci-card]{opacity:1;transform:none;clip-path:none}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/phsiq-collections-index.css.map */
