.pp{margin:40px 0 0;padding:clamp(20px,4vw,36px) clamp(16px,4vw,36px) 18px;border-radius:28px;background:radial-gradient(120% 90% at 50% 0,#dfe8ff 0,#eef3fb 45%,#f5f6fb 100%);border:1px solid #e7e8ef}html[data-theme=dark] .pp{background:radial-gradient(120% 90% at 50% 0,#1b2750 0,#121a30 45%,#0b0d12 100%);border-color:#242833}.pp-row{display:flex;justify-content:center;align-items:flex-start;gap:clamp(12px,3vw,28px)}.pp-shot{width:min(42%,230px);height:auto;border-radius:22px;border:6px solid #0f1115;background:#111;box-shadow:0 1px 2px rgba(15,20,40,.1),0 14px 26px -8px rgba(15,20,40,.22),0 36px 60px -22px rgba(15,20,40,.3)}.pp-shot-a{transform:rotate(-2deg)}.pp-shot-b{margin-top:28px;transform:rotate(2deg)}.pp-cap{margin:18px auto 0;max-width:40rem;text-align:center;font-size:.85rem;line-height:1.5;color:#6b7280}html[data-theme=dark] .pp-cap{color:#9aa1b2}@media (prefers-reduced-motion:no-preference){.pp-shot{transition:transform .25s ease}.pp:hover .pp-shot-a{transform:rotate(-3deg) translateY(-4px)}.pp:hover .pp-shot-b{transform:rotate(3deg) translateY(-4px)}}