.pv-copy{position:absolute;top:0;right:0;bottom:0;width:48%;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(5px,.9vw,12px);text-align:center;line-height:1.4;padding:clamp(8px,1.4vw,22px) clamp(10px,2.4vw,40px)}.pv-copy:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#160a2400,#160a2466 45%,#160a2499)}.pv-kicker{font-family:var(--pixel);font-size:clamp(6px,.72vw,9px);letter-spacing:1px;color:var(--yellow);text-shadow:0 2px 6px #000}.pv-copy h2{font-size:clamp(11px,1.5vw,22px);font-weight:700;color:#fff;text-shadow:0 2px 10px #000c}.pv-cta{margin-top:clamp(2px,.5vw,6px);font-family:var(--pixel);font-size:clamp(6px,.78vw,11px);color:#fff;background:linear-gradient(180deg,var(--purple-2),var(--purple));padding:clamp(6px,.9vw,13px) clamp(12px,1.9vw,28px);border-radius:99px;border:1px solid #ffffff40;box-shadow:0 4px 0 #4c1d95,0 8px 22px #7c3aed66;transition:.13s}.pv-cta:after{content:" ▶";font-size:.85em}.pv-banner:hover .pv-cta{transform:translateY(2px);box-shadow:0 2px 0 #4c1d95}html[lang=th] .pv-kicker{font-size:clamp(8px,1vw,13px);letter-spacing:.3px}html[lang=th] .pv-copy h2{font-size:clamp(12px,1.7vw,25px)}html[lang=th] .pv-cta{font-size:clamp(9px,1.05vw,15px)}.pv-grid{display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(184px,1fr))}.pv-card{display:flex;flex-direction:column;gap:9px;padding:12px;background:var(--panel);border:1px solid var(--line);border-radius:12px;transition:.15s}.pv-card:hover{transform:translateY(-3px);border-color:var(--purple-2);box-shadow:0 10px 24px #0009}.pv-art{aspect-ratio:306/132;display:grid;place-items:center;overflow:hidden;border-radius:8px;background:var(--bg-2);padding:10px;text-align:center}.pv-art.has-img{padding:0}.pv-art img{width:100%;height:100%;object-fit:cover;image-rendering:pixelated}.pv-name{font-family:var(--pixel);font-size:9px;line-height:1.7;color:#c7d2fe}.pv-count{font-size:12.5px;color:var(--txt-dim);text-align:center}html[lang=th] .pv-name{font-size:12px;line-height:1.6}@media (max-width:900px){.pv-copy{width:66%}}@media (max-width:520px){.pv-copy{left:0;right:0;width:100%;gap:6px;padding:10px 16px}.pv-copy:before{background:linear-gradient(180deg,#160a2499,#160a24cc)}html[lang=th] .pv-copy h2{font-size:clamp(14px,4.4vw,20px)}html[lang=th] .pv-kicker{font-size:clamp(9px,2.6vw,12px)}html[lang=th] .pv-cta{font-size:clamp(10px,2.8vw,13px);padding:9px 18px}}