.polaroid-container{perspective:1000px;cursor:pointer;margin:20px}.polaroid-card{position:relative;width:280px;height:340px;transform-style:preserve-3d;transition:transform .6s;margin:0 auto}.polaroid-card.flipped{transform:rotateY(180deg)}.polaroid-front,.polaroid-back{position:absolute;width:100%;height:100%;backface-visibility:hidden;background:#fff;box-shadow:0 4px 8px #0003,0 8px 16px #0000001a;border-radius:2px;padding:15px 15px 20px;display:flex;flex-direction:column}.polaroid-back{transform:rotateY(180deg);justify-content:center;align-items:center}.polaroid-image{width:100%;height:220px;object-fit:cover;margin-bottom:10px}.polaroid-label{flex:1;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;text-align:center;font-family:Caveat,cursive}.polaroid-title{font-weight:600;line-height:1.2;font-family:Caveat,cursive;font-size:24px;text-align:center;width:100%}.polaroid-date{font-family:Caveat,cursive;font-size:18px;color:#333;margin-top:8px;text-align:center}.polaroid-description{font-size:18px;color:#666;line-height:1.6;text-align:center;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;width:100%;margin-top:8px}.polaroid-story{padding:0;text-align:center;height:100%;display:flex;flex-direction:column;justify-content:space-between;box-sizing:border-box;font-family:Caveat,cursive}.polaroid-story .polaroid-title{font-size:24px;margin-bottom:25px;flex-shrink:0;font-family:Caveat,cursive;text-align:center;width:100%}.polaroid-story-text{font-size:18px;line-height:1.6;color:#333;flex:1;overflow-y:auto;min-height:0;font-family:Caveat,cursive;display:flex;align-items:center;justify-content:center;margin-bottom:25px;text-align:center;width:100%}.polaroid-author{font-size:18px;font-style:italic;color:#666;margin-top:0;flex-shrink:0;font-family:Caveat,cursive;text-align:center;width:100%}.polaroid-grid{display:flex;flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:20px;padding:20px 0}@media(max-width:768px){.polaroid-card{width:240px;height:300px}.polaroid-image{height:180px}.polaroid-container{margin:10px}}.polaroid-container:hover .polaroid-card{transform:scale(1.05)}.polaroid-container:hover .polaroid-card.flipped{transform:rotateY(180deg) scale(1.05)}