.pg-box{overscroll-behavior:contain;border-radius:20px;max-width:780px;max-height:min(72vh,640px);margin-left:auto;margin-right:auto;padding:18px 14px 40px 4px;position:relative;overflow-y:auto;-webkit-mask:linear-gradient(#000 calc(100% - 64px),#0000);mask:linear-gradient(#000 calc(100% - 64px),#0000)}.pg-box::-webkit-scrollbar{width:6px}.pg-box::-webkit-scrollbar-track{background:0 0}.pg-box::-webkit-scrollbar-button{width:0;height:0;display:none}.pg-box::-webkit-scrollbar-thumb{background:#7c3aed59;border-radius:999px}.pg-box::-webkit-scrollbar-thumb:hover{background:#7c3aed99}@supports not selector(::-webkit-scrollbar){.pg-box{scrollbar-width:thin;scrollbar-color:#7c3aed59 transparent}}.pg-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 16px;margin:0;padding:0;list-style:none;display:grid}@media (min-width:640px){.pg-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:32px 20px}}.pg-frame{aspect-ratio:9/16;background:#0b0f1a;border-radius:18px;transition:translate .3s cubic-bezier(.22,1,.36,1),box-shadow .3s;display:block;position:relative;overflow:hidden;box-shadow:0 0 0 1px #e5e7eb,0 18px 44px #0b0f1a1f}.pg-frame img,.pg-frame video{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.pg-frame video{animation:.35s pg-in}@keyframes pg-in{0%{opacity:0}}.pg-card:hover .pg-frame,.pg-card:focus-visible .pg-frame{translate:0 -4px;box-shadow:0 0 0 2px #7c3aed,0 26px 60px #7c3aed47}.pg-play{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0b0f1a8c;border-radius:50%;justify-content:center;align-items:center;width:46px;height:46px;margin:-23px 0 0 -23px;transition:opacity .25s,scale .25s;display:flex;position:absolute;top:50%;left:50%;box-shadow:0 0 0 1px #ffffff40}.pg-play svg{fill:#fff;width:18px;height:18px;margin-left:3px}.pg-card:hover .pg-play{opacity:0;scale:.8}.pg-cta{color:#0b0f1a;text-align:center;opacity:0;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffffeb;border-radius:12px;padding:9px 12px;font-size:13px;font-weight:700;transition:opacity .25s,translate .25s;position:absolute;bottom:12px;left:12px;right:12px;translate:0 6px}.pg-card:hover .pg-cta,.pg-card:focus-visible .pg-cta{opacity:1;translate:0}.pg-hint-touch{display:none}@media (hover:none){.pg-hint-hover{display:none}.pg-hint-touch{display:inline}}
