.titre-gras{font-size:80px;font-weight:700}.artzio-grid-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:30px;padding:20px 0}.artzio-card{display:flex;position:relative;width:100%;height:280px;border-radius:0px;overflow:hidden;box-shadow:0 10px 30px rgba(0,0,0,0.15);background:#1a1a1a;cursor:pointer}.artzio-link-overlay{position:absolute;top:0;left:0;width:100%;height:100%;z-index:50}.artzio-panel{position:relative;height:100%;transition:all 0.6s cubic-bezier(0.25,0.8,0.25,1);overflow:hidden;border-right:1px solid rgba(255,255,255,0.1)}.artzio-img{width:100%;height:100%;background-size:cover;background-position:center;transition:transform 0.8s ease}.panel-mockup{flex:6}.panel-packshot{flex:0;filter:grayscale(100%)}.panel-texture{flex:0;filter:grayscale(100%)}.artzio-card:hover .panel-mockup{flex:1}.artzio-card:hover .panel-packshot{flex:1;filter:grayscale(0%)}.artzio-card:hover .panel-texture{flex:1;filter:grayscale(0%)}.artzio-panel:hover .artzio-img{transform:scale(1.1)}.artzio-content{font-family:montserrat;position:absolute;bottom:20px;left:20px;z-index:10;pointer-events:none;transition:opacity 0.3s}.artzio-content h3{font-family:montserrat;color:white;margin:0;font-size:20px;text-shadow:0 2px 5px rgba(0,0,0,0.7);text-transform:uppercase}.artzio-label{position:absolute;bottom:20px;left:50%;transform:translateX(-50%);color:white;background:rgba(0,0,0,0.7);padding:5px 10px;font-size:10px;text-transform:uppercase;border-radius:4px;opacity:0;transition:opacity 0.3s 0.2s}.artzio-card:hover .artzio-label{opacity:1}.artzio-card:hover .artzio-content{opacity:0}