.visual-journal{padding:100px 60px 60px}.vj-grid{display:grid;grid-template-columns:repeat(4,1fr);column-gap:30px;row-gap:80px;justify-items:center;align-items:start;position:relative;isolation:isolate;z-index:0}.vj-card{width:70%;aspect-ratio:4 / 3;overflow:visible;position:relative;box-sizing:border-box;opacity:0;transform:translateY(30px);z-index:1;will-change:transform,filter,opacity;transition:transform .6s ease-out,opacity .6s ease-out}.vj-card.hovered{z-index:9999}.vj-card.show{opacity:1;transform:translateY(0)}.vj-card img{width:100%;height:100%;object-fit:cover;object-position:center;display:block;filter:grayscale(100%);transform:scale(1);transition:filter .6s ease-out,transform .8s ease-out;position:relative;transform-origin:center center}.vj-card:hover img{filter:grayscale(0%);transform:scale(1.6) translateY(-16px)}.vj-grid.hovering .vj-card:not(.hovered){transition:transform .6s ease-out,opacity .6s ease-out,filter .6s ease-out}@media (max-width: 768px){.visual-journal{padding:48px 16px 32px}.vj-grid{grid-template-columns:repeat(2,1fr);column-gap:16px;row-gap:24px}.vj-card{width:100%}}@media (hover: none) and (pointer: coarse){.vj-card:hover img{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/visual-journal.css.map */