.card-flip-container{perspective:1200px;width:100%;max-width:340px;margin:1rem auto;min-height:18rem;outline:none}.card-flip{width:100%;height:18rem;position:relative;transition:transform .6s cubic-bezier(.4,.2,.2,1);transform-style:preserve-3d;cursor:pointer}.card-flip.flipped{transform:rotateY(180deg)}.card-flip-back,.card-flip-front{position:absolute;width:100%;height:100%;backface-visibility:hidden;border-radius:1rem;overflow:hidden;box-shadow:0 2px 12px rgba(0,0,0,.08);background:var(--card,#fff);display:flex;align-items:center;justify-content:center}.card-flip-front{z-index:2}.card-flip-back{transform:rotateY(180deg);z-index:1;flex-direction:column;justify-content:space-between}@media (max-width:600px){.card-flip-container{max-width:100vw;min-height:12rem}.card-flip{height:12rem}.journal-card-grid{grid-template-columns:1fr 1fr}}.journal-card-grid{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;padding:1rem 0}@media (min-width:500px){.journal-card-grid{grid-template-columns:1fr 1fr}}@media (min-width:900px){.journal-card-grid{grid-template-columns:1fr 1fr 1fr}}@media (min-width:1200px){.journal-card-grid{grid-template-columns:1fr 1fr 1fr 1fr}}.masonry-grid{display:flex;margin-left:-1rem;width:auto}.masonry-grid_column{padding-left:1rem;background-clip:padding-box}.masonry-grid_column>.card-flip-container{margin-bottom:1rem}