/* KPK Community Stories — premium portrait video carousel v4.5.0 */
.kpk-social-videos{--sv-red:#ef1717;--sv-red-deep:#a90000;--sv-white:#fff;--sv-muted:#b6b6b6;--sv-panel:#101010;--sv-card-w:clamp(300px,25vw,390px);--sv-card-h:calc(var(--sv-card-w)*1.7777778);position:relative;isolation:isolate;max-width:100%;overflow:hidden;padding:var(--kpk-sv-top) 0 var(--kpk-sv-bottom);background:#050505;color:var(--sv-white)}
.kpk-social-videos--charcoal{background:#090909}
.kpk-social-videos::before{position:absolute;inset:0;z-index:-2;background-image:linear-gradient(180deg,rgba(3,3,3,.88) 0%,rgba(3,3,3,.78) 42%,rgba(3,3,3,.93) 100%),var(--kpk-sv-bg);background-position:center;background-size:cover;content:"";pointer-events:none}
.kpk-social-videos::after{position:absolute;inset:0;z-index:-1;background:radial-gradient(circle at 50% 58%,rgba(239,23,23,.14),transparent 31%),linear-gradient(90deg,rgba(0,0,0,.36),transparent 24%,transparent 76%,rgba(0,0,0,.36));content:"";pointer-events:none}
.kpk-social-videos *{box-sizing:border-box}
.kpk-social-videos button,.kpk-social-videos a{-webkit-tap-highlight-color:transparent}
.kpk-social-videos__inner{width:min(100% - 32px,1440px);margin-inline:auto}

/* Header */
.kpk-social-videos__header{max-width:900px;margin:0 auto;text-align:center}
.kpk-social-videos__eyebrow-row{display:flex;align-items:center;justify-content:center;gap:18px;margin-bottom:16px}
.kpk-social-videos__eyebrow-row>span{width:46px;height:1px;background:linear-gradient(90deg,transparent,var(--sv-red))}
.kpk-social-videos__eyebrow-row>span:last-child{background:linear-gradient(90deg,var(--sv-red),transparent)}
.kpk-social-videos__eyebrow{margin:0;color:#ff2828;font-size:12px;font-weight:900;letter-spacing:.24em;text-transform:uppercase}
.kpk-social-videos__header h2{margin:0;color:#fff;font-family:Impact,"Arial Narrow",Inter,Arial,sans-serif;font-size:clamp(46px,5.6vw,82px);font-weight:900;line-height:.91;letter-spacing:.005em;text-transform:uppercase;text-wrap:balance;text-shadow:0 3px 28px rgba(0,0,0,.45)}
.kpk-social-videos__header h2 span{display:block;color:#f01818;text-shadow:0 8px 32px rgba(239,23,23,.16)}
.kpk-social-videos__subtitle{max-width:650px;margin:22px auto 0;color:#d0d0d0;font-size:16px;line-height:1.65;text-wrap:balance}

/* Category pills */
.kpk-social-filter{display:flex;width:max-content;max-width:100%;margin:34px auto 10px;padding:2px;gap:10px;overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:x proximity;scrollbar-width:none}
.kpk-social-filter::-webkit-scrollbar{display:none}
.kpk-social-filter__button{position:relative;display:inline-flex;min-height:48px;align-items:center;justify-content:center;gap:10px;padding:10px 18px;border:1px solid rgba(255,255,255,.18);border-radius:999px;background:rgba(12,12,12,.74);backdrop-filter:blur(14px);color:#d2d2d2;font-size:13px;font-weight:800;white-space:nowrap;scroll-snap-align:center;transition:color .28s ease,background .28s ease,border-color .28s ease,box-shadow .28s ease,transform .28s cubic-bezier(.22,1,.36,1)}
.kpk-social-filter__button i{font-size:15px;color:#eee}
.kpk-social-filter__button:hover{border-color:rgba(255,255,255,.32);color:#fff;transform:translateY(-1px)}
.kpk-social-filter__button.is-active{border-color:#ff4c4c;background:linear-gradient(180deg,rgba(183,5,5,.92),rgba(109,0,0,.94));color:#fff;box-shadow:0 0 0 1px rgba(239,23,23,.22),0 10px 32px rgba(239,23,23,.22)}
.kpk-social-filter__button.is-active i{color:#fff}

/* Carousel stage */
.kpk-social-stage{position:relative;height:calc(var(--sv-card-h) + 48px);margin-top:22px;touch-action:pan-y;user-select:none;perspective:1400px}
.kpk-social-track{position:relative;width:100%;height:100%;outline:none}
.kpk-social-card{position:absolute;top:50%;left:50%;width:var(--sv-card-w);aspect-ratio:9/16;visibility:hidden;opacity:0;transform:translate3d(-50%,-50%,0) scale(.72);transform-origin:center;transition:transform .66s cubic-bezier(.22,1,.36,1),opacity .48s ease,filter .48s ease;will-change:transform,opacity,filter;pointer-events:none}
.kpk-social-card.is-positioned{visibility:visible}
.kpk-social-card.is-active{z-index:4;opacity:1;filter:none;pointer-events:auto}
.kpk-social-card.is-side{z-index:2;opacity:.78;filter:brightness(.5) saturate(.74);pointer-events:auto}
.kpk-social-card.is-far{z-index:1;opacity:0;filter:brightness(.35)}
.kpk-social-card__media{position:absolute;inset:0;overflow:hidden;border:1px solid rgba(255,255,255,.13);border-radius:var(--kpk-sv-radius);background:#0b0b0b;box-shadow:0 24px 72px rgba(0,0,0,.72);transition:border-color .32s ease,box-shadow .32s ease,transform .32s ease}
.kpk-social-card.is-active .kpk-social-card__media{border-color:rgba(255,72,72,.92);box-shadow:0 28px 80px rgba(0,0,0,.76),0 0 0 1px rgba(239,23,23,.38),0 0 38px rgba(239,23,23,.22)}
.kpk-social-card__poster,.kpk-social-card video,.kpk-social-card iframe{position:absolute;inset:0;width:100%;height:100%;border:0;object-fit:cover}
.kpk-social-card__poster{z-index:1;transition:opacity .36s ease}
.kpk-social-card video,.kpk-social-card iframe{z-index:2;background:#080808;opacity:0;transition:opacity .34s ease}
.kpk-social-card video.is-ready,.kpk-social-card iframe.is-ready{opacity:1}
.kpk-social-card__shimmer{position:absolute;inset:0;z-index:0;background:linear-gradient(110deg,#0d0d0d 25%,#181818 42%,#0d0d0d 58%);background-size:220% 100%;animation:kpk-sv-shimmer 1.7s linear infinite}
.kpk-social-card__shade{position:absolute;z-index:3;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.28) 0%,transparent 30%,transparent 46%,rgba(0,0,0,.18) 60%,rgba(0,0,0,.92) 100%);pointer-events:none}

/* Small card metadata */
.kpk-social-card__category{position:absolute;z-index:6;top:16px;left:16px;display:inline-flex;align-items:center;gap:7px;max-width:58%;padding:7px 10px;border:1px solid rgba(255,255,255,.16);border-radius:999px;background:rgba(7,7,7,.54);backdrop-filter:blur(12px);color:#fff;font-size:10px;font-weight:800;letter-spacing:.02em;text-transform:uppercase;opacity:.88}
.kpk-social-card__category i{color:#ff3535}
.kpk-social-sound{position:absolute;z-index:8;top:14px;right:14px;display:grid;width:40px;height:40px;place-items:center;padding:0;border:1px solid rgba(255,255,255,.17);border-radius:50%;background:rgba(5,5,5,.58);backdrop-filter:blur(12px);color:#fff;font-size:14px;opacity:0;transform:scale(.9);transition:opacity .25s ease,transform .25s ease,border-color .25s ease,background .25s ease}
.kpk-social-card.is-active .kpk-social-sound{opacity:1;transform:scale(1)}
.kpk-social-sound:hover,.kpk-social-sound[aria-pressed="true"]{border-color:#ff4141;background:rgba(120,0,0,.68)}

/* Main play affordance */
.kpk-social-play,.kpk-social-embed{position:absolute;z-index:7;top:50%;left:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:0;border:0;background:transparent;color:#fff!important;text-decoration:none;transform:translate(-50%,-50%);transition:opacity .25s ease,transform .25s ease}
.kpk-social-play>span,.kpk-social-embed>span{display:grid;width:78px;height:78px;place-items:center;border:2px solid rgba(255,95,95,.86);border-radius:50%;background:linear-gradient(180deg,rgba(190,5,5,.96),rgba(116,0,0,.96));box-shadow:0 0 0 9px rgba(239,23,23,.11),0 12px 34px rgba(0,0,0,.42),0 0 30px rgba(239,23,23,.26);font-size:26px;transition:transform .25s cubic-bezier(.22,1,.36,1),box-shadow .25s ease}
.kpk-social-play>span i,.kpk-social-embed>span i{margin-left:4px}
.kpk-social-embed small{padding:5px 9px;border-radius:999px;background:rgba(0,0,0,.56);backdrop-filter:blur(10px);font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.kpk-social-play:hover>span,.kpk-social-embed:hover>span{transform:scale(1.06);box-shadow:0 0 0 11px rgba(239,23,23,.12),0 15px 38px rgba(0,0,0,.5),0 0 36px rgba(239,23,23,.34)}
.kpk-social-card.is-playing .kpk-social-play{opacity:0;pointer-events:none}
.kpk-social-card.is-playing:hover .kpk-social-play,.kpk-social-card.is-playing:focus-within .kpk-social-play{opacity:.9;pointer-events:auto}
.kpk-social-card.is-playing .kpk-social-play>span{width:58px;height:58px;font-size:18px;background:rgba(5,5,5,.72);border-color:rgba(255,255,255,.32);box-shadow:0 8px 28px rgba(0,0,0,.5)}
.kpk-social-card.is-playing .kpk-social-play>span i{margin-left:0}

/* Product + bottom copy */
.kpk-social-card__product{position:absolute;z-index:5;right:14px;bottom:132px;width:72px;height:72px;object-fit:contain;filter:drop-shadow(0 12px 16px rgba(0,0,0,.72))}
.kpk-social-card__copy{position:absolute;z-index:6;right:18px;bottom:18px;left:18px;color:#fff;text-shadow:0 2px 18px rgba(0,0,0,.56)}
.kpk-social-card__identity{display:flex;align-items:center;gap:10px;margin-bottom:10px}
.kpk-social-card__identity img,.kpk-social-card__avatar-fallback{display:grid;flex:0 0 38px;width:38px;height:38px;place-items:center;overflow:hidden;border:1px solid rgba(255,255,255,.45);border-radius:50%;background:#151515;object-fit:cover}
.kpk-social-card__avatar-fallback{color:#fff;font-size:13px}
.kpk-social-card__identity div{min-width:0}
.kpk-social-card__identity strong{display:block;overflow:hidden;color:#fff;font-size:12px;font-weight:900;line-height:1.2;text-overflow:ellipsis;white-space:nowrap}
.kpk-social-card__identity small{display:block;margin-top:2px;overflow:hidden;color:#d2d2d2;font-size:9px;font-weight:700;line-height:1.2;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}
.kpk-social-card__copy h3{max-width:90%;margin:0;color:#fff;font-size:clamp(18px,1.6vw,25px);font-weight:850;line-height:1.1;letter-spacing:-.02em;text-wrap:balance}
.kpk-social-card__copy p{display:-webkit-box;max-width:88%;margin:7px 0 0;overflow:hidden;color:rgba(255,255,255,.78);font-size:11px;line-height:1.45;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.kpk-social-card__cta{display:inline-flex;min-height:34px;align-items:center;gap:8px;margin-top:11px;padding:8px 12px;border:1px solid rgba(255,255,255,.34);border-radius:999px;background:rgba(0,0,0,.36);backdrop-filter:blur(8px);color:#fff!important;font-size:10px;font-weight:850;text-decoration:none;text-shadow:none;transition:border-color .22s ease,background .22s ease,transform .22s ease}
.kpk-social-card__cta:hover{border-color:#ff4141;background:rgba(147,0,0,.72);transform:translateY(-1px)}
.kpk-social-card:has(.kpk-social-card__product) .kpk-social-card__copy{right:92px}
.kpk-social-card:has(.kpk-social-card__product) .kpk-social-card__copy h3,.kpk-social-card:has(.kpk-social-card__product) .kpk-social-card__copy p{max-width:100%}

/* Controls */
.kpk-social-controls{display:flex;align-items:center;justify-content:center;gap:24px;margin-top:4px}
.kpk-social-nav{display:grid;flex:0 0 48px;width:48px;height:48px;place-items:center;padding:0;border:1px solid rgba(255,255,255,.22);border-radius:50%;background:rgba(9,9,9,.72);backdrop-filter:blur(12px);color:#fff;font-size:14px;transition:border-color .25s ease,background .25s ease,transform .25s cubic-bezier(.22,1,.36,1),box-shadow .25s ease}
.kpk-social-nav:hover{border-color:#ff4141;background:rgba(108,0,0,.55);box-shadow:0 0 26px rgba(239,23,23,.19);transform:scale(1.06)}
.kpk-social-nav:disabled{opacity:.25;cursor:default;transform:none;box-shadow:none}
.kpk-social-pagination{display:flex;min-width:116px;min-height:22px;align-items:center;justify-content:center;gap:9px}
.kpk-social-pagination button{width:9px;height:9px;padding:0;border:0;border-radius:50%;background:#555;font-size:0;transition:transform .28s cubic-bezier(.22,1,.36,1),background .28s ease,box-shadow .28s ease}
.kpk-social-pagination button.is-active{background:#ff1717;box-shadow:0 0 14px rgba(239,23,23,.55);transform:scale(1.22)}
.kpk-social-swipe-hint{display:flex;align-items:center;justify-content:center;gap:16px;max-width:560px;margin:20px auto 0}
.kpk-social-swipe-hint>span{height:1px;flex:1;background:linear-gradient(90deg,transparent,rgba(255,255,255,.35))}
.kpk-social-swipe-hint>span:last-child{background:linear-gradient(90deg,rgba(255,255,255,.35),transparent)}
.kpk-social-swipe-hint p{margin:0;color:#787878;font-size:9px;font-weight:800;letter-spacing:.24em;text-align:center;text-transform:uppercase;white-space:nowrap}

/* Optional social links — intentionally minimal */
.kpk-social-links{display:flex;align-items:center;justify-content:center;gap:8px;max-width:760px;margin:24px auto 0;flex-wrap:wrap}
.kpk-social-links a{display:inline-flex;min-height:38px;align-items:center;gap:8px;padding:8px 12px;border:1px solid rgba(255,255,255,.12);border-radius:999px;background:rgba(12,12,12,.58);color:#d8d8d8!important;font-size:10px;font-weight:800;text-decoration:none;transition:border-color .22s ease,color .22s ease,background .22s ease}
.kpk-social-links a:hover{border-color:rgba(255,65,65,.62);background:rgba(90,0,0,.35);color:#fff!important}
.kpk-social-links a i{color:#ff2a2a;font-size:13px}

/* Entrance motion */
.kpk-social-videos [data-sv-reveal]{opacity:0;transform:translateY(18px);transition:opacity .64s cubic-bezier(.22,1,.36,1),transform .64s cubic-bezier(.22,1,.36,1)}
.kpk-social-videos.is-revealed [data-sv-reveal]{opacity:1;transform:none}
.kpk-social-videos.is-revealed .kpk-social-filter{transition-delay:70ms}
.kpk-social-videos.is-revealed .kpk-social-stage{transition-delay:125ms}
.kpk-social-videos.is-revealed .kpk-social-controls{transition-delay:175ms}
.kpk-social-videos.is-revealed .kpk-social-swipe-hint{transition-delay:210ms}
.kpk-social-videos.is-revealed .kpk-social-links{transition-delay:240ms}
.kpk-social-videos :is(button,a,[tabindex]):focus-visible{outline:2px solid #fff;outline-offset:4px}
.kpk-social-card[aria-hidden="true"]{pointer-events:none}
.kpk-social-card.is-desktop-hidden{display:none}
@keyframes kpk-sv-shimmer{to{background-position:-220% 0}}

@media(hover:hover){
	.kpk-social-card.is-active:hover .kpk-social-card__media{transform:translateY(-2px);box-shadow:0 32px 86px rgba(0,0,0,.78),0 0 0 1px rgba(239,23,23,.42),0 0 42px rgba(239,23,23,.23)}
}

@media(max-width:1100px){
	.kpk-social-videos{--sv-card-w:clamp(290px,34vw,360px)}
}

@media(max-width:760px){
	.kpk-social-videos{--sv-card-w:min(74vw,340px);--kpk-sv-radius:22px;padding-top:clamp(54px,var(--kpk-sv-top),86px);padding-bottom:clamp(54px,var(--kpk-sv-bottom),86px)}
	.kpk-social-videos__inner{width:100%}
	.kpk-social-videos__header{padding-inline:20px}
	.kpk-social-videos__eyebrow-row{gap:11px;margin-bottom:13px}
	.kpk-social-videos__eyebrow-row>span{width:34px}
	.kpk-social-videos__eyebrow{font-size:9px;letter-spacing:.22em}
	.kpk-social-videos__header h2{font-size:clamp(38px,12vw,54px);line-height:.92}
	.kpk-social-videos__subtitle{max-width:360px;margin-top:18px;font-size:13px;line-height:1.58}
	.kpk-social-filter{width:100%;margin-top:25px;padding-inline:16px;justify-content:flex-start;gap:8px}
	.kpk-social-filter__button{min-height:43px;padding:8px 13px;font-size:11px}
	.kpk-social-filter__button i{font-size:13px}
	.kpk-social-stage{height:calc(var(--sv-card-h) + 34px);margin-top:15px}
	.kpk-social-card.is-side{opacity:.68;filter:brightness(.42) saturate(.68)}
	.kpk-social-card__category{top:12px;left:12px;max-width:56%;padding:6px 9px;font-size:8px}
	.kpk-social-sound{top:11px;right:11px;width:36px;height:36px;font-size:12px}
	.kpk-social-play>span,.kpk-social-embed>span{width:66px;height:66px;font-size:22px;box-shadow:0 0 0 8px rgba(239,23,23,.1),0 10px 28px rgba(0,0,0,.45),0 0 26px rgba(239,23,23,.23)}
	.kpk-social-card__copy{right:14px;bottom:14px;left:14px}
	.kpk-social-card__identity{gap:8px;margin-bottom:8px}
	.kpk-social-card__identity img,.kpk-social-card__avatar-fallback{flex-basis:34px;width:34px;height:34px}
	.kpk-social-card__identity strong{font-size:11px}
	.kpk-social-card__identity small{font-size:8px}
	.kpk-social-card__copy h3{font-size:18px}
	.kpk-social-card__copy p{font-size:10px}
	.kpk-social-card__product{right:10px;bottom:112px;width:64px;height:64px}
	.kpk-social-card:has(.kpk-social-card__product) .kpk-social-card__copy{right:82px}
	.kpk-social-controls{gap:20px;margin-top:2px}
	.kpk-social-nav{flex-basis:44px;width:44px;height:44px}
	.kpk-social-pagination{min-width:94px;gap:8px}
	.kpk-social-pagination button{width:8px;height:8px}
	.kpk-social-swipe-hint{width:calc(100% - 52px);gap:10px;margin-top:17px}
	.kpk-social-swipe-hint p{font-size:7px;letter-spacing:.2em}
	.kpk-social-links{margin:20px 16px 0}
	.kpk-social-card.is-mobile-hidden{display:none}
	.kpk-social-card.is-desktop-hidden:not(.is-mobile-hidden){display:block}
}

@media(max-width:390px){
	.kpk-social-videos{--sv-card-w:76vw}
	.kpk-social-videos__header{padding-inline:16px}
	.kpk-social-videos__header h2{font-size:40px}
	.kpk-social-filter{padding-inline:12px}
	.kpk-social-filter__button{padding-inline:12px}
}

@media(max-width:340px){
	.kpk-social-videos__header h2{font-size:36px}
	.kpk-social-videos__eyebrow-row>span{width:22px}
	.kpk-social-filter__button{font-size:10px}
	.kpk-social-swipe-hint p{font-size:6.5px}
}

@media(prefers-reduced-motion:reduce){
	.kpk-social-videos *,.kpk-social-videos *::before,.kpk-social-videos *::after{animation:none!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
	.kpk-social-videos [data-sv-reveal]{opacity:1;transform:none}
}