.hpcs-section{--hpcs-bg: #0a0a0a;--hpcs-ink: #f7f5f2;--hpcs-ink-soft: rgba(247, 245, 242, .72);--hpcs-ink-muted: rgba(247, 245, 242, .5);--hpcs-line: rgba(247, 245, 242, .18);--hpcs-ease: cubic-bezier(.16, 1, .3, 1);--hpcs-panel-w: 78vw;--hpcs-panel-h: 82svh;--hpcs-gap: 1.2rem;background:var(--hpcs-bg);color:var(--hpcs-ink)}.hpcs{display:block;width:100%;outline:none}.hpcs__intro{max-width:40rem;margin:0 auto;padding:0 1.6rem 2.4rem;text-align:center}.hpcs__eyebrow{margin:0 0 .85rem;font-family:var(--font-body-family);font-size:.78rem;font-weight:500;letter-spacing:.22em;text-transform:uppercase;color:var(--hpcs-ink-muted)}.hpcs__heading{margin:0;font-family:var(--font-heading-family);font-style:var(--font-heading-style);font-weight:var(--font-heading-weight);font-size:clamp(1.85rem,5vw,2.8rem);line-height:1.08;letter-spacing:-.02em;color:var(--hpcs-ink);text-wrap:balance}.hpcs__support{margin:1rem auto 0;max-width:32rem;font-family:var(--font-body-family);font-size:1.05rem;line-height:1.5;color:var(--hpcs-ink-soft);text-wrap:pretty}.hpcs__support p{margin:0}.hpcs__gallery-wrap{position:relative}.hpcs__track{display:flex;align-items:stretch;gap:var(--hpcs-gap);overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding:0 max(1.6rem,calc((100vw - var(--hpcs-panel-w)) / 2));cursor:grab;touch-action:pan-x pan-y}.hpcs__track::-webkit-scrollbar{display:none}.hpcs__track.is-dragging{cursor:grabbing;scroll-behavior:auto;-webkit-user-select:none;user-select:none}.hpcs__panel{position:relative;flex:0 0 var(--hpcs-panel-w);width:var(--hpcs-panel-w);height:var(--hpcs-panel-h);scroll-snap-align:center;scroll-snap-stop:always;overflow:hidden;border-radius:.4rem;background:#141414;isolation:isolate}.hpcs__media{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.hpcs__picture,.hpcs__img,.hpcs__video{display:block;width:100%;height:100%}.hpcs__img,.hpcs__video{object-fit:cover;object-position:var(--hpcs-focal, center center)}.hpcs__video{background:#141414}.hpcs__placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#1a1a1a}.hpcs__placeholder-svg{width:100%;height:100%;object-fit:cover;opacity:.4}.hpcs__overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;background:linear-gradient(to top,rgba(0,0,0,var(--hpcs-overlay, .55)) 0%,rgba(0,0,0,calc(var(--hpcs-overlay, .55) * .45)) 42%,rgba(0,0,0,.08) 72%,transparent 100%)}.hpcs__caption{position:absolute;z-index:2;left:0;right:0;bottom:0;display:flex;padding:2rem 1.6rem 1.8rem;box-sizing:border-box;pointer-events:none}.hpcs__caption>*{pointer-events:auto}.hpcs__caption--left{justify-content:flex-start;text-align:left}.hpcs__caption--center{justify-content:center;text-align:center}.hpcs__caption--right{justify-content:flex-end;text-align:right}.hpcs__caption-inner{max-width:28rem}.hpcs__product{margin:0 0 .7rem;font-family:var(--font-body-family);font-size:.72rem;font-weight:500;letter-spacing:.2em;text-transform:uppercase;color:var(--hpcs-ink-muted)}.hpcs__byline{margin:0;font-family:var(--font-heading-family);font-size:clamp(1.15rem,2.4vw,1.45rem);font-weight:500;line-height:1.25;letter-spacing:-.01em;color:var(--hpcs-ink)}.hpcs__location{margin:.35rem 0 0;font-family:var(--font-body-family);font-size:.92rem;color:var(--hpcs-ink-soft)}.hpcs__quote{margin:1.1rem 0 0;font-family:var(--font-heading-family);font-size:clamp(1rem,2vw,1.15rem);font-weight:400;line-height:1.45;letter-spacing:-.01em;color:var(--hpcs-ink);text-wrap:pretty}.hpcs__quote p{margin:0}.hpcs__product-link{display:inline-flex;margin-top:1.15rem;font-family:var(--font-body-family);font-size:.88rem;font-weight:500;letter-spacing:.04em;color:var(--hpcs-ink);text-decoration:none;border-bottom:1px solid rgba(247,245,242,.4);padding-bottom:.15rem;transition:border-color .24s ease}.hpcs__product-link:hover{border-bottom-color:var(--hpcs-ink)}.hpcs__product-link:focus-visible{outline:2px solid var(--hpcs-ink);outline-offset:4px}.hpcs__nav{display:flex;align-items:center;justify-content:space-between;gap:1.2rem;max-width:72rem;margin:1.6rem auto 0;padding:0 1.6rem}.hpcs__arrows{display:flex;align-items:center;gap:.45rem}.hpcs__arrow{display:inline-flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;padding:0;border:1px solid #ffffff;background:#fff;color:#0a0a0a;cursor:pointer;transition:background-color .24s ease,opacity .24s ease}.hpcs__arrow .svg-wrapper{width:.95rem;height:.95rem;display:flex;align-items:center;justify-content:center}.hpcs__arrow .svg-wrapper svg{width:100%;height:100%}.hpcs__arrow--prev .svg-wrapper{transform:rotate(90deg)}.hpcs__arrow--next .svg-wrapper{transform:rotate(-90deg)}.hpcs__arrow:hover:not(:disabled){background:#f0f0f0}.hpcs__arrow:disabled{opacity:.35;cursor:default}.hpcs__arrow:focus-visible{outline:2px solid #ffffff;outline-offset:3px}.hpcs__meta{display:flex;align-items:center;gap:1rem;min-width:0}.hpcs__progress{display:none;width:min(12rem,28vw);height:1px;background:#f7f5f22e;overflow:hidden}.hpcs__progress-fill{display:block;height:100%;width:0%;background:#fff;transition:width .28s var(--hpcs-ease)}.hpcs__counter{margin:0;font-family:var(--font-body-family);font-size:.78rem;font-weight:500;letter-spacing:.16em;color:var(--hpcs-ink-muted);font-variant-numeric:tabular-nums;white-space:nowrap}.hpcs__counter-sep{margin:0 .35rem;opacity:.55}.hpcs__closing{display:flex;flex-direction:column;align-items:center;gap:1.1rem;margin-top:3.2rem;padding:0 1.6rem;text-align:center}.hpcs__closing-text{margin:0;max-width:28rem;font-family:var(--font-heading-family);font-size:clamp(1.15rem,2.4vw,1.4rem);font-weight:400;line-height:1.35;letter-spacing:-.01em;color:var(--hpcs-ink-soft)}.hpcs__closing-cta{display:inline-flex;align-items:center;justify-content:center;padding:.85rem 1.5rem;border-radius:999px;background:#fff;color:#0a0a0a;font-family:var(--font-body-family);font-size:.9rem;font-weight:500;letter-spacing:.04em;text-decoration:none;line-height:1;transition:background-color .24s ease}.hpcs__closing-cta:hover{background:#f0f0f0}.hpcs__closing-cta:focus-visible{outline:2px solid #ffffff;outline-offset:4px}.hpcs__empty{padding:4rem 1.6rem;text-align:center;color:var(--hpcs-ink-soft);font-size:1.1rem}@media screen and (max-width:749px){.hpcs-section{--hpcs-panel-w: 88vw;--hpcs-panel-h: auto;--hpcs-gap: .85rem}.hpcs__intro{padding-bottom:1.8rem}.hpcs__panel{aspect-ratio:4 / 5;height:auto;min-height:28rem}.hpcs__caption{padding:1.6rem 1.25rem 1.4rem}.hpcs__nav{margin-top:1.25rem}}@media screen and (min-width:750px){.hpcs__intro{padding:0 4rem 3rem}.hpcs__support{font-size:1.15rem}.hpcs__track{padding-left:max(4rem,calc((100vw - var(--hpcs-panel-w)) / 2));padding-right:max(4rem,calc((100vw - var(--hpcs-panel-w)) / 2))}.hpcs__caption{padding:3rem 3rem 2.6rem}.hpcs__nav{margin-top:2rem;padding:0 4rem}.hpcs__progress{display:block}.hpcs__arrow{width:2.7rem;height:2.7rem}.hpcs__closing{margin-top:4rem;flex-direction:row;justify-content:center;gap:1.6rem}}@media screen and (min-width:1200px){.hpcs-section{--hpcs-panel-w: 72vw;--hpcs-panel-h: 84svh}.hpcs__caption-inner{max-width:32rem}}@media(prefers-reduced-motion:reduce){.hpcs__track{scroll-behavior:auto}.hpcs__progress-fill,.hpcs__arrow,.hpcs__product-link,.hpcs__closing-cta{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/section-yugen-home-page-community-showcase.css.map */