.pnp-cards{background:var(--cream);overflow:hidden}.pnp-cards .head{text-align:center;max-width:680px;margin:0 auto 50px}.pnp-cards .head p{color:var(--soft)}.pnp-fan{position:relative;height:330px;max-width:760px;margin:0 auto}.pnp-reveal{display:none;grid-template-columns:300px 1fr;gap:50px;align-items:center;max-width:900px;margin:0 auto}.pnp-flip{perspective:1200px;width:300px;height:516px}.pnp-flip .in{position:relative;width:100%;height:100%;transition:transform 1s cubic-bezier(.3,.9,.3,1);transform-style:preserve-3d}.pnp-flip .face{position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;border:2px solid var(--ink);box-shadow:8px 8px 0 var(--mag)}.pnp-flip .front{background:var(--ink)}.pnp-flip .front:before{content:"";position:absolute;inset:14px;border:1.5px solid var(--lime);background:repeating-linear-gradient(45deg,transparent 0 14px,rgba(255,0,191,.25) 14px 16px)}.pnp-flip .back{transform:rotateY(180deg);background:#fff;display:flex;flex-direction:column;justify-content:space-between;padding:26px;overflow:hidden}.pnp-read h3{font-size:34px}.pnp-cd{font-size:13px;color:var(--soft);margin-top:10px}@media (max-width:860px){.pnp-reveal{grid-template-columns:1fr;justify-items:center;gap:30px}.pnp-fan{height:270px}.pnp-flip{width:260px;height:447px}}