/* gen6-punch-video.css (2026-10-22 D2): films carousel + On social row, inside #g6-library (dark band) */
.g6pv{margin-top:28px;color:#fff}
.g6pv-head{display:flex;align-items:center;justify-content:space-between;margin:0 0 12px}
.g6pv-head h3{margin:0;font-family:"Cormorant Garamond",Georgia,serif;font-size:1.6rem;font-weight:600;color:#fff}
.g6pv-head--social{margin-top:34px}
.g6pv-nav{display:none;gap:8px}
.g6pv-nav button{width:44px;height:44px;border-radius:50%;border:1px solid rgba(255,255,255,.35);background:rgba(255,255,255,.08);color:#fff;font-size:20px;cursor:pointer}
.g6pv-nav button:hover{background:rgba(255,255,255,.2)}
.g6pv-nav button[disabled]{opacity:.35;cursor:default}
.g6pv-track,.g6pv-social{list-style:none;margin:0;padding:4px 2px 14px;display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch;scroll-padding:0 2px}
.g6pv-track::-webkit-scrollbar,.g6pv-social::-webkit-scrollbar{display:none}
.g6pv-track:focus-visible{outline:2px solid #8cc4ec;outline-offset:2px;border-radius:12px}
.g6pv-card{flex:0 0 min(78%,320px);scroll-snap-align:start;margin:0;padding:0}
.g6pv-card>a{display:block;height:100%;text-decoration:none;color:#fff;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.14);border-radius:18px;overflow:hidden;box-shadow:0 10px 28px rgba(0,0,0,.25);transition:transform .2s,background .2s}
.g6pv-card>a:hover,.g6pv-card>a:focus-visible{transform:translateY(-3px);background:rgba(255,255,255,.12)}
.g6pv-frame{position:relative;display:block;aspect-ratio:16/9;background:#0b2a3f}
.g6pv-frame img{width:100%;height:100%;object-fit:cover;display:block}
.g6pv-play{position:absolute;left:50%;top:50%;width:54px;height:54px;margin:-27px 0 0 -27px;border-radius:50%;background:rgba(255,255,255,.92);box-shadow:0 4px 14px rgba(0,0,0,.35)}
.g6pv-play:after{content:"";position:absolute;left:21px;top:16px;border-left:16px solid #095e93;border-top:11px solid transparent;border-bottom:11px solid transparent}
.g6pv-dur{position:absolute;right:8px;bottom:8px;background:rgba(0,0,0,.72);color:#fff;font:600 .75rem Manrope,sans-serif;padding:3px 8px;border-radius:999px}
.g6pv-t{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;padding:12px 14px 2px;font:700 .95rem/1.35 Manrope,sans-serif}
.g6pv-m{display:block;padding:0 14px 14px;font:500 .8rem Manrope,sans-serif;color:rgba(255,255,255,.7)}
.g6pv-dots{display:flex;justify-content:center;gap:8px;min-height:10px}
.g6pv-dots button{width:10px;height:10px;padding:0;border-radius:50%;border:0;background:rgba(255,255,255,.35);cursor:pointer;position:relative}
.g6pv-dots button:before{content:"";position:absolute;inset:-17px -6px}
.g6pv-dots button[aria-current="true"]{background:#fff;transform:scale(1.25)}
.g6pv-short,.g6pv-profile{flex:0 0 auto;scroll-snap-align:start;margin:0;padding:0}
.g6pv-short>a{display:block;width:150px;text-decoration:none;color:#fff;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.14);border-radius:16px;overflow:hidden;height:100%}
.g6pv-sframe{position:relative;display:block;aspect-ratio:9/16;background:#0b2a3f}
.g6pv-sframe img{width:100%;height:100%;object-fit:cover;display:block}
.g6pv-badge{position:absolute;left:8px;top:8px;background:#e11d2e;color:#fff;font:700 .65rem Manrope,sans-serif;padding:3px 8px;border-radius:999px}
.g6pv-st{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;padding:8px 10px 10px;font:600 .78rem/1.3 Manrope,sans-serif}
.g6pv-profile>a{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:6px;width:170px;min-height:100%;box-sizing:border-box;padding:18px;text-decoration:none;color:#fff;background:linear-gradient(160deg,#2b80bb 0%,#095e93 42%);border-radius:16px;box-shadow:0 10px 28px rgba(0,0,0,.25)}
.g6pv-ico{display:grid;place-items:center;width:48px;height:48px;border-radius:14px;background:rgba(255,255,255,.18)}
.g6pv-ico svg{width:26px;height:26px}
.g6pv-pt{font:700 1.2rem Manrope,sans-serif}
.g6pv-ps{font:500 .8rem Manrope,sans-serif;opacity:.85}
.g6pv-profile>a:hover,.g6pv-profile>a:focus-visible{filter:brightness(1.1)}
@media (min-width:900px){
 .g6pv-nav{display:flex}
 .g6pv-card{flex-basis:calc((100% - 28px)/3)}
 .g6pv-short>a{width:170px}
 .g6pv-profile>a{width:200px}
}
@media (prefers-reduced-motion:reduce){.g6pv-card>a{transition:none}}
.g6pv .g6pv-dots button{width:10px;height:10px;min-width:0;min-height:0;max-width:10px;padding:0;flex:0 0 10px;box-shadow:none}