.pgn-activities{background:#fff;padding:0 0 60px}.pgn-activities__heading{color:#1a1a1a;font-size:34px;font-weight:800;margin:0 0 10px}.pgn-activities__grid{display:grid;gap:20px;grid-template-columns:repeat(4,1fr)}.pgn-activities__card{aspect-ratio:3/4;background:#ccc;border:none;cursor:pointer;display:block;overflow:hidden;padding:0;position:relative;width:100%}.pgn-activities__media{background-color:#ccc;background-position:50%;background-size:cover;overflow:hidden;top:0}.pgn-activities__accent,.pgn-activities__media{display:block;height:50%;left:0;position:absolute;right:0}.pgn-activities__accent{bottom:0}.pgn-activities__play{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:2}.pgn-activities__title{bottom:40px;color:#fff;font-size:20px;font-weight:900;left:40px;line-height:30px;margin:0 auto;max-width:190px;position:absolute;right:40px;text-align:center;z-index:1}@media (max-width:900px){.pgn-activities__grid{grid-template-columns:repeat(2,1fr)!important}.pgn-activities__heading{font-size:28px}.pgn-activities{background:#fff;padding:0 0 40px}.pgn-activities__accent,.pgn-activities__media{height:50%}.pgn-activities__play{top:50%}.pgn-activities__title{max-width:100%}}@media (max-width:560px){.pgn-activities__grid{grid-template-columns:1fr!important}.pgn-activities__heading{font-size:28px}.pgn-activities{background:#fff;padding:0 0 40px}.pgn-activities__accent,.pgn-activities__media{height:50%}.pgn-activities__play{top:50%}.pgn-activities__title{max-width:100%}}